:root{--color-primary: #8FAF9A;--color-primary-light: #F4F7F3;--color-accent: #6F8F7B;--color-text: #3A3A3A;--color-text-light: #7A7A7A;--color-text-lighter: #A0A0A0;--color-white: #ffffff;--color-border: #E5EAE4;--font-main: 'Zen Old Mincho', serif;--font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}:root .btn-primary-main,:root .btn-secondary-main,:root .btn-text-link{font-family:var(--font-main);transition:all .3s ease}:root .btn-primary-main{display:inline-flex;align-items:center;justify-content:center;min-width:220px;height:48px;padding:0 24px;border:none;border-radius:16px;background-color:var(--color-primary);color:var(--color-white);font-size:1rem;text-decoration:none;box-shadow:0 4px 10px rgba(143,175,154,.22)}:root .btn-primary-main:hover{background-color:var(--color-accent)}:root .btn-secondary-main{display:inline-flex;align-items:center;justify-content:center;min-width:220px;height:48px;padding:0 24px;border:1.5px solid var(--color-primary);border-radius:16px;background-color:var(--color-white);color:var(--color-primary);font-size:1rem;text-decoration:none}:root .btn-secondary-main:hover{background-color:var(--color-primary-light)}:root .btn-text-link{display:inline-block;font-size:.95rem;color:var(--color-text-light);text-decoration:none;margin-top:12px}:root .btn-text-link:hover{text-decoration:underline;color:var(--color-text)}:root .button-group-vertical{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:24px}:root{--spacing-xs: 0.25rem;--spacing-sm: 0.5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-main);line-height:1.6;color:var(--color-text);background-color:var(--color-white);min-height:100vh;display:flex;flex-direction:column}main{flex:1}.nav-container{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);width:100%;max-width:1200px;margin:0 auto}.logo-link{text-decoration:none;color:inherit}.logo-wrapper{display:flex;align-items:center;justify-content:center;position:relative;width:100%;gap:2px}.logo-image{width:60px;height:60px;position:absolute;left:0;transform:translateX(-100%);margin-right:8px}.app-name{font-size:20px;font-weight:bold;color:var(--color-white)}button{cursor:pointer;transition:all .3s ease}button:disabled{cursor:not-allowed;opacity:.6}a{text-decoration:none;color:inherit;transition:opacity .3s ease}a:hover{opacity:.8}ul,ol{list-style:none}@media(max-width: 767px){html{font-size:14px}.nav-container{padding:var(--spacing-xs) var(--spacing-sm)}.logo-image{width:50px;height:50px}.app-name{font-size:18px}}@media(min-width: 768px)and (max-width: 991px){html{font-size:15px}}@media(min-width: 992px){html{font-size:16px}.nav-container{padding:var(--spacing-md) var(--spacing-lg)}}html,body{width:100%;overflow-x:hidden}*,*::before,*::after{box-sizing:border-box}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hidden{display:none}.visible{display:block}.show-mobile{display:block}.hide-mobile{display:none}@media(min-width: 768px){.show-mobile{display:none}.hide-mobile{display:block}}.footer{background-color:var(--color-primary);color:var(--color-white);padding:var(--spacing-md) 0;text-align:center;margin-top:auto;box-shadow:0 -2px 4px rgba(0,0,0,.1)}.footer .nav-container{justify-content:center;gap:var(--spacing-xl)}.footer-left,.footer-center,.footer-right{display:flex;align-items:center;gap:var(--spacing-sm)}.footer-link{font-size:12px;color:var(--color-white);margin:0;text-decoration:none;transition:opacity .3s}.footer-link:hover{opacity:.8}@media(max-width: 767px){.footer .nav-container{flex-direction:column;gap:var(--spacing-sm)}.footer-link{font-size:11px}}@media(min-width: 768px){.footer{padding:var(--spacing-lg) 0}.footer-link{font-size:14px}}.header-simple,.header-main{min-height:80px;display:flex;align-items:center;padding:var(--spacing-md);background-color:var(--color-primary);color:var(--color-white);box-shadow:0 2px 4px rgba(0,0,0,.1)}.header-simple .nav-container{justify-content:center}.header-main .nav-container{display:flex;align-items:center;justify-content:space-between;width:100%}.header-left{flex:0 0 88px;display:flex;align-items:center;justify-content:flex-start}.header-right{flex:0 0 132px;display:flex;align-items:center;justify-content:flex-end}.header-center{flex:1;display:flex;justify-content:center;align-items:center}.logo-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:inherit}.logo-wrapper{display:inline-flex;align-items:center;justify-content:center;gap:2px;width:auto;position:static}.logo-image{width:42px;height:42px;object-fit:contain;position:static;transform:none;margin:0}.app-name{font-size:1.75rem;font-weight:500;color:var(--color-white);line-height:1}.hamburger-menu{background-color:rgba(0,0,0,0);border:none;padding:var(--spacing-sm)}.hamburger-menu i{font-size:24px;color:var(--color-white);transition:color .3s ease}.hamburger-menu:hover i{color:var(--color-border)}.hamburger-menu:active i{color:var(--color-text-lighter)}.account-switcher{display:flex;flex-direction:column;align-items:center;gap:2px;position:relative;width:100%;max-width:none}.switcher-label,.selected-child-name{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.switcher-label{font-size:10px;color:var(--color-white);margin:0;white-space:nowrap}.user-info-container{display:flex;flex-direction:column;align-items:center;gap:2px;position:relative}.switcher-control{display:flex;align-items:center;justify-content:center;position:relative}.user-icon-button{background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center}.switcher-icon{font-size:24px;color:var(--color-white);transition:color .2s}.user-icon-button:hover .switcher-icon{color:var(--color-border)}.selected-child-name{font-size:12px;font-weight:bold;color:var(--color-white);text-align:center;margin:0;white-space:nowrap;line-height:1.2}.dropdown-menu{display:none;position:absolute;top:100%;right:0;left:auto;transform:none;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);list-style:none;padding:var(--spacing-sm) 0;margin:var(--spacing-sm) 0 0 0;width:220px;max-width:calc(100vw - 32px);box-sizing:border-box;z-index:1000}.dropdown-menu.show{display:block}.dropdown-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text);text-decoration:none;transition:background-color .2s;cursor:pointer}.dropdown-item:hover{background-color:#f5f5f5}.dropdown-item .child-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;color:var(--color-text)}.dropdown-item .child-age{flex-shrink:0;font-size:.85rem;color:var(--color-text-lighter);white-space:nowrap}.menu-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.3);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:999}.side-menu{position:fixed;top:0;left:0;width:75%;max-width:320px;height:100vh;background-color:var(--color-primary);box-shadow:4px 0 12px rgba(0,0,0,.12);transform:translateX(-100%);opacity:0;transition:transform .35s ease,opacity .35s ease;z-index:1000;padding:24px 20px;box-sizing:border-box;overflow-y:auto}.menu-open .menu-overlay{opacity:1;visibility:visible}.menu-open .side-menu{transform:translateX(0);opacity:1}.side-menu-header{margin-bottom:32px;display:flex;justify-content:center}.side-menu-logo{display:flex;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--color-white);font-size:1.2rem;font-family:var(--font-main)}.side-menu-logo-image{width:32px;height:32px;object-fit:contain}.side-menu-list{list-style:none;padding:0;margin:0}.side-menu-list li{margin:0}.side-menu-link{font-size:1rem;font-family:var(--font-main);display:block;width:100%;padding:16px 12px;border-bottom:1px solid hsla(0,0%,100%,.2);text-decoration:none;color:var(--color-white);box-sizing:border-box;transition:background-color .2s ease}.side-menu-link.active{color:#fff;font-weight:bold;letter-spacing:.05rem;margin:2px 0;padding:14px 12px}.logout-link{color:hsla(0,0%,100%,.8)}@media(max-width: 767px){.header-left,.header-right{flex:0 0 76px}.logo-image{width:36px;height:36px}.app-name{font-size:1.2rem}.account-switcher{max-width:76px}.switcher-label,.selected-child-name{max-width:76px}.switcher-label{font-size:8px;max-width:76px;display:inline}.selected-child-name{font-size:11px}.switcher-icon{font-size:20px}.hamburger-menu i{font-size:20px}}@media(min-width: 768px){.header-main .nav-container{padding:var(--spacing-md) var(--spacing-lg)}.header-right{flex:0 0 160px}.account-switcher{min-width:120px}.switcher-label,.selected-child-name{max-width:120px}}.top-container{min-height:100vh;background-color:var(--color-primary-light);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);font-family:var(--font-main)}.top-title{font-size:1.8rem;font-weight:600;text-align:center;color:var(--color-text);margin-bottom:4rem;white-space:nowrap}.button-group{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);justify-content:center;margin-bottom:2rem}.button-group .btn{padding:.8rem 2rem;font-size:1.1rem;border-radius:8px;transition:all .3s ease;font-weight:500}.button-group .btn-primary{background-color:var(color-primary);border:none;color:var(--color-white)}.button-group .btn-primary:hover{background-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.button-group .btn-secondary{background-color:rgba(0,0,0,0);border:1px solid var(--color-primary);color:var(--color-primary)}.button-group .btn-secondary:hover{background-color:var(--color-primary-light);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.description{position:relative;text-align:center;padding:var(--spacing-xxl) 3rem;background:rgba(200,230,201,.8);border-radius:50%;line-height:2.2;font-size:1rem;color:var(--color-text-light);max-width:400px;margin:0 auto;margin-top:-1rem;font-family:var(--font-main);z-index:1}.description::before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background:linear-gradient(135deg, rgba(255, 250, 240, 0.9), rgba(248, 248, 255, 0.6));border-radius:50%;filter:blur(9px);z-index:-1}.description br{display:block;margin:.3rem 0}@media(max-width: 767px){.top-container{padding:var(--spacing-md)}.top-title{font-size:1.5rem;margin-bottom:6rem}.button-group{flex-direction:column;gap:var(--spacing-md);margin-bottom:6rem}.button-group .btn{padding:.7rem 1.5rem;font-size:1rem}.description{padding:var(--spacing-xl) var(--spacing-xl);font-size:.9rem;line-height:2;max-width:300px}}@media(min-width: 768px)and (max-width: 991px){.top-title{font-size:1.7rem}.description{max-width:380px}}@media(min-width: 992px){.top-title{font-size:2rem}.button-group{margin-bottom:3rem}.button-group .btn{padding:1rem 2.5rem;font-size:1rem}.description{padding:var(--spacing-xxl) 5rem;font-size:1rem;max-width:420px}}#recording-page{background-color:var(--color-primary-light);height:100vh;padding:var(--spacing-lg) var(--spacing-md)}#recording-page #initial-screen{max-width:420px;text-align:center;margin:0 auto;padding-top:1rem}#recording-page #preview-area{max-width:420px;margin:0 auto;text-align:center}#recording-page .child-name{text-align:center;font-size:1.8rem;color:var(--color-text);margin-bottom:3rem;margin-top:3.5rem}#recording-page .record-button-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:0}#recording-page #start-recording.record-start-button{border:none;background:rgba(0,0,0,0);padding:0;cursor:pointer;-webkit-appearance:none;appearance:none;width:auto;box-shadow:none}#recording-page .record-start-button-outer{width:120px;height:120px;border-radius:50%;background-color:#f3a79d;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px rgba(0,0,0,.08)}#recording-page .record-start-button-inner{width:86px;height:86px;border-radius:50%;background-color:#df633f;display:flex;align-items:center;justify-content:center}#recording-page .record-start-button i{font-size:2.3rem;color:var(--color-white);line-height:1;display:block}#recording-page .record-start-button:hover .record-start-button-outer{transform:scale(1.03);box-shadow:0 8px 18px rgba(0,0,0,.12)}#recording-page .record-start-button:active .record-start-button-outer{transform:scale(0.98)}#recording-page .record-start-label{margin-top:1rem;font-size:1rem;color:var(--color-text)}#recording-page .recent-recordings-section{width:100%;max-width:380px;margin-left:auto;margin:3rem auto 0}#recording-page .recent-recordings-title{font-size:1.1rem;color:var(--color-text);margin-bottom:1rem;text-align:left}#recording-page .recent-recordings-list{list-style:none;padding:0;margin:0}#recording-page .recent-recording-item{display:flex;align-items:center;justify-content:space-between;text-decoration:none;padding:14px 12px;border-bottom:1px solid var(--color-border);color:var(--color-text)}#recording-page .recent-recording-left{display:flex;align-items:center;gap:10px;padding-left:4px}#recording-page .recent-recording-icon{color:var(--color-text-light);font-size:1rem}#recording-page .recent-recording-name{font-size:1rem;color:var(--color-text)}#recording-page .recent-recording-duration{font-size:.95rem;color:var(--color-text-light);padding-right:4px}#recording-page .recent-recordings-empty{font-size:.95rem;color:var(--color-text-light);text-align:left}#recording-page #recording-screen{max-width:420px;text-align:center;margin:0 auto;padding-top:1rem}#recording-page .recording-status-text{font-size:1.5rem;text-align:center;color:var(--color-text);margin-bottom:3rem;margin-top:6.5rem;animation:blink 1s infinite}#recording-page .recording-time{font-size:2.25rem;font-weight:bold;color:var(--color-text);text-align:center;margin-top:24px}#recording-page #recording-duration{font-size:2rem;font-weight:600;color:var(--color-text)}#recording-page .record-start-label{margin-top:12px;text-align:center}#recording-page .record-stop-button{border:none;background:rgba(0,0,0,0);padding:0;cursor:pointer;-webkit-appearance:none;appearance:none}#recording-page .record-stop-button:disabled{opacity:.5;cursor:not-allowed}#recording-page .record-stop-button-outer{width:120px;height:120px;border-radius:50%;background-color:#f3a79d;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px rgba(0,0,0,.08);animation:blink 2s infinite,pulse 2.2s ease-in-out infinite}#recording-page .record-stop-button-inner{width:86px;height:86px;border-radius:50%;background-color:#df633f;display:flex;align-items:center;justify-content:center}#recording-page .record-stop-button i{font-size:2rem;color:var(--color-white)}#recording-page .record-stop-button:active .record-stop-button-outer{transform:scale(0.96)}#recording-page #preview-area{background-color:var(--color-white);border-radius:20px;padding:var(--spacing-xl) var(--spacing-lg);box-shadow:0 6px 16px rgba(0,0,0,.08)}#recording-page #preview-area h2{font-size:1.25rem;color:var(--color-text);margin-bottom:var(--spacing-md)}#recording-page .duration{margin-bottom:var(--spacing-lg)}#recording-page #preview-duration{font-size:2rem;font-weight:bold;color:var(--color-text)}#recording-page #seek-bar{width:100%;margin-bottom:var(--spacing-sm);-webkit-appearance:none;appearance:none;background:rgba(0,0,0,0);height:24px;cursor:pointer}#recording-page #seek-bar::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:linear-gradient(to right, #9AA89A 0%, #9AA89A var(--progress, 0%), #D9DED9 var(--progress, 0%), #D9DED9 100%)}#recording-page #seek-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:1px solid #d5d9d5;box-shadow:0 2px 6px rgba(0,0,0,.15);margin-top:-9px}#recording-page #seek-bar::-moz-range-track{height:8px;border-radius:999px;background:#d9ded9}#recording-page #seek-bar::-moz-range-progress{height:8px;border-radius:999px;background:#9aa89a}#recording-page #seek-bar::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:1px solid #d5d9d5;box-shadow:0 2px 6px rgba(0,0,0,.15)}#recording-page .current-time{margin-bottom:var(--spacing-lg)}#recording-page #current-time{font-size:.95rem;color:var(--color-text-light)}#recording-page .audio-controls{margin-bottom:var(--spacing-xl)}#recording-page #play-toggle-button{width:72px;height:72px;border:none;border-radius:50%;background-color:var(--color-primary);color:var(--color-white);font-size:1.5rem;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 14px rgba(127,191,127,.25)}#recording-page .form-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}#recording-page .preview-actions{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:28px}#recording-page #save-recording-form .preview-save-button{width:260px;max-width:100%;height:56px;padding:0;border-radius:20px}#recording-page .preview-back-link{background:none;border:none;padding:0;width:auto;height:auto;color:var(--color-text-light);font-size:.95rem;font-family:var(--font-main);cursor:pointer;text-decoration:none;box-shadow:none;align-self:center}#recording-page .preview-back-link:hover{opacity:.7}#recording-page .preview-back-link:active{opacity:.5}#recording-page #success-messages,#recording-page #error-messages{max-width:420px;margin:0 auto var(--spacing-md)}#recording-page .alert{padding:var(--spacing-md);border-radius:12px;font-size:.95rem}#recording-page .alert-success{background-color:#e8f6ea;color:#2f6b3d}#recording-page .alert-danger{background-color:#fdeaea;color:#a94442}@media(min-width: 768px){#recording-page .recording-status-text{margin-top:4.5rem}}@media(max-width: 767px){#recording-page{padding:var(--spacing-md)}#recording-page #initial-screen{padding-top:3rem}#recording-page .child-name{font-size:2rem}#recording-page .recent-recordings-section{margin-top:5rem}#recording-page .recording-time,#recording-page #preview-duration{font-size:1.8rem}#recording-page #play-toggle-button{width:64px;height:64px;font-size:1.25rem}}@keyframes blink{0%{opacity:1}50%{opacity:.4}100%{opacity:1}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.75}100%{transform:scale(1);opacity:1}}#recording-detail-page{background-color:var(--color-primary-light);min-height:100vh;padding:var(--spacing-lg) var(--spacing-md)}#recording-detail-page .recording-detail-card{max-width:420px;margin:0 auto;background-color:var(--color-white);border-radius:20px;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-xl);box-shadow:0 6px 16px rgba(0,0,0,.08)}#recording-detail-page .child-name{font-size:1.5rem;color:var(--color-text);margin-bottom:var(--spacing-xl);text-align:center}#recording-detail-page .detail-section{margin-bottom:.25rem}#recording-detail-page .title-section{margin-bottom:0}#recording-detail-page .favorite-area{display:flex;justify-content:flex-end;margin-top:4px}#recording-detail-page .favorite-area form{margin:0}#recording-detail-page .detail-label{font-size:1.1rem;color:var(--color-text-light);margin-bottom:var(--spacing-xs);font-weight:bold}#recording-detail-page .detail-value{font-size:1rem;color:var(--color-text);line-height:1.8;white-space:normal}#recording-detail-page .detail-title{border:1px solid var(--color-border);border-radius:12px;padding:var(--spacing-md);margin:0;background-color:var(--color-white);min-height:30px;letter-spacing:.03rem;line-height:1.6;font-weight:500;color:#444}#recording-detail-page .detail-value.detail-comment{border:1px solid var(--color-border);border-radius:12px;padding:var(--spacing-md);background-color:var(--color-white);min-height:80px;font-size:.95rem;line-height:1.6;white-space:pre-line;letter-spacing:.02rem;font-weight:500;color:#2f2f2f;padding:14px 16px}#recording-detail-page .detail-comment.is-empty{display:flex;align-items:center;justify-content:center;color:var(--color-text-light);text-align:center;opacity:.7;font-size:.85rem;white-space:normal}#recording-detail-page .edit-area{text-align:right;margin-bottom:var(--spacing-xl)}#recording-detail-page .edit-btn{display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:var(--color-white);min-width:96px;height:48px;padding:0 24px;line-height:1;box-sizing:border-box;border-radius:12px;font-size:.95rem;text-decoration:none}#recording-detail-page .recording-date-section .recording-meta{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%}#recording-detail-page .recording-date-section .recording-date-value,#recording-detail-page .recording-date-section .recording-age-text{width:auto;margin-left:0;margin-right:0;align-self:flex-start;text-align:left}#recording-detail-page .recording-date-section .recording-date-value{margin:2px 0;font-size:1.1rem;line-height:1.2}#recording-detail-page .recording-date-section .recording-age-text{margin:var(--spacing-sm) 0;font-size:.9rem;line-height:1.2;text-align:left}#recording-detail-page .seek-bar-area{width:100%;margin-bottom:var(--spacing-lg)}#recording-detail-page #seek-bar{width:100%;margin-bottom:var(--spacing-sm);-webkit-appearance:none;appearance:none;background:rgba(0,0,0,0);height:24px;cursor:pointer}#recording-detail-page #seek-bar::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:linear-gradient(to right, #9AA89A 0%, #9AA89A var(--progress, 0%), #D9DED9 var(--progress, 0%), #D9DED9 100%)}#recording-detail-page #seek-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:1px solid #d5d9d5;box-shadow:0 2px 6px rgba(0,0,0,.15);margin-top:-9px}#recording-detail-page #seek-bar::-moz-range-track{height:8px;border-radius:999px;background:#d9ded9}#recording-detail-page #seek-bar::-moz-range-progress{height:8px;border-radius:999px;background:#9aa89a}#recording-detail-page #seek-bar::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:1px solid #d5d9d5;box-shadow:0 2px 6px rgba(0,0,0,.15)}#recording-detail-page .current-time{font-size:.9rem;color:var(--color-text-light);text-align:left}#recording-detail-page .audio-buttons{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;align-items:center;margin-top:24px}#recording-detail-page .audio-buttons>*{min-width:0}#recording-detail-page .delete-button-wrap{display:flex;justify-content:center;align-items:center}#recording-detail-page .delete-button-wrap form{width:auto;margin:0}#recording-detail-page .audio-action-btn,#recording-detail-page #play-toggle-button{width:100%;min-height:56px;border:none;border-radius:16px;font-size:1rem;font-family:var(--font-main);display:flex;align-items:center;justify-content:center}#recording-detail-page .audio-action-btn .btn-inner{display:inline-flex;align-items:center;justify-content:center;gap:12px}#recording-detail-page #play-toggle-button{background-color:var(--color-primary);color:var(--color-white);box-shadow:0 6px 14px rgba(127,183,126,.3);transition:transform .2s ease;margin-right:0;padding:0}#recording-detail-page #play-toggle-button:active{transform:scale(0.95)}#recording-detail-page .delete-btn{display:inline-flex;align-items:center;justify-content:center;min-width:120px;height:48px;padding:0 24px;border:1px solid #d9aaaa;font-size:.95rem;color:#c66;background-color:snow;border-radius:12px;text-decoration:none;box-sizing:border-box;cursor:pointer}#recording-detail-page .delete-btn:hover{background-color:#f9eaea}#recording-detail-page #audio-player{display:none}#recording-detail-page .back-section{display:flex;flex-direction:column;text-align:center;margin-top:var(--spacing-xl)}#recording-detail-page .back-btn{font-size:1rem;color:var(--color-text-light)}@media(max-width: 767px){#recording-detail-page .recording-detail-card{padding:var(--spacing-lg)}#recording-detail-page .child-name{font-size:1.4rem}#recording-detail-page .detail-value{font-size:1.2rem}#recording-detail-page .detail-value.detail-comment{line-height:1.8}#recording-detail-page .detail-value.detail-title{font-size:1rem}}#recordings-index-page{background-color:var(--color-primary-light);min-height:100vh;padding:var(--spacing-lg) var(--spacing-md)}#recordings-index-page .recordings-index-card{max-width:420px;margin:0 auto;background-color:var(--color-white);border-radius:20px;padding:var(--spacing-lg);box-shadow:0 6px 16px rgba(0,0,0,.08)}#recordings-index-page .page-title{font-size:1.4rem;text-align:center;margin-bottom:var(--spacing-lg);color:var(--color-text)}#recordings-index-page .recordings-list{display:flex;flex-direction:column;gap:var(--spacing-md)}#recordings-index-page .recording-item{display:flex;justify-content:space-between;align-items:center;padding:12px 8px;border-bottom:1px solid var(--color-border);color:var(--color-text);text-decoration:none}#recordings-index-page .recording-left{flex:1;min-width:0}#recordings-index-page .recording-right{margin-left:var(--spacing-md);flex-shrink:0}#recordings-index-page .recording-title{font-size:1.1rem;font-weight:bold;margin-bottom:4px;line-height:1.4}#recordings-index-page .recording-date,#recordings-index-page .recording-age,#recordings-index-page .recording-duration{font-size:.95rem;color:var(--color-text-light);line-height:1.3}#recordings-index-page .pagination-area{margin-top:var(--spacing-xl);display:flex;justify-content:center}#recordings-index-page .pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap}#recordings-index-page .pagination>span,#recordings-index-page .pagination>a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--spacing-sm);border:1px solid var(--color-border);border-radius:10px;background-color:var(--color-white);color:var(--color-text);font-size:.95rem;margin-top:var(--spacing-md);text-decoration:none}#recordings-index-page .pagination .current{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}#recordings-index-page .pagination .disabled{color:var(--color-text-light);background-color:#f7f7f7}#recordings-index-page .pagination>span>a:hover{opacity:.8}#recordings-index-page .empty-message{text-align:center;color:var(--color-text-light);padding:var(--spacing-xl) 0}#recordings-index-page .back-home-area{text-align:center;margin-top:var(--spacing-xl)}#recordings-index-page .home-btn{display:inline-block;background:none;color:var(--color-text-light);box-shadow:none;display:inline-flex;font-size:.95rem;min-width:110px;height:50px;border:none;border-radius:12px;align-items:center;justify-content:center;text-decoration:none}#recording-edit-page{background-color:var(--color-primary-light);min-height:100vh;padding:var(--spacing-lg) var(--spacing-md)}#recording-edit-page .recording-edit-card{max-width:420px;margin:0 auto;background-color:var(--color-white);border-radius:20px;padding:var(--spacing-xl) var(--spacing-lg);box-shadow:0 6px 16px rgba(0,0,0,.08)}#recording-edit-page .form-area{margin-top:var(--spacing-lg)}#recording-edit-page .form-group{display:flex;flex-direction:column;margin:3rem auto 4rem}#recording-edit-page .form-group:has(.errors-message){margin-bottom:28px}#recording-edit-page .form-label{display:block;width:88%;margin:0 auto 6px;font-size:1rem;font-weight:bold;color:var(--color-text);text-align:left}#recording-edit-page .form-field{display:block;width:88%;margin:0 auto;padding:12px 16px;border:1px solid var(--color-border);border-radius:12px;background-color:var(--color-white);font-size:1rem;font-family:var(--font-main)}#recording-edit-page .errors-message{width:88%;margin:6px auto 0;color:#b97a7a;font-size:.85rem;line-height:1.5;text-align:left}#recording-edit-page .form-input{height:56px}#recording-edit-page .form-textarea{min-height:120px;resize:none;padding-top:14px}#recording-edit-page .form-field:focus{outline:none;border-color:var(--color-primary);background-color:var(--color-white)}#recording-edit-page .btn-area{width:88%;margin:5rem auto 0;display:flex;justify-content:center;gap:var(--spacing-xl)}#recording-edit-page .save-btn,#recording-edit-page .back-btn{min-width:110px;height:50px;border:none;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;font-family:var(--font-main);text-decoration:none}#recording-edit-page .save-btn{background-color:var(--color-primary);color:var(--color-white);box-shadow:0 4px 10px rgba(127,183,126,.25)}#recording-edit-page .back-btn{background-color:var(--color-secondary);color:#707070}@media(max-width: 767px){#recording-edit-page .recording-edit-card{padding:var(--spacing-lg)}#recording-edit-page .form-label,#recording-edit-page .form-field,#recording-edit-page .form-area{width:100%}#recording-edit-page .form-label{font-size:1.2rem}#recording-edit-page .form-field{font-size:1.2rem}#recording-edit-page .btn-area{gap:var(--spacing-lg)}#recording-edit-page .save-btn,#recording-edit-page .back-btn{flex:1;min-width:auto}}#on-this-day-page{background-color:var(--color-primary-light);min-height:100vh;padding:var(--spacing-lg) var(--spacing-md)}.on-this-day-card{max-width:420px;margin:var(--spacing-lg) auto;background-color:var(--color-white);border-radius:20px;padding:var(--spacing-lg);box-shadow:0 6px 16px rgba(0,0,0,.08)}.page-title{font-size:1.4rem;text-align:center;margin:var(--spacing-lg) auto 1rem;color:var(--color-text)}.target-date-main{margin:12px auto 32px;font-size:1.5rem;font-family:var(--font-main);font-weight:400;text-align:center;color:#6b7c70;letter-spacing:.08em;opacity:.75}.sub-title{font-size:.95rem;color:var(--color-text-light);text-align:center;letter-spacing:.1em;margin:12px 0 20px}.recordings-list{display:flex;flex-direction:column}.recording-item{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border);color:var(--color-text);text-decoration:none}.recording-item-left{flex:1;min-width:0}.recording-item-right{flex-shrink:0;margin-left:var(--spacing-sm)}.recording-title{font-size:1rem;font-weight:bold;color:var(--color-text);margin-bottom:4px;line-height:1.4;word-break:break-word}.recording-date{font-size:.9rem;color:var(--color-text-light);margin-bottom:2px;line-height:1.3}.recording-age{font-size:.85rem;color:var(--color-text-light);line-height:1.3}.recording-duration{font-size:.85rem;color:var(--color-text-light);white-space:nowrap}.pagination-area{margin-top:var(--spacing-lg);text-align:center}.pagination-area .pagination{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.pagination-area .page,.pagination-area .first,.pagination-area .last,.pagination-area .prev,.pagination-area .next{display:inline-flex}.pagination-area a,.pagination-area span{min-width:36px;height:36px;padding:0 10px;border:1px solid var(--spacing-border);border-radius:10px;align-items:center;justify-content:center;display:inline-flex;text-decoration:none;color:var(--color-text);background-color:var(--color-white);font-size:.9rem}.pagination-area .current span,.pagination-area .current{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.empty-message{text-align:center;margin-top:16px;font-size:1.05rem;color:var(--color-text);padding:var(--spacing-xl);line-height:1.9;letter-spacing:.05em;white-space:nowrap}.sub-message{margin-top:12px;font-size:.9rem;color:var(--color-text-light);opacity:.8;text-align:center}.back-home-area{text-align:center;margin-top:36px}.home-btn{background:none;color:var(--color-text-light);box-shadow:none;display:inline-flex;font-size:.95rem;min-width:110px;height:50px;border:none;border-radius:12px;align-items:center;justify-content:center;text-decoration:none}@media(max-width: 767px){.on-this-day-card{padding:var(--spacing-lg)}.recording-item{padding:12px 0;pag:var(--spacing-sm)}.recording-title{font-size:1rem}.recording-date,.recording-duration,.recording-age{font-size:.95rem}}#settings-page{background-color:var(--color-primary-light);min-height:100vh;padding:var(--spacing-lg) var(--spacing-md)}#settings-page .settings-card{max-width:420px;margin:0 auto;background-color:var(--color-white);border-radius:20px;padding:var(--spacing-lg);box-shadow:0 6px 16px rgba(0,0,0,.08)}#settings-page .settings-title,#settings-page .settings-subtitle{text-align:center;color:var(--color-text);margin-bottom:var(--spacing-xl)}#settings-page .settings-title{font-size:1.4rem;margin-top:var(--spacing-lg)}#settings-page .settings-subtitle{font-size:1.4rem;margin-top:var(--spacing-xxl)}#settings-page .setting-item{margin-bottom:var(--spacing-lg)}#settings-page .setting-label{font-size:1rem;font-weight:bold;color:var(--color-text);margin-bottom:var(--spacing-sm)}#settings-page .setting-box{border:1px solid var(--color-border);border-radius:12px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;color:var(--color-text);background-color:var(--color-white);transition:all .2s ease;cursor:pointer}#settings-page .setting-link{display:flex;align-items:center;text-decoration:none;color:var(--color-text);width:100%}#settings-page .setting-link:hover{background-color:#f8f8f8}#settings-page .setting-box:active{transform:scale(0.98)}#settings-page .child-setting-box{align-items:center;display:flex;justify-content:space-between;padding:12px auto}#settings-page .child-info{display:flex;flex-direction:column}#settings-page .child-setting-name{font-weight:bold;margin-bottom:2px}#settings-page .child-setting-birthday{font-size:.85rem;margin:0;color:var(--color-text-light)}#settings-page .arrow-wrapper{display:flex;align-items:center}#settings-page .arrow{color:var(--color-text-light);font-size:.9rem}#settings-page .settings-actions{margin-top:var(--spacing-xxl);display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:nowrap}#settings-page .setting-back-link,#settings-page .setting-logout-btn{display:inline-flex;align-items:center;justify-content:center;min-width:110px;height:48px;border-radius:12px;text-decoration:none;border:none;font-size:1rem;cursor:pointer}#settings-page .setting-back-link{background:none;border:none;color:var(--color-text-light);font-size:1rem;text-decoration:none;min-width:auto;height:auto;padding:0}#settings-page .setting-logout-btn{border-radius:16px;border:1px solid #e6c4c4;background-color:#fbefef;color:#c96a6a;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:1rem}#settings-page .add-child-area{display:flex;justify-content:flex-end;margin-top:8px}#settings-page .add-child-btn{width:auto;height:auto;padding:4px 8px;border-radius:8px;border:none;background:none;color:var(--color-primary);text-decoration:none;font-size:.9rem}#child-new-page{background-color:var(--color-primary-light);min-height:100vh;padding:var(--spacing-lg) var(--spacing-md)}#child-new-page .child-new-card{max-width:420px;margin:0 auto;background-color:var(--color-white);border-radius:20px;padding:var(--spacing-lg);box-shadow:0 6px 16px rgba(0,0,0,.08)}#child-new-page .edit-page-title{font-size:1.4rem;text-align:center;margin:var(--spacing-lg) auto 2rem;color:var(--color-text)}#child-new-page .form-group{display:flex;flex-direction:column;margin-bottom:20px}#child-new-page .form-label{font-size:1rem;font-weight:bold;color:var(--color-text);margin-bottom:8px}#child-new-page .form-field{width:100%;height:52px;border-radius:12px;border:1px solid var(--color-border);padding:12px 16px;color:var(--color-text);background-color:var(--color-white);font-family:var(--font-main);font-size:1rem;box-sizing:border-box}#child-new-page .form-actions-single{display:flex;justify-content:center;margin-top:var(--spacing-md)}#child-new-page .action-btn{width:260px;height:44px;border:none;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:1rem;font-family:var(--font-main);cursor:pointer;box-sizing:border-box;-webkit-appearance:none;appearance:none;cursor:pointer}#child-new-page .save-btn{background-color:var(--color-primary);color:var(--color-white);box-shadow:0 4px 10px rgba(127,183,126,.25)}#child-new-page .cancel-btn{background-color:#dcebb8;color:var(--color-text)}#child-new-page .date-field{-webkit-appearance:none;text-align:left;padding-right:44px}#child-new-page .date-field::-webkit-date-and-time-value{text-align:left}#child-new-page .date-field::-webkit-datetime-edit{color:var(--color-text);padding:0}#child-new-page .date-field::-webkit-calendar-picker-indicator{opacity:1;cursor:pointer}#user-edit-page{background-color:var(--color-primary-light);min-height:100vh;padding:var(--spacing-lg) var(--spacing-md)}#user-edit-page .user-edit-card{max-width:420px;margin:0 auto;background-color:var(--color-white);border-radius:20px;padding:var(--spacing-lg);box-shadow:0 6px 16px rgba(0,0,0,.08)}#user-edit-page .edit-page-title{font-size:1.4rem;text-align:center;margin:var(--spacing-lg) auto 2.5rem;color:var(--color-text)}#user-edit-page .form-group{width:100%;display:flex;flex-direction:column}#user-edit-page .form-field{width:100%;border-radius:12px;box-sizing:border-box;border:1px solid #e8e8e4;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;color:var(--color-text);background-color:var(--color-white)}#user-edit-page .form-label{font-size:1rem;font-weight:bold;color:var(--color-text);margin-bottom:var(--spacing-sm)}#user-edit-page .error-message{margin-top:6px;color:#b97a7a;font-size:.85rem;line-height:1.5;text-align:left}#user-edit-page .form-actions{width:88%;margin:35px auto 0;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xl)}#user-edit-page .save-btn,#user-edit-page .back-btn{min-width:110px;height:56px;border:none;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;font-family:var(--font-main);text-decoration:none}#user-edit-page .save-btn{background-color:var(--color-primary);color:var(--color-white);box-shadow:0 4px 10px rgba(127,183,126,.25)}#user-edit-page .back-btn{background-color:var(--color-secondary);color:#707070}#child-new-page{background-color:var(--color-primary-light);min-height:100vh;padding:var(--spacing-lg) var(--spacing-md)}#child-new-page .child-new-card{max-width:420px;margin:0 auto;background-color:var(--color-white);border-radius:20px;padding:var(--spacing-lg);box-shadow:0 6px 16px rgba(0,0,0,.08)}#child-new-page .children-new-page-title{font-size:1.4rem;text-align:center;margin:var(--spacing-lg) auto 2rem;color:var(--color-text)}#child-new-page .signup-stepper{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}#child-new-page .stepper-text{font-size:.9rem;color:var(--color-text-light);margin-bottom:.8rem}#child-new-page .stepper-track{display:flex;align-items:center;justify-content:center;gap:0}#child-new-page .step-item{display:flex;flex-direction:column;align-items:center}#child-new-page .step-circle{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--color-primary);background-color:var(--color-white)}#child-new-page .step-item.active .step-circle,#child-new-page .step-item.completed .step-circle{background-color:var(--color-primary);border-color:var(--color-primary)}#child-new-page .step-line{width:32px;height:1.5px;background-color:var(--color-primary);margin:0}#child-new-page .confirm-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:16px;padding:var(--spacing-lg)}#child-new-page .confirm-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:var(--spacing-lg)}#child-new-page .confirm-row{display:flex;flex-direction:column;gap:.25rem}#child-new-page .confirm-label{font-size:.95rem;color:var(--color-text-light)}#child-new-page .confirm-value{font-size:1rem;color:var(--color-text)}#child-new-page .confirm-actions{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg)}#child-new-page .date-field{text-align:left;padding-left:16px;-webkit-appearance:none;appearance:none}#child-new-page .date-field::-webkit-date-and-time-value{text-align:left}#child-new-page .date-field::-webkit-datetime-edit{text-align:left;color:var(--color-text)}#child-new-page .errors-message{margin:6px auto 0;color:#b97a7a;font-size:.85rem;line-height:1.5}#child-new-page .child-form-actions{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:28px}#child-new-page .child-form-actions .btn-secondary-main,#child-new-page .child-form-actions .btn-primary-main{width:260px;max-width:100%;height:56px}#child-new-page .child-form-actions .btn-text-link{width:auto;padding:0;margin-top:4px;text-align:center}#child-edit-page{background-color:var(--color-primary-light);min-height:100vh;padding:var(--spacing-lg) var(--spacing-md)}#child-edit-page .child-edit-card{max-width:420px;margin:0 auto;background-color:var(--color-white);border-radius:20px;padding:var(--spacing-lg);box-shadow:0 6px 16px rgba(0,0,0,.08)}#child-edit-page .edit-page-title{font-size:1.4rem;text-align:center;margin:var(--spacing-lg) auto 2rem;color:var(--color-text)}#child-edit-page .form-group{display:flex;flex-direction:column;margin-bottom:20px}#child-edit-page .form-label{font-size:1rem;font-weight:bold;color:var(--color-text);margin-bottom:8px}#child-edit-page .form-field{width:100%;height:52px;border-radius:12px;border:1px solid var(--color-border);padding:12px 16px;color:var(--color-text);background-color:var(--color-white);font-family:var(--font-main);font-size:1rem;box-sizing:border-box}#child-edit-page .error-message{margin-top:6px;color:#b97a7a;font-size:.85rem;line-height:1.5}#child-edit-page .form-actions{margin-top:var(--spacing-lg)}#child-edit-page .form-actions-row{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:var(--spacing-md);gap:12px}#child-edit-page .edit-save-btn{width:140px;height:56px;padding:0;border:none;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;background-color:var(--color-primary);color:var(--color-white);font-size:1rem;font-family:var(--font-main);box-shadow:0 4px 10px rgba(143,175,154,.18)}#child-edit-page .form-actions-single{display:flex;justify-content:center;margin-top:var(--spacing-md)}#child-edit-page .action-btn{width:140px;height:56px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;font-family:var(--font-main);box-sizing:border-box;text-decoration:none}#child-edit-page .delete-btn{background-color:#f9e3e3;color:#bf5a5a;border:1px solid #dfb0b0}#child-edit-page .btn-text-link{font-size:.95rem;color:#707070;text-decoration:none}#child-edit-page .btn-text-link:hover{opacity:.7}#child-edit-page .form-actions-row form{margin:0;width:auto}#child-edit-page .form-actions-row form .action-btn{max-width:140px;width:auto}#child-edit-page .date-field{-webkit-appearance:none;text-align:left;padding-right:44px}#child-edit-page .date-field::-webkit-date-and-time-value{text-align:left}#child-edit-page .date-field::-webkit-datetime-edit{color:var(--color-text);padding:0}#child-edit-page .date-field::-webkit-calendar-picker-indicator{opacity:1;cursor:pointer}#password-reset-page{background-color:var(--color-primary-light);min-height:100vh;padding:var(--spacing-lg) var(--spacing-md)}#password-reset-page .password-reset-card{max-width:420px;margin:0 auto;background-color:var(--color-white);border-radius:20px;padding:32px 24px;box-shadow:0 6px 16px rgba(0,0,0,.08)}#password-reset-page .password-reset-title{text-align:center;color:var(--color-text);margin:var(--spacing-md) auto;font-size:1.4rem}#password-reset-page .description{width:fit-content;text-align:center;font-size:.9rem;color:var(--color-text-light);margin:0 auto 10px;background:none;border-radius:0;white-space:nowrap}#password-reset-page .form-group{margin-bottom:16px}#password-reset-page .form-group label{display:block;font-size:.85rem;margin-bottom:6px;color:var(--color-text)}#password-reset-page .form-field{width:100%;border-radius:12px;border:1px solid var(--color-border);padding:12px 14px;font-size:.9rem;background-color:var(--color-white)}#password-reset-page .form-field:focus{outline:none;border-color:var(--color-primary)}#password-reset-page .error-message{margin-top:6px;color:#b97a7a;font-size:.85rem;line-height:1.5}#password-reset-page .password-field-wrap{position:relative}#password-reset-page .password-field-wrap .form-field{padding-right:48px}#password-reset-page .password-toggle-button{position:absolute;top:50%;right:14px;transform:translateY(-50%);border:none;background:none;color:var(--color-text-light);cursor:pointer;padding:4px}#password-reset-page .actions{margin-top:32px;text-align:center}#password-reset-page .submit-btn{max-width:90%;padding:12px 16px;background-color:var(--color-primary);color:var(--color-white);font-size:1rem;box-shadow:0 4px 10px rgba(127,183,126,.25);border-radius:12px;border:none;cursor:pointer}#password-reset-page .submit-btn:hover{background-color:var(--color-accent)}#password-reset-request-page{background-color:var(--color-primary-light);min-height:100vh;padding:var(--spacing-lg) var(--spacing-md)}#password-reset-request-page .password-reset-request-card{max-width:420px;margin:0 auto;background-color:var(--color-white);border-radius:20px;padding:var(--spacing-lg);box-shadow:0 6px 16px rgba(0,0,0,.08)}#password-reset-request-page .password-reset-title{text-align:center;color:var(--color-text);font-size:1.4rem;margin:var(--spacing-lg) 0 var(--spacing-md)}#password-reset-request-page .password-reset-description{text-align:center;font-size:.95rem;color:var(--color-text-light);margin-bottom:24px;line-height:1.7}#password-reset-request-page form{max-width:420px}#password-reset-request-page .form-group{display:flex;flex-direction:column;margin-bottom:20px}#password-reset-request-page .form-label{font-size:1rem;color:var(--color-text);margin-bottom:8px}#password-reset-request-page .form-field{width:100%;height:52px;border-radius:12px;border:1px solid var(--color-border);padding:12px 16px;font-size:1rem;font-family:var(--font-main);color:var(--color-text);background-color:var(--color-white);box-sizing:border-box}#password-reset-request-page .error-message{margin-top:6px;color:#b97a7a;font-size:.85rem;line-height:1.5}#password-reset-request-page .form-actions{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:28px}#password-reset-request-page .btn-primary-main{width:260px;max-width:100%;height:56px}#password-reset-request-page .btn-primary-main:hover{opacity:.9}#password-reset-request-page .btn-text-link{font-size:.95rem;color:#707070;text-decoration:none}#password-reset-request-page .btn-text-link:hover{opacity:.7}@media(min-width: 768px){#password-reset-request-page .password-reset-card{max-width:420px}#password-reset-request-page form{max-width:420px;margin:0 auto}}#password-reset-page{background-color:var(--color-primary-light);min-height:100vh;padding:var(--spacing-lg) var(--spacing-md)}#password-reset-page .password-reset-card{max-width:420px;margin:0 auto;background-color:var(--color-white);border-radius:20px;padding:var(--spacing-lg);box-shadow:0 6px 16px rgba(0,0,0,.08)}#password-reset-page .password-reset-title{text-align:center;color:var(--color-text);font-size:1.6rem;margin:var(--spacing-lg) 0 var(--spacing-md)}#password-reset-page .password-reset-description{text-align:center;font-size:.95rem;color:var(--color-text-light);margin-bottom:24px;line-height:1.7}#password-reset-page .form-group{display:flex;flex-direction:column;margin-bottom:20px}#password-reset-page .form-label{font-size:1rem;color:var(--color-text);margin-bottom:8px}#password-reset-page .form-field{width:100%;height:52px;border-radius:12px;border:1px solid var(--color-border);padding:12px 16px;font-size:16px;font-family:var(--font-main);color:var(--color-text);background-color:var(--color-white);box-sizing:border-box}#password-reset-page .form-actions{display:flex;justify-content:center;margin-top:28px}#password-reset-page .btn-primary-main{width:260px;max-width:100%;height:56px;border-radius:20px}#password-reset-page .btn-primary-main:hover{opacity:.9}@media(min-width: 768px){#password-reset-page .password-reset-card{max-width:420px}#password-reset-page form{max-width:420px;margin:0 auto}}#user-new-page{background-color:var(--color-primary-light);min-height:100vh;padding:var(--spacing-lg) var(--spacing-md)}#user-new-page .user-new-card{max-width:420px;margin:0 auto;background-color:var(--color-white);border-radius:20px;padding:var(--spacing-lg);box-shadow:0 6px 16px rgba(0,0,0,.08)}#user-new-page .user-new-page-title{font-size:1.4rem;text-align:center;margin:var(--spacing-lg) auto 2rem;color:var(--color-text)}#user-new-page .signup-stepper{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}#user-new-page .stepper-text{font-size:.9rem;color:var(--color-text-light);margin-bottom:.8rem}#user-new-page .stepper-track{display:flex;align-items:center;justify-content:center;gap:0}#user-new-page .step-item{display:flex;flex-direction:column;align-items:center}#user-new-page .step-circle{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--color-primary);background-color:var(--color-white)}#user-new-page .step-item.active .step-circle{background-color:var(--color-primary)}#user-new-page .step-line{width:32px;height:1.5px;background-color:var(--color-primary);margin:0}#user-new-page .step-label{display:none}#user-new-page .error-message{margin:6px auto 0;color:#b97a7a;font-size:.85rem;line-height:1.5}#user-confirm-page{background-color:var(--color-primary-light);min-height:100vh;padding:var(--spacing-lg) var(--spacing-md)}#user-confirm-page .user-confirm-card{max-width:420px;margin:0 auto;background-color:var(--color-white);border-radius:20px;padding:var(--spacing-lg);box-shadow:0 6px 16px rgba(0,0,0,.08)}#user-confirm-page .confirm-page-title{text-align:center;margin:var(--spacing-lg) auto var(--spacing-sm);color:var(--color-text);font-size:1.4rem}#user-confirm-page .confirm-subtitle{text-align:center;color:var(--color-text-light);margin-bottom:var(--spacing-xl);font-size:.95rem}#user-confirm-page .confirm-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:16px;padding:var(--spacing-lg)}#user-confirm-page .confirm-list{display:flex;flex-direction:column;gap:1rem}#user-confirm-page .confirm-row{display:flex;flex-direction:column;gap:.25rem}#user-confirm-page .confirm-label{font-size:.95rem;color:var(--color-text-light)}#user-confirm-page .confirm-value{font-size:1rem;color:var(--color-text);word-break:break-word}#user-confirm-page .confirm-actions{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-xl)}#login-page{background-color:var(--color-primary-light);min-height:100vh;padding:var(--spacing-lg) var(--spacing-md)}#login-page .login-card{max-width:420px;margin:0 auto;background-color:var(--color-white);border-radius:20px;padding:var(--spacing-lg);box-shadow:0 6px 16px rgba(0,0,0,.08)}#login-page .login-title{text-align:center;color:var(--color-text);margin:var(--spacing-lg) auto 2rem;font-size:1.4rem}#login-page .form-group{margin-bottom:var(--spacing-md)}#login-page .form-label{display:block;margin-bottom:8px;font-size:.95rem;color:var(--color-text)}#login-page .form-control{width:100%;height:52px;border-radius:12px;border:1px solid var(--color-border);padding:12px 16px;font-size:16px;font-family:var(--font-main);color:var(--color-text);background-color:var(--color-white);box-sizing:border-box}#login-page .form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(143,175,154,.12)}#login-page .login-actions{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:var(--spacing-lg)}#login-page .login-actions .button_to{width:100%}#login-page .login-actions .button_to button{width:100%;border:none}#login-page .login-divider{display:flex;align-items:center;width:100%;gap:16px;margin:8px 0;color:#999;font-size:.95rem}#login-page .login-divider::before,#login-page .login-divider::after{content:"";flex:1;height:1px;background-color:#ddd}#login-page .login-divider span{white-space:nowrap}#login-page .button_to{width:100%;display:flex;justify-content:center}#login-page .button_to .line-login-button{border:none;cursor:pointer}#login-page .line-login-form{width:100%}#login-page .line-login-form .line-login-button{border:none;cursor:pointer}#login-page .line-login-button{display:flex;align-items:center;justify-content:center;gap:12px;width:228px;height:56px;margin:0 auto;max-width:100%;padding:0 16px;border-radius:20px;background-color:#06c755;color:#fff;text-align:center;text-decoration:none;font-weight:500;letter-spacing:.06rem;font-size:1.05rem;font-family:inherit;transition:opacity .2s ease}#login-page .line-login-button:hover{opacity:.9}#login-page .line-icon-img{width:26px;height:26px}#login-page .login-button{width:228px;max-width:100%;height:56px;border-radius:20px;font-size:1.05rem;box-shadow:0 6px 14px rgba(143,175,154,.18)}#login-page .login-back{font-size:.95rem;color:var(--color-text-light)}@media(max-width: 767px){#login-page .login-button{width:220px;max-width:100%;height:52px}}#terms-page{background-color:var(--color-primary-light);min-height:100vh;padding:48px 16px 32px}#terms-page .terms-title{margin-top:24px;margin-bottom:24px}#contact-page{background-color:var(--color-primary-light);min-height:100vh;padding:48px 16px 32px}#contact-page .contact-title{margin-top:24px;margin-bottom:24px}#contact-page .contact-box{background-color:#f7f4ef;border:1px solid var(--color-border);border-radius:16px;padding:20px;margin-bottom:24px}#contact-page .contact-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:12px;background-color:var(--color-primary);color:var(--color-white);text-decoration:none;font-size:.95rem;transition:all .2s ease}#contact-page .contact-btn:hover{background-color:var(--color-accent)}#privacy-page{background-color:var(--color-primary-light);min-height:100vh;padding:48px 16px 32px}#privacy-page .privacy-title{margin-top:24px;margin-bottom:24px}.favorite-button{border:none;background:rgba(0,0,0,0);padding:0;color:#8f8f8f;font-size:1.3rem;font-family:var(--font-main);cursor:pointer}.favorite-button i{margin-right:4px}.favorite-button:hover{opacity:.8}.favorite-button.favorited{color:#d98b8b}#favorite-recordings-index-page{background-color:var(--color-primary-light);min-height:100vh;padding:var(--spacing-lg) var(--spacing-md)}#favorite-recordings-index-page .favorite-recordings-index-card{max-width:420px;margin:0 auto;background-color:var(--color-white);border-radius:20px;padding:var(--spacing-lg);box-shadow:0 6px 16px rgba(0,0,0,.08)}#favorite-recordings-index-page .page-title{font-size:1.4rem;text-align:center;margin-bottom:var(--spacing-lg);color:var(--color-text)}#favorite-recordings-index-page .recordings-list{display:flex;flex-direction:column;gap:var(--spacing-md)}#favorite-recordings-index-page .recording-item-wrapper{position:relative;border-bottom:1px solid var(--color-border)}#favorite-recordings-index-page .recording-item{display:flex;justify-content:space-between;padding:14px 36px 14px 0}#favorite-recordings-index-page .recording-item-right{display:grid;grid-template-columns:auto auto;column-gap:8px;row-gap:2px;align-items:center}#favorite-recordings-index-page .recording-title{font-size:1.1rem;font-weight:bold;margin-bottom:4px;line-height:1.4}#favorite-recordings-index-page .recording-date{grid-column:1/3}#favorite-recordings-index-page .recording-age{grid-column:1}#favorite-recordings-index-page .recording-duration{font-size:.95rem;color:var(--color-text-light);line-height:1.3}#favorite-recordings-index-page .favorite-area{position:absolute;right:6px;top:50%;transform:translateY(-50%)}#favorite-recordings-index-page .favorite-area form{margin:0}#favorite-recordings-index-page .favorite-button{line-height:1;font-size:1.2rem}#favorite-recordings-index-page .pagination-area{margin-top:var(--spacing-xl);display:flex;justify-content:center}#favorite-recordings-index-page .pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap}#favorite-recordings-index-page .pagination>span,#favorite-recordings-index-page .pagination>a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--spacing-sm);border:1px solid var(--color-border);border-radius:10px;background-color:var(--color-white);color:var(--color-text);font-size:.95rem;margin-top:var(--spacing-md);text-decoration:none}#favorite-recordings-index-page .pagination .current{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}#favorite-recordings-index-page .pagination .disabled{color:var(--color-text-light);background-color:#f7f7f7}#favorite-recordings-index-page .pagination>span>a:hover{opacity:.8}#favorite-recordings-index-page .empty-message{text-align:center;color:var(--color-text-light);padding:var(--spacing-xl) 0}#favorite-recordings-index-page .back-home-area{text-align:center;margin-top:var(--spacing-xl)}#favorite-recordings-index-page .home-btn{display:inline-block;background:none;color:var(--color-text-light);box-shadow:none;display:inline-flex;font-size:.95rem;min-width:110px;height:50px;border:none;border-radius:12px;align-items:center;justify-content:center;text-decoration:none}#recordings-calendar-page{background-color:var(--color-primary-light);min-height:100vh;padding:var(--spacing-lg) var(--spacing-md)}#recordings-calendar-page .recordings-calendar-card{max-width:420px;margin:0 auto;background-color:var(--color-white);border-radius:20px;padding:var(--spacing-lg);box-shadow:0 6px 16px rgba(0,0,0,.08)}#recordings-calendar-page .page-title{font-size:1.4rem;text-align:center;margin:var(--spacing-lg) auto 1rem;color:var(--color-text)}#recordings-calendar-page .sub-title{font-size:.95rem;color:var(--color-text-light);text-align:center;letter-spacing:.1em;margin:12px 0 20px}#recordings-calendar-page #recordings-calendar{margin-top:24px;font-size:.85rem;font-family:var(--font-main)}#recordings-calendar-page #recordings-calendar .fc-toolbar-title{font-size:1.5rem;color:var(--color-text);font-weight:500}#recordings-calendar-page #recordings-calendar .fc-button{background-color:var(--color-primary);border:none;color:var(--color-white);border-radius:10px;box-sizing:none}#recordings-calendar-page #recordings-calendar .fc-button:hover,#recordings-calendar-page #recordings-calendar .fc-button:focus{background-color:var(--color-accent);box-shadow:none}#recordings-calendar-page #recordings-calendar .fc-col-header-cell,#recordings-calendar-page #recordings-calendar .fc-daygrid-day-number{color:var(--color-text);font-weight:400}#recordings-calendar-page #recordings-calendar .fc-event{background-color:var(--color-primary);border:none;border-radius:4px;padding:1px 4px;font-size:.7rem;line-height:1.2}#recordings-calendar-page #recordings-calendar .fc-event-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#recordings-calendar-page #recordings-calendar .fc-col-header-cell,#recordings-calendar-page #recordings-calendar .fc-daygrid-day-number{color:var(--color-text);font-weight:400}#recordings-calendar-page #recordings-calendar .fc-day-other .fc-daygrid-day-number{color:#c8c8c8}#recordings-calendar-page .back-home-area{text-align:center;margin-top:36px}#recordings-calendar-page .home-btn{background:none;color:var(--color-text-light);box-shadow:none;display:inline-flex;font-size:.95rem;min-width:110px;height:50px;border:none;border-radius:12px;align-items:center;justify-content:center;text-decoration:none}@media(max-width: 767px){#recordings-calendar-page #recordings-calendar{font-size:.75rem}#recordings-calendar-page #recordings-calendar .fc-daygrid-day-frame{min-height:68px}#recordings-calendar-page #recordings-calendar .fc-daygrid-event-harness{max-width:100%;overflow:hidden}#recordings-calendar-page #recordings-calendar .fc-event{font-size:.7rem;padding:1px 2px}#recordings-calendar-page #recordings-calendar .fc-daygrid-event{max-width:100%;overflow:hidden}#recordings-calendar-page #recordings-calendar .fc-event-main{min-width:0;overflow:hidden}#recordings-calendar-page #recordings-calendar .fc-event-title{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#recordings-calendar-page #recordings-calendar .fc-toolbar-title{font-size:1.3rem}#recordings-calendar-page #recordings-calendar .fc-button{padding:4px 8px;font-size:.8rem}}