@font-face{font-family:Pretendard;src:url(/fonts/PretendardVariable.woff2) format("woff2-variations");font-weight:45 920;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:#f7f7fa;display:flex;justify-content:center;align-items:center;height:100vh;margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#root{width:100%;max-width:414px;height:100vh;max-height:896px;background-color:#fff;position:relative;display:flex;flex-direction:column;box-shadow:0 4px 24px #00000014;overflow:hidden}.app-container{display:grid;grid-template-rows:1fr auto;height:100%;width:100%;background-color:#fff;transition:grid-template-rows .7s cubic-bezier(.4,0,.2,1),background-color .3s ease;overflow:hidden}.recording-mode.app-container{grid-template-rows:1fr 0fr}.dark-theme.app-container{background-color:#000}.top-bar{display:none}.main-content{display:flex;justify-content:center;align-items:center;background-color:transparent;color:#1a1a1a;position:relative;overflow:hidden;height:100%}.content-text-wrapper{font-size:32px;font-weight:700;color:#1a1a1a;letter-spacing:-.02em;animation:fadeInOut .4s cubic-bezier(.2,.8,.2,1)}.splash-screen{background-color:#fff;display:flex;justify-content:center;align-items:center;height:100vh}.splash-logo-img{width:140px;height:auto;object-fit:contain;transition:filter .3s ease;transform:translate(-3px)}.dark-theme .splash-screen{background-color:#000}.dark-theme .splash-logo-img{filter:drop-shadow(0 0 12px rgba(255,255,255,.15))}.login-logo-img{height:160px;width:auto;margin-bottom:24px;transition:filter .3s ease;transform:translate(-3px)}.dark-theme .login-logo-img{filter:invert(1) hue-rotate(180deg) brightness(1.6) saturate(1.4)}@keyframes fadeInOut{0%{opacity:0}to{opacity:1}}.bottom-nav{display:flex;justify-content:space-around;align-items:center;padding:12px 16px 32px;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;min-height:0;overflow:hidden;transition:opacity .5s ease,padding .7s cubic-bezier(.4,0,.2,1)}.recording-mode .bottom-nav{opacity:0;padding-top:0;padding-bottom:0;pointer-events:none}.dark-theme .bottom-nav{background-color:#0a0a0af2;border-top:1px solid rgba(255,255,255,.05)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;background:transparent;border:none;cursor:pointer;color:#b0b0bb;transition:all .3s cubic-bezier(.25,.8,.25,1);gap:6px}.nav-item.active{color:#1a1a1a}.icon-wrapper{width:48px;height:48px;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.2,.8,.2,1)}.icon-wrapper svg{width:24px;height:24px;transition:stroke-width .3s ease}.nav-item.active .icon-wrapper{background-color:#1a1a1a;color:#fff;box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.nav-item.active .icon-wrapper svg{stroke-width:2}.nav-label{font-size:11px;font-weight:600;letter-spacing:.05em;transition:color .3s ease}.nav-item.active .nav-label{color:#1a1a1a}.presentation-view{display:flex;flex-direction:column;width:100%;height:100%;padding:5px 12px 8px;gap:8px;position:relative}.mode-switch-wrapper{display:flex;justify-content:center}.mode-switch{display:flex;background-color:#f2f2f5;border-radius:50px;padding:4px;gap:4px;width:100%;max-width:280px}.mode-btn{flex:1;padding:10px 0;border:none;border-radius:50px;background:transparent;font-family:inherit;font-size:14px;font-weight:600;color:#a0a0aa;cursor:pointer;letter-spacing:.02em;transition:all .3s cubic-bezier(.25,.8,.25,1)}.mode-btn.mode-active{background-color:#1a1a1a;color:#fff;box-shadow:0 2px 12px #0000002e}.script-box{flex:1;width:100%;background-color:#f6f6f9;border-radius:32px;border:none;min-height:0;position:relative;overflow:hidden;display:flex}.vertical-progress-track{position:absolute;right:12px;top:20px;bottom:20px;width:6px;background-color:#0000000f;border-radius:3px;overflow:hidden;z-index:5;opacity:0;transition:opacity .5s ease;pointer-events:none}.vertical-progress-track.visible{opacity:1}.vertical-progress-fill{width:100%;background-color:#000;transition:height .4s ease;border-radius:3px}.dark-theme .vertical-progress-track{background-color:#1a1a1a}.dark-theme .vertical-progress-fill{background-color:#fff}.dark-theme .script-box{background-color:#1c1c1e;border-radius:32px}.script-box--text{flex:1;height:100%;padding:14px 40px 70px 24px;overflow-y:auto;font-size:18px;font-weight:600;line-height:1.95;color:#1a1a1a;letter-spacing:-.01em;word-break:keep-all;overflow-wrap:break-word;scrollbar-width:none;-ms-overflow-style:none;position:relative}.is-current-block{border-left:3px solid rgba(0,0,0,.18);padding-left:10px;transition:border-color .2s ease}.presentation-black-theme .is-current-block{border-left-color:#ffffff59!important}.script-block{display:block;background:transparent;border:none;border-radius:0;padding:0;margin-bottom:40px;box-shadow:none;line-height:1.95;word-break:keep-all;overflow-wrap:break-word;min-height:1.95em}.script-box--text::-webkit-scrollbar{display:none}.script-box--text span{font-size:inherit;transition:opacity .6s cubic-bezier(.4,0,.2,1)}.script-token{display:inline}.script-empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:1}.empty-dotted-circle{width:100px;height:100px;border:2px dashed #D1D1D6;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.empty-dotted-circle:active{transform:scale(.95);background-color:#00000005}.plus-icon-cross{position:relative;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.plus-icon-cross:before,.plus-icon-cross:after{content:"";position:absolute;background-color:#d1d1d6;border-radius:2px}.plus-icon-cross:before{width:30px;height:2.5px}.plus-icon-cross:after{width:2.5px;height:30px}.load-script-text{font-size:16px;font-weight:600;color:#8e8e93}.dashboard-controls{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;padding:8px 0;transition:all .5s ease-in-out}.dashboard-controls.running{gap:12px}.main-timer-display{font-size:36px;font-weight:900;color:#000;text-align:center;height:64px;padding:0 40px;background:#fff;border:none;border-radius:32px;box-shadow:0 4px 20px #00000014;font-variant-numeric:tabular-nums;letter-spacing:-.01em;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;width:fit-content;margin:0 auto;transition:all .3s cubic-bezier(.2,.8,.2,1)}.main-timer-display:hover{background-color:#f9f9fb;box-shadow:0 8px 20px #00000014,0 3px 6px #0000000a}.main-timer-display:active{transform:translateY(1px) scale(.97);box-shadow:0 2px 6px #00000014}.main-timer-display.running{background:transparent;border-color:transparent;box-shadow:none;transform:none;cursor:default;pointer-events:none;padding:0}.dark-theme .main-timer-display{color:#fff;background:#1c1c1e;border-color:#ffffff14;box-shadow:0 8px 20px #0006}.dark-theme .main-timer-display.running{background:transparent;box-shadow:none;color:#fff}.dark-theme .main-timer-display:hover{background:#2c2c2e}@keyframes timerFadeIn{0%{opacity:1}to{opacity:1}}.dark-theme .simple-timer-text{color:#fff}.wheel-item{height:40px;min-height:40px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#8e8e93;transition:opacity .3s ease,transform .3s ease,color .3s ease;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;scroll-snap-align:center}.wheel-item.selected{font-size:32px;color:#000}.magic-button-row{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:80px;margin:0 auto}.magic-btn{position:absolute;z-index:10;display:flex;align-items:center;justify-content:center;width:64px;height:64px;padding:0;background-color:#1a1a1a;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .45s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 12px #0000001a}.magic-btn svg{width:24px;height:24px;fill:currentColor}.magic-btn.is-locked{background-color:#d1d1d6!important;color:#fff!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important;opacity:.8}.magic-button-row.is-running .magic-btn{transform:translate(-40px);background-color:#fff;color:#1a1a1a;border:1px solid #f0f0f4;box-shadow:0 8px 20px #00000014}.magic-btn:active{transform:scale(.9) translate(0)}.magic-button-row.is-running .magic-btn:active{transform:scale(.9) translate(-40px)}.dark-theme .magic-btn{background-color:#fff;color:#000}.dark-theme .magic-button-row.is-running .magic-btn{background-color:#000;color:#fff;border-color:#ffffff1a}.stop-mini-btn{position:absolute;z-index:5;width:64px;height:64px;border-radius:50%;background-color:#1a1a1a;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px #00000026;opacity:0;transform:translate(0) scale(0);pointer-events:none;transition:all .45s cubic-bezier(.34,1.56,.64,1)}.stop-mini-btn.visible{opacity:1;transform:translate(40px) scale(1);pointer-events:auto}.stop-mini-btn:active{transform:translate(40px) scale(.9)}.dark-theme .stop-mini-btn{background-color:#fff;color:#000}.time-setting-modal{padding:32px 24px!important;max-width:400px!important}.wheel-container{display:flex;justify-content:center;align-items:center;height:60px;overflow:visible;background:transparent;border:none;margin-bottom:20px;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}.wheel-container.running{height:60px;transform:none;margin-bottom:20px}.wheel-container.running .wheel-overlay{display:none}.dark-theme .wheel-container{background:transparent}.wheel-picker{min-width:64px;height:100%;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-snap-stop:always;-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;flex-direction:column}.wheel-picker::-webkit-scrollbar{display:none}.dark-theme .wheel-item.selected{color:#fff}.wheel-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:40px;background:transparent;border-top:1px solid rgba(0,0,0,.04);border-bottom:1px solid rgba(0,0,0,.04);pointer-events:none;z-index:0}.dark-theme .wheel-overlay{background:#ffffff0d}.dark-theme .wheel-overlay{border-color:#ffffff1a}.time-picker-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:flex-end;justify-content:center}.time-picker-sheet{width:100%;max-width:440px;background:#fff;border-radius:32px 32px 0 0;padding:20px 24px 40px;display:flex;flex-direction:column;align-items:center;animation:sheetSlideUp .4s cubic-bezier(.2,.8,.2,1);box-shadow:0 -10px 40px #0000001a}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.dark-theme .time-picker-sheet{background:#1c1c1e}.sheet-handle{width:40px;height:5px;background:#e5e5ea;border-radius:3px;margin-bottom:20px}.sheet-title{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:30px}.dark-theme .sheet-title{color:#fff}.sheet-wheel-container{display:flex;justify-content:center;align-items:center;height:120px;position:relative;gap:12px;margin-bottom:40px}.sheet-confirm-btn{width:100%;height:56px;background:#1a1a1a;color:#fff;border:none;border-radius:18px;font-size:17px;font-weight:700;cursor:pointer;transition:all .2s ease}.sheet-confirm-btn:active{transform:scale(.97);opacity:.9}.dark-theme .sheet-confirm-btn{background:#fff;color:#000}.wheel-sep{font-size:32px;font-weight:800;color:#1a1a1a;padding:0 10px;transition:transform .5s ease-in-out}.dark-theme .wheel-sep{color:#fff}.time-setting-modal{padding:28px 24px 24px!important}.modal-title{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 20px}.dark-theme .modal-title{color:#fff}.dial-group{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:24px}.dial-col{display:flex;flex-direction:column;align-items:center;gap:4px}.dial-num{font-size:32px;font-weight:700;color:#1a1a1a;font-variant-numeric:tabular-nums;min-width:48px;text-align:center}.dark-theme .dial-num{color:#fff}.dial-btn{background:#f2f2f5;border:none;width:40px;height:32px;border-radius:8px;color:#1a1a1a;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.dark-theme .dial-btn{background:#2c2c2e;color:#fff}.dial-btn:active{background-color:#e2e2e8}.dial-sep{font-size:24px;font-weight:700;color:#1a1a1a;margin-top:-16px}.dark-theme .dial-sep{color:#fff}.dial-label{font-size:11px;font-weight:600;color:#a0a0aa;margin-top:4px}.btn-cluster{display:flex;align-items:center;justify-content:center;position:relative}.ctrl-btn{width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:inherit;color:#fff;background-color:#1a1a1a;box-shadow:0 4px 16px #0000002e;transition:transform .55s cubic-bezier(.34,1.2,.64,1),opacity .4s ease,margin .5s cubic-bezier(.34,1.2,.64,1),border-radius .45s ease}.ctrl-btn:active{transform:scale(.93)}.main-btn{position:relative;z-index:2;opacity:1;transform:scale(1);margin:0}.start-label{font-size:15px;font-weight:700;letter-spacing:.04em;color:#fff}.left-btn,.right-btn{position:absolute;opacity:0;transform:scale(.4);pointer-events:none;margin:0;left:50%;translate:-50% 0;background-color:#2d2d2d}.btn-cluster.split .main-btn{opacity:0;transform:scale(.3);pointer-events:none}.btn-cluster.split .left-btn{opacity:1;transform:scale(1);pointer-events:auto;left:calc(50% - 76px);translate:0 0;border-radius:50%}.btn-cluster.split .right-btn{opacity:1;transform:scale(1);pointer-events:auto;left:calc(50% + 16px);translate:0 0;border-radius:50%}.modal-overlay{position:absolute;inset:0;background:#0a0a0a59;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;border-radius:20px;animation:fadeInOut .3s ease}.modal-box{background:#fff;border-radius:20px;padding:32px 28px 24px;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:0 8px 40px #00000024;min-width:240px;animation:modalPop .35s cubic-bezier(.34,1.4,.64,1)}@keyframes modalPop{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}.modal-message{font-size:15px;font-weight:600;color:#1a1a1a;text-align:center;line-height:1.6}.modal-confirm-btn{width:100%;padding:13px 0;border:none;border-radius:50px;background-color:#1a1a1a;color:#fff;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;letter-spacing:.05em;transition:opacity .2s ease}.modal-confirm-btn:active{opacity:.75}.archive-view{display:flex;flex-direction:column;width:100%;height:100%;padding:20px 20px 16px;gap:16px;animation:fadeInOut .35s cubic-bezier(.2,.8,.2,1);position:relative}.archive-content{flex:1;overflow-y:auto;padding-bottom:80px;-ms-overflow-style:none;scrollbar-width:none}.archive-content::-webkit-scrollbar{display:none}.script-list,.record-list{display:flex;flex-direction:column}.archive-card{display:flex;align-items:center;justify-content:space-between;background-color:#fff;border-radius:20px;padding:20px;box-shadow:0 4px 16px #0000000a;transition:all .2s ease;border:1px solid rgba(0,0,0,.03);cursor:pointer}.archive-card:active{box-shadow:0 2px 8px #0000000a;background-color:#f8f8fa}.archive-card-info{display:flex;flex-direction:column;gap:4px;flex:1}.archive-card-title{margin:0;font-size:16px;font-weight:600;color:#1a1a1a;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.archive-card-date{margin:0;font-size:13px;font-weight:500;color:#a0a0aa;letter-spacing:.02em}.archive-card-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.action-icon-btn.fav-btn{border-color:transparent;background-color:transparent}.action-icon-btn.fav-btn:hover{background-color:#fffbea;border-color:#f4b40040;transform:translateY(-1px)}.action-icon-btn.fav-btn.fav-active{background-color:#fffbea;border-color:#f4b4004d}.action-icon-btn.fav-btn.fav-active:hover{background-color:#fff3c4;border-color:#f4b40080}.dark-theme .action-icon-btn.fav-btn:hover{background-color:#f4b4001a;border-color:#f4b40033}.dark-theme .action-icon-btn.fav-btn.fav-active{background-color:#f4b4001f;border-color:#f4b4004d}@keyframes starPop{0%{transform:scale(1)}40%{transform:scale(1.45)}70%{transform:scale(.88)}to{transform:scale(1)}}.fav-star-icon{display:flex;align-items:center;justify-content:center;transition:transform .15s ease;will-change:transform}.fav-star-icon.fav-star-pop{animation:starPop .28s cubic-bezier(.34,1.56,.64,1) forwards}.record-card{display:flex;flex-direction:column;position:relative;padding:22px 20px 32px;overflow:hidden;transition:box-shadow .2s ease,background-color .2s ease;cursor:pointer;width:100%;box-sizing:border-box}.record-card:hover{background-color:#f8f8fa}.dark-theme .record-card:hover{background-color:#ffffff08}.record-main-row{display:flex;align-items:center;justify-content:space-between;width:100%}.archive-card-actions-col{display:flex;align-items:center;justify-content:center}.playback-slider-container{position:absolute;bottom:0;left:0;width:100%;height:32px;display:flex;align-items:center;z-index:5;pointer-events:auto;padding:0 20px;box-sizing:border-box}.playback-slider{-webkit-appearance:none;appearance:none;width:100%;height:32px;cursor:pointer;outline:none;margin:0;border-radius:4px;background-color:transparent;background-size:100% 2px;background-repeat:no-repeat;background-position:center;transition:all .2s ease;pointer-events:auto}.record-card:hover .playback-slider{background-size:100% 4px}.playback-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;background-color:#000;border-radius:50%;border:1.5px solid #ffffff;box-shadow:0 2px 6px #0003;opacity:0;transition:opacity .2s ease,transform .2s ease;margin-bottom:0}.record-card:hover .playback-slider::-webkit-slider-thumb{opacity:1}.playback-slider:hover::-webkit-slider-thumb{transform:scale(1.2)}.playback-slider::-moz-range-thumb{width:10px;height:10px;background-color:#000;border-radius:50%;border:1.5px solid #ffffff;box-shadow:0 2px 6px #0003;opacity:0;transition:opacity .2s ease,transform .2s ease;border:none}.record-card:hover .playback-slider::-moz-range-thumb{opacity:1}.dark-theme .playback-slider::-webkit-slider-thumb{background-color:#fff;border-color:#1a1a1a}.dark-theme .playback-slider::-moz-range-thumb{background-color:#fff;border-color:#1a1a1a}.action-buttons-row{display:flex;align-items:center;gap:10px}.action-icon-btn{width:34px;height:34px;border-radius:50%;background-color:transparent;border:1.5px solid rgba(0,0,0,.08);display:flex;justify-content:center;align-items:center;cursor:pointer;color:#1a1a1a;transition:all .2s ease;padding:0;flex-shrink:0}.action-icon-btn:hover{background-color:#f2f2f5;border-color:#00000026;transform:translateY(-1px)}.action-icon-btn:active{transform:scale(.95)}.play-btn-small.playing{background-color:#1a1a1a;border-color:#1a1a1a;color:#fff}.action-delete-small:hover{background-color:#fff5f5;border-color:#fcc}.dark-theme .action-icon-btn{border-color:#ffffff1a;color:#fff}.dark-theme .action-icon-btn:hover{background-color:#ffffff0d;border-color:#fff3}.dark-theme .play-btn-small.playing{background-color:#fff;color:#1a1a1a}.exterior-expand-btn{position:absolute;bottom:2px;left:50%;transform:translate(-50%);display:flex;background-color:#fff;border:1px solid rgba(0,0,0,.08);border-radius:50%;width:28px;height:28px;align-items:center;justify-content:center;color:#778;cursor:pointer;box-shadow:0 4px 10px #0000000d;transition:color .2s ease,background-color .2s ease,transform .2s cubic-bezier(.25,1,.5,1)}.exterior-expand-btn:hover{color:#1a1a1a;background-color:#f6f6f9;transform:translate(-50%) translateY(2px)}@keyframes spin{to{transform:rotate(360deg)}}.status-spinner-small{width:18px;height:18px;border:2px solid #e0e0e5;border-top-color:#ff4d4d;border-radius:50%;animation:spin .8s linear infinite}.status-spinner-large{width:32px;height:32px;border:3px solid #e0e0e5;border-top-color:#ff4d4d;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px}.record-feedback-area{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.25,1,.5,1),opacity .3s ease,margin-top .4s ease,padding-top .4s ease;opacity:0;overflow:hidden;margin-top:0;padding-top:0}.record-card.expanded .record-feedback-area{grid-template-rows:1fr;opacity:1;margin-top:12px;border-top:1px solid rgba(0,0,0,.05);padding-top:12px}.feedback-content{min-height:0}.feedback-score{text-align:center;margin-bottom:4px}.score-num{font-size:36px;font-weight:800;color:#1a1a1a;letter-spacing:-.02em}.score-max{font-size:16px;font-weight:600;color:#a0a0aa;margin-left:2px}.feedback-summary{font-size:14px;font-weight:600;color:#4caf50;text-align:center;margin:0 0 12px;word-break:keep-all;line-height:1.4}.feedback-details{display:flex;flex-direction:column;gap:6px;background-color:#f6f6f9;border-radius:8px;padding:12px}.detail-item{display:flex;justify-content:space-between;align-items:center;font-size:14px}.detail-label{color:#556;font-weight:600}.detail-value{color:#1a1a1a;font-weight:700;text-align:right;word-break:keep-all}.detail-item-col{display:flex;flex-direction:column;gap:4px;padding:2px 0}.detail-header{display:flex;justify-content:space-between;align-items:flex-end}.detail-value-light{font-size:12px;font-weight:600;color:#778}.speed-gradient-track{position:relative;width:100%;height:8px;background-color:#eaeaef;border-radius:4px;overflow:visible}.speed-gradient-fill{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;background:linear-gradient(90deg,#ffb3b3,#ff4d4d,#900);opacity:.8}.filler-mark{position:absolute;top:-2px;width:4px;height:12px;background-color:#1a1a1ad9;border-radius:2px;transform:translate(-50%);z-index:2;box-shadow:0 0 0 1.5px #fff}.filler-legend{font-size:13px;font-weight:600;color:#556;text-align:right;margin-top:4px}.highlight-text{color:#ff4d4d;font-weight:800}.total-duration-highlight{font-size:15px;font-weight:700;color:#1a1a1a;margin-top:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px dashed rgba(0,0,0,.08);text-align:center}.duration-bold{font-size:20px;font-weight:800;color:#ff4d4d}.stacked-bar-chart{display:flex;width:100%;height:12px;border-radius:6px;overflow:hidden;gap:2px}.bar-segment{height:100%;transition:width .4s ease}.bar-segment.intro{background-color:#ffd166}.bar-segment.body{background-color:#4caf50}.bar-segment.outro{background-color:#479fff}.section-labels-row{display:flex;width:100%;margin-top:2px;gap:2px}.section-label-container{display:flex;flex-direction:column;position:relative}.leader-line{width:1px;height:6px;background-color:#d0d0d8;margin-left:4px}.section-label-container:nth-child(2n) .leader-line{height:20px}.section-label-text{font-size:11px;font-weight:600;color:#556;white-space:nowrap;margin-left:-5px;margin-top:1px}.feedback-text-section{margin-top:12px;padding-top:12px;border-top:1px dashed rgba(0,0,0,.08)}.feedback-sub-title{margin:0 0 8px;font-size:14px;font-weight:700;color:#1a1a1a}.feedback-text-box{display:flex;flex-direction:column;gap:8px}.feedback-point-good,.feedback-point-improve{margin:0;color:#334}.feedback-point-good strong{display:inline-block;color:#4caf50;margin-bottom:2px;font-size:13px}.feedback-point-improve strong{display:inline-block;color:#ff4d4d;margin-bottom:2px;font-size:13px}.bullet-list{margin:0;padding:0 0 0 18px;list-style:disc outside;color:#334}.bullet-list li{margin-bottom:4px;font-size:13px;line-height:1.4;word-break:keep-all}.bullet-list li:last-child{margin-bottom:0}.feedback-analyzing-msg{display:flex;flex-direction:column;align-items:center;color:#a0a0aa;font-size:14px;font-weight:600;padding:24px 0 12px;gap:12px}.collapse-btn{display:flex;justify-content:center;align-items:center;width:100%;padding:12px 0 0;background:transparent;border:none;color:#c0c0c8;cursor:pointer;transition:color .2s ease;margin-top:8px}.collapse-btn:active,.collapse-btn:hover{color:#1a1a1a}.action-icon-btn{background:transparent;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.action-icon-btn:active{background:#f2f2f5;transform:scale(.9)}.fav-active svg{animation:popScale .3s cubic-bezier(.34,1.56,.64,1)}@keyframes popScale{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}.delete-confirm-overlay{position:fixed;inset:0;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;justify-content:center;align-items:center;padding:0 20px;animation:fadeInOut .2s ease}.delete-confirm-box{background-color:#fff;width:100%;max-width:320px;border-radius:20px;padding:24px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.delete-confirm-msg{font-size:16px;font-weight:600;color:#1a1a1a;margin:0}.delete-confirm-actions{display:flex;width:100%;gap:12px}.del-btn{flex:1;padding:12px;border-radius:50px;font-size:14px;font-weight:700;cursor:pointer;border:none;transition:opacity .2s ease}.del-btn:active{opacity:.7}.del-cancel{background-color:#f2f2f5;color:#556}.del-execute{background-color:#ff4d4d;color:#fff}.play-btn{width:44px;height:44px;border-radius:50%;background-color:#f2f2f5;border:none;color:#1a1a1a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,transform .2s ease;flex-shrink:0}.play-btn:active{background-color:#e2e2e8;transform:scale(.9)}.play-btn svg{margin-left:2px}.feedback-modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px;animation:fadeIn .3s ease}.feedback-modal-box{background:#fff;width:100%;max-width:360px;max-height:80vh;border-radius:28px;padding:32px 24px 24px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column}.feedback-modal-content-wrapper{scrollbar-width:none;-ms-overflow-style:none}.feedback-modal-content-wrapper::-webkit-scrollbar{display:none}.dark-theme .feedback-modal-box{background:#1c1c1e;border:1px solid rgba(255,255,255,.08)}.feedback-modal-close{position:absolute;top:16px;right:16px;border:none;background:transparent;color:#a0a0aa;cursor:pointer;padding:8px}.feedback-modal-title{font-size:20px;font-weight:800;color:#1a1a1a;text-align:center;margin-bottom:8px}.modal-section-intro{background:#1a1a1a}.modal-section-body{background:#71717a}.modal-section-outro{background:#d1d1d6}.dark-theme .modal-section-intro{background:#fff}.dark-theme .modal-section-body{background:#a1a1aa}.dark-theme .modal-section-outro{background:#52525b}.dark-theme .feedback-modal-title{color:#fff}.collapse-btn,.record-feedback-area{display:none!important}.fab-button{position:absolute;bottom:24px;right:24px;width:60px;height:60px;border-radius:50%;background-color:#1a1a1a;color:#fff;border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #00000040;cursor:pointer;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease;z-index:10}.fab-button:active{transform:scale(.9) translateY(2px);box-shadow:0 4px 12px #0003}.script-modal-overlay{position:fixed;inset:0;background-color:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;flex-direction:column;padding:24px 20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.script-modal-title-input{width:100%;border:none;border-bottom:2px solid #e2e2e8;background:transparent;font-family:inherit;font-size:22px;font-weight:700;color:#1a1a1a;padding:12px 4px;margin-bottom:20px;outline:none;transition:border-color .3s ease}.script-modal-title-input:focus{border-bottom-color:#1a1a1a}.script-modal-title-input::placeholder{color:#c0c0c8}.script-modal-content-input{flex:1;width:100%;border:none;background-color:transparent;border-radius:0;padding:14px 40px 70px 24px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px;font-weight:600;line-height:1.95;color:#1a1a1a;letter-spacing:-.01em;word-break:keep-all;overflow-wrap:break-word;resize:none;outline:none;margin-bottom:24px;overflow-y:auto;position:relative;scrollbar-width:none;-ms-overflow-style:none}.script-modal-content-input::-webkit-scrollbar{display:none}.script-modal-content-input:empty:before{content:attr(data-placeholder);color:#a0a0aa;position:absolute;left:0;right:0;text-align:center}.script-modal-content-input div{border-bottom:1px solid rgba(0,0,0,.08);padding-bottom:12px;margin-bottom:12px}.script-modal-content-input div:last-child{border-bottom:none}.app-container.dark-theme .script-modal-content-input{color:#fff}.app-container.dark-theme .script-modal-content-input div{border-bottom-color:#ffffff1a}.script-modal-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.script-modal-btn{flex:1;padding:16px;border-radius:50px;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;border:none;transition:all .2s ease}.script-modal-btn-cancel{background-color:#f2f2f5;color:#556}.script-modal-btn-cancel:active{background-color:#e2e2e8}.script-modal-btn-save{background-color:#1a1a1a;color:#fff;transition:all .3s ease}.script-modal-btn-save.is-locked{background-color:#e2e2e8!important;color:#a0a0aa!important;cursor:not-allowed!important;opacity:1!important}.script-modal-btn-save:active{background-color:#333}.dark-theme .script-modal-btn-save{background-color:gray;color:#fff;border:1px solid rgba(255,255,255,.3);font-weight:800}.dark-theme .script-modal-btn-save:hover{background-color:#969696}.dark-theme .script-modal-btn-save:active{background-color:#6e6e6e;transform:scale(.97)}.script-modal-ai-bar{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:14px}.script-modal-ai-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:50px;border:1.5px solid #c0c0c8;background-color:transparent;font-family:inherit;font-size:14px;font-weight:600;color:#445;cursor:pointer;transition:all .2s ease;white-space:nowrap}.script-modal-ai-btn:hover:not(:disabled){border-color:#889;background-color:#f2f2f5}.script-modal-ai-btn:active:not(:disabled){transform:scale(.97)}.script-modal-ai-btn:disabled{opacity:.45;cursor:not-allowed}.script-modal-ai-btn.is-loading{opacity:.7;cursor:not-allowed}.script-modal-undo-btn{display:flex;align-items:center;justify-content:center;width:52px;height:52px;flex-shrink:0;border-radius:50%;border:1.5px solid #e2e2e8;background-color:#fff;color:#556;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.script-modal-undo-btn:hover:not(:disabled){background-color:#f2f2f5;border-color:#c0c0c8;color:#1a1a1a}.script-modal-undo-btn:active:not(:disabled){transform:scale(.92);background-color:#e2e2e8}.script-modal-undo-btn:disabled{opacity:.3;cursor:not-allowed;filter:grayscale(1)}.script-modal-content-input.is-ai-loading{opacity:.5;pointer-events:none}@keyframes ai-spin{to{transform:rotate(360deg)}}.ai-btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid #c0c0c8;border-top-color:#445;border-radius:50%;animation:ai-spin .7s linear infinite;flex-shrink:0}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.script-modal-toast{position:absolute;top:16px;left:50%;transform:translate(-50%);background-color:#1a1a1a;color:#fff;font-size:13px;font-weight:600;padding:10px 20px;border-radius:50px;white-space:nowrap;z-index:10000;animation:toastIn .25s ease;pointer-events:none}.app-container.dark-theme .script-modal-ai-btn{border-color:#445;color:#c0c0cc}.app-container.dark-theme .script-modal-ai-btn:hover:not(:disabled){border-color:#667;background-color:#ffffff12}.app-container.dark-theme .script-modal-undo-btn{background-color:#2c2c2e;border-color:#445;color:#a0a0aa}.app-container.dark-theme .script-modal-undo-btn:hover:not(:disabled){background-color:#3a3a3c;border-color:#667;color:#fff}.app-container.dark-theme .script-modal-toast{background-color:#f0f0f0;color:#1a1a1a}.app-container.dark-theme .ai-btn-spinner{border-color:#445;border-top-color:#c0c0cc}.script-empty-state{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:16px}.load-script-btn{width:64px;height:64px;border-radius:50%;border:1.5px dashed #c0c0c8;background-color:transparent;color:#c0c0c8;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:32px;font-weight:300;transition:all .2s ease}.load-script-btn:active{transform:scale(.95);background-color:#f2f2f5;border-color:#a0a0aa;color:#a0a0aa}.load-script-text{font-size:15px;font-weight:600;color:#a0a0aa;margin:0;letter-spacing:.02em}.script-fade-overlay{position:absolute;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(to bottom,#f6f6f900,#f6f6f9 90%);pointer-events:none;z-index:4}.change-script-icon{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:24px;height:24px;border-radius:50%;background-color:#0000000a;color:#1a1a1a;border:none;font-size:16px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:5;transition:all .2s ease}.change-script-icon:active{transform:translate(-50%) scale(.9) rotate(-45deg);background-color:#00000014}.script-select-modal-overlay{position:fixed;inset:0;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;justify-content:center;align-items:center;padding:0 20px;animation:fadeInOut .25s ease}.script-select-modal-content{background-color:#fff;width:100%;max-width:400px;border-radius:24px;padding:24px 20px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column}.script-select-modal-title{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 16px;text-align:center}.script-select-list{display:flex;flex-direction:column;gap:10px;max-height:40vh;overflow-y:auto;margin-bottom:20px}.script-empty-msg{text-align:center;color:#a0a0aa;font-size:14px;margin:20px 0}.select-card{padding:16px;border-radius:16px;background-color:#fff;border:1px solid #f0f0f4;cursor:pointer;transition:all .2s ease;margin-bottom:12px}.select-card:hover{background-color:#f8fafc;border-color:#e2e8f0;transform:translateY(-2px)}.select-card:active{transform:scale(.98)}.select-card-info{display:flex;flex-direction:column}.select-card-title{margin:0;font-size:14px;font-weight:700;color:#1a1a1a}.select-card-date{font-size:11px;color:#888;margin-top:2px}.script-select-close-btn{padding:14px;border-radius:50px;background-color:#f2f2f5;color:#1a1a1a;border:none;font-size:15px;font-weight:700;cursor:pointer;transition:background-color .2s}.script-select-close-btn:active{background-color:#e2e2e8}.settings-container{display:flex;flex-direction:column;width:100%;height:100%;margin:0 auto;padding:16px 20px 24px;box-sizing:border-box;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.settings-container::-webkit-scrollbar{display:none}.settings-sections-wrapper{display:flex;flex-direction:column;gap:28px;flex:1}.settings-section{display:flex;flex-direction:column;gap:8px}.settings-section-title{margin:0 0 0 12px;font-size:13px;font-weight:600;color:#a0a0aa}.settings-list{display:flex;flex-direction:column;background-color:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px #0000000a;border:1px solid rgba(0,0,0,.03)}.settings-item{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background-color:transparent;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid rgba(0,0,0,.04)}.settings-item:last-child{border-bottom:none}.settings-item-column{display:flex;flex-direction:column;align-items:stretch;padding:18px 20px;background-color:transparent;gap:12px;border-bottom:1px solid rgba(0,0,0,.04)}.point-color-options{display:flex;justify-content:center;gap:12px;width:100%;padding:4px 0}.color-dot-btn{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.2,1);padding:0;outline:none}.color-dot-btn:active{transform:scale(.88);opacity:.8}.color-dot-btn.active{border-color:#1a1a1a;transform:scale(1.15);box-shadow:0 4px 12px #0003}.color-dot-btn.active:active{transform:scale(1)}.dark-theme .color-dot-btn.active{border-color:#fff}.settings-item:hover,.settings-item:active{background-color:#f6f6f9}.settings-label{font-size:16px;font-weight:600;color:#1a1a1a;letter-spacing:-.01em}.settings-label-group{display:flex;flex-direction:column;gap:2px}.settings-subtext{font-size:13px;color:#a0a0aa;margin:0;font-weight:500;letter-spacing:-.02em}.settings-helper-text{font-size:12px;color:#a0a0aa;margin:2px 0 10px;line-height:1.5;letter-spacing:-.03em;word-break:keep-all}.settings-label-with-badge{display:flex;align-items:center;gap:8px}.pro-badge{background-color:#ff4d4d;color:#fff;font-size:11px;font-weight:800;padding:3px 6px;border-radius:6px;letter-spacing:.05em}.pro-badge-component{background-color:#ff4d4d;color:#fff;font-size:10px;font-weight:900;padding:2px 5px;border-radius:4px;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;line-height:1;vertical-align:middle;box-shadow:0 2px 4px #ff4d4d33}.coming-soon-badge{background-color:#6c5ce7;color:#fff;font-size:8.5px;font-weight:800;padding:4px 8px;border-radius:6px;letter-spacing:.01em;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.2}.settings-right-arrow{color:#a0a0aa;display:flex;align-items:center}.settings-switch{position:relative;display:inline-block;width:44px;height:24px}.settings-switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;inset:0;background-color:#d0d0d8;transition:.3s;border-radius:24px}.switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #00000026}input:checked+.switch-slider{background-color:#1a1a1a}input:checked+.switch-slider:before{transform:translate(20px)}.settings-logout-wrapper{display:flex;justify-content:center}.settings-logout-btn{background-color:#fff;width:100%;border:1.5px solid rgba(255,77,77,.15);box-shadow:0 4px 16px #0000000a;font-size:16px;font-weight:600;color:#ff4d4d;padding:18px 20px;cursor:pointer;border-radius:20px;transition:all .2s ease;text-align:left}.settings-logout-btn:hover,.settings-logout-btn:active{background-color:#ff4d4d08;border-color:#ff4d4d66;transform:scale(.99)}.dark-theme .settings-logout-btn{background-color:#1c1c1e;border-color:#ff4d4d33;color:#ff4d4d}.dark-theme .settings-logout-btn:hover{background-color:#ff4d4d14;border-color:#ff4d4d80}.settings-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin-top:32px;opacity:.5}.settings-footer-logo{color:#778;margin-bottom:2px;display:flex}.settings-footer-text{font-size:11px;font-weight:500;color:#778;letter-spacing:.02em}.settings-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background-color:#1e1e1ee6;color:#fff;padding:12px 24px;border-radius:50px;font-size:14px;font-weight:500;box-shadow:0 8px 24px #00000026;z-index:1000;animation:toastFade 2.5s ease forwards;pointer-events:none;text-align:center;word-break:keep-all;width:max-content;max-width:80%}@keyframes toastFade{0%{opacity:0;transform:translate(-50%,20px)}10%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}.app-container,.bottom-nav,.settings-list,.settings-item,.settings-logout-btn,.archive-card,.script-box,.record-card,.feedback-details,.exterior-expand-btn,h1,.settings-label,.settings-section-title,.archive-card-title,.nav-label,.nav-item,.icon-wrapper{transition:background-color .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease,transform .2s cubic-bezier(.25,1,.5,1)}.app-container.dark-theme{background-color:#121212;color:#f0f0f0}.app-container.dark-theme h1,.app-container.dark-theme .content-text-wrapper,.app-container.dark-theme .archive-card-title,.app-container.dark-theme .settings-label,.app-container.dark-theme .select-card-title,.app-container.dark-theme .script-select-modal-title,.app-container.dark-theme .modal-message,.app-container.dark-theme .delete-confirm-msg,.app-container.dark-theme .presentation-title-text,.app-container.dark-theme .score-num,.app-container.dark-theme .detail-value,.app-container.dark-theme .total-duration-highlight,.app-container.dark-theme .duration-bold,.app-container.dark-theme .feedback-sub-title,.app-container.dark-theme .status-small-score,.app-container.dark-theme .feedback-point-good,.app-container.dark-theme .feedback-point-improve{color:#fff}.app-container.dark-theme .nav-item{color:#60606a}.app-container.dark-theme .nav-item.active{color:#fff}.app-container.dark-theme .nav-item.active .icon-wrapper{background-color:#fff;color:#121212}.app-container.dark-theme .bottom-nav{background-color:#161616f2}.app-container.dark-theme .archive-card,.app-container.dark-theme .settings-list,.app-container.dark-theme .script-box,.app-container.dark-theme .record-card,.app-container.dark-theme .settings-logout-btn{background-color:#1c1c1e;border-color:#ffffff0d;box-shadow:0 4px 16px #0003;overflow:visible!important}.app-container.dark-theme .settings-item{border-bottom:1px solid rgba(255,255,255,.04)}.app-container.dark-theme .settings-item:hover,.app-container.dark-theme .settings-item:active{background-color:#2c2c2e}.app-container.dark-theme .settings-logout-btn:hover,.app-container.dark-theme .settings-logout-btn:active{background-color:#ff4d4d26}.app-container.dark-theme .archive-card-date,.app-container.dark-theme .settings-section-title,.app-container.dark-theme .select-card-date,.app-container.dark-theme .score-max,.app-container.dark-theme .detail-label,.app-container.dark-theme .section-label-text,.app-container.dark-theme .status-small-max,.app-container.dark-theme .drag-handle,.app-container.dark-theme .settings-right-arrow,.app-container.dark-theme .filler-legend{color:#a0a0aa}.app-container.dark-theme .action-icon-btn,.app-container.dark-theme .play-btn-small{color:#f0f0f0;background-color:#2c2c2e}.app-container.dark-theme .action-icon-btn:hover,.app-container.dark-theme .play-btn-small:hover{background-color:#3c3c3e}.app-container.dark-theme .exterior-expand-btn{background-color:#2c2c2e;color:#a0a0aa;border-color:#ffffff0d}.app-container.dark-theme .exterior-expand-btn:hover{background-color:#3c3c3e;color:#fff}.app-container.dark-theme .record-card.expanded .record-feedback-area{border-top:1px solid rgba(255,255,255,.05)}.app-container.dark-theme .feedback-details{background-color:#2c2c2e}.app-container.dark-theme .feedback-text-section,.app-container.dark-theme .total-duration-highlight{border-top:1px dashed rgba(255,255,255,.1);border-bottom:1px dashed rgba(255,255,255,.1)}.app-container.dark-theme .total-duration-highlight{border-top:none}.app-container.dark-theme .leader-line{background-color:#556}.app-container.dark-theme .script-select-modal-content,.app-container.dark-theme .script-modal-overlay,.app-container.dark-theme .modal-box,.app-container.dark-theme .delete-confirm-box{background-color:#1e1e1ed9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-container.dark-theme .settings-switch .switch-slider{background-color:#444450}.app-container.dark-theme input:checked+.switch-slider{background-color:#4caf50}.app-container.dark-theme .nav-item.active .nav-label{color:#fff}.app-container.dark-theme .bullet-list li{color:#f0f0f0}.app-container.dark-theme .main-btn{background-color:#38383a;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #00000080}.app-container .rec-toggle.rec-on,.app-container.dark-theme .rec-toggle.rec-on{background-color:#ff4d4d!important}.app-container.dark-theme .script-box--text{color:#fff}.app-container.dark-theme .script-block{background:transparent;box-shadow:none}.app-container.dark-theme .script-fade-overlay{background:linear-gradient(to bottom,#1c1c1e00,#1c1c1e 90%)}.dark-theme .select-card{background-color:#fff;border-color:#f0f0f4}.dark-theme .select-card-title{color:#1a1a1a!important}.dark-theme .select-card-date{color:#888!important}.app-container.dark-theme .script-modal-title-input{color:#fff;border-bottom-color:#fff3}.app-container.dark-theme .script-modal-title-input:focus{border-bottom-color:#fff}.app-container.dark-theme .script-modal-title-input::placeholder{color:#a0a0aa}.app-container.dark-theme .script-modal-content-input{background-color:#2c2c2e;color:#fff}.app-container.dark-theme .script-modal-content-input::placeholder{color:#778}.app-container.dark-theme .archive-card.dragging{background-color:#38383a!important;box-shadow:0 16px 32px #0006!important;border-color:#ffffff1a!important}.app-container.dark-theme .dragging .archive-card-title,.app-container.dark-theme .dragging .status-small-score,.app-container.dark-theme .dragging .score-num,.app-container.dark-theme .dragging .detail-value{color:#fff!important}.app-container.dark-theme .dragging .archive-card-date,.app-container.dark-theme .dragging .status-small-max,.app-container.dark-theme .dragging .drag-handle,.app-container.dark-theme .dragging .score-max{color:#d0d0d8!important}.entry-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;color:#000;position:absolute;top:0;left:0;z-index:1000}.dark-theme .entry-container{background-color:#000;color:#fff}.slide-up-fade-in{animation:slideUpFadeIn .8s cubic-bezier(.2,.8,.2,1) forwards;opacity:0}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.splash-screen{background-color:#fff}.splash-logo{font-family:inherit;font-size:36px;font-weight:700;letter-spacing:.15em;margin:0}.onboarding-btn{width:100%;padding:16px;border:none;border-radius:8px;background-color:#000;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.dark-theme .onboarding-btn{background-color:#fff;color:#000}.onboarding-btn:active{opacity:.8;transform:scale(.98)}.login-screen{justify-content:center;padding:40px 24px;gap:32px}.login-header{display:flex;flex-direction:column;align-items:center;text-align:center}.login-logo{font-size:24px;font-weight:700;letter-spacing:.1em;margin-bottom:16px}.login-desc{font-size:16px;color:#666}.dark-theme .login-desc{color:#999}.login-buttons{width:100%;display:flex;flex-direction:column;gap:12px;padding-bottom:20px}.notion-btn{width:100%;padding:14px;background-color:#fff;color:#000;border:1px solid #e0e0e0;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s ease,transform .2s ease}.dark-theme .notion-btn{background-color:#000;color:#fff;border-color:#333}.notion-btn:active{background-color:#f5f5f5;transform:scale(.98)}.dark-theme .notion-btn:active{background-color:#1a1a1a}.login-content{width:100%;max-width:320px;display:flex;flex-direction:column}.login-form{width:100%;display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.login-input{width:100%;padding:12px 14px;border:1px solid #e0e0e0;border-radius:8px;font-size:15px;background-color:#fff;transition:border-color .2s ease}.login-input:focus{outline:none;border-color:#000}.dark-theme .login-input{background-color:#000;border-color:#333;color:#fff}.dark-theme .login-input:focus{border-color:#fff}.login-divider{display:flex;align-items:center;text-align:center;margin:12px 0 24px;color:#999;font-size:13px}.login-divider:before,.login-divider:after{content:"";flex:1;border-bottom:1px solid #eeeeee}.login-divider:before{margin-right:12px}.login-divider:after{margin-left:12px}.dark-theme .login-divider:before,.dark-theme .login-divider:after{border-color:#222}.guest-login-btn{background:none;border:none;color:#999;font-size:13px;cursor:pointer;margin-top:16px;padding:8px;text-decoration:underline;text-underline-offset:3px;transition:color .2s ease}.auth-toggle-btn{background:none;border:none;color:#888;font-size:14px;cursor:pointer;margin-top:4px;padding:8px;transition:color .2s ease}.auth-toggle-btn:hover{color:#333}.dark-theme .auth-toggle-btn:hover{color:#fff}.modal-btns{display:flex;justify-content:center;margin-top:20px}.modal-cancel-btn{padding:10px 20px;background:none;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;cursor:pointer}.dark-theme .modal-cancel-btn{border-color:#333;color:#fff}.main-app-enter{animation:appEnter .6s cubic-bezier(.2,.8,.2,1) forwards}@keyframes appEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.anim-float{animation:floatAnim 3.5s ease-in-out infinite}@keyframes floatAnim{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.anim-grow .bar-1{transform-origin:bottom;transform-box:fill-box;animation:growAnim 3s ease-in-out infinite}.anim-grow .bar-2{transform-origin:bottom;transform-box:fill-box;animation:growAnim 3s ease-in-out infinite .3s}.anim-grow .bar-3{transform-origin:bottom;transform-box:fill-box;animation:growAnim 3s ease-in-out infinite .6s}@keyframes growAnim{0%,to{transform:scaleY(.7)}50%{transform:scaleY(1.1)}}.anim-lookup .eye-line{animation:lookupAnim 4s ease-in-out infinite}.anim-lookup .script-paper{animation:lookupPaperAnim 4s ease-in-out infinite}@keyframes lookupAnim{0%,20%{transform:translateY(4px)}40%,80%{transform:translateY(-2px)}to{transform:translateY(4px)}}@keyframes lookupPaperAnim{0%,20%{opacity:1;transform:translateY(0)}40%,80%{opacity:.3;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.anim-fadeout .fade-line-2{animation:fadeOutText 3.5s ease-in-out infinite .4s}.anim-fadeout .fade-line-3{animation:fadeOutText 3.5s ease-in-out infinite .8s}@keyframes fadeOutText{0%,15%{opacity:.5}50%,65%{opacity:0}to{opacity:.5}}.anim-pulse{transform-origin:center;animation:pulseLight 3.5s ease-in-out infinite}@keyframes pulseLight{0%,to{transform:scale(1);filter:drop-shadow(0 0 0 rgba(0,0,0,0))}50%{transform:scale(1.06);filter:drop-shadow(0 4px 12px rgba(0,0,0,.15))}}.dark-theme .anim-pulse{animation:pulseLightDark 3.5s ease-in-out infinite}@keyframes pulseLightDark{0%,to{transform:scale(1);filter:drop-shadow(0 0 0 rgba(255,255,255,0))}50%{transform:scale(1.06);filter:drop-shadow(0 4px 12px rgba(255,255,255,.25))}}.modal-btns{display:flex;gap:8px;width:100%}.modal-btns button{flex:1;padding:12px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-cancel-btn{background:none;border:1px solid #e0e0e0;color:#666}.modal-cancel-btn:hover{background-color:#f5f5f5;color:#333}.modal-confirm-btn{background-color:#000;border:1px solid #000000;color:#fff}.modal-confirm-btn:hover{background-color:#333;border-color:#333}.dark-theme .modal-cancel-btn{border-color:#333;color:#aaa}.dark-theme .modal-cancel-btn:hover{background-color:#1a1a1a;color:#fff}.dark-theme .modal-confirm-btn{background-color:#fff;border-color:#fff;color:#000}.dark-theme .modal-confirm-btn:hover{background-color:#e0e0e0;border-color:#e0e0e0}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999;padding:0 20px}.modal-box{background-color:#fff;width:100%;max-width:320px;border-radius:20px;padding:24px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;align-items:center;text-align:center;z-index:9999;animation:fadeIn .3s ease}.modal-message{font-size:16px;font-weight:600;line-height:1.5;color:#1a1a1a;margin-bottom:24px;word-break:keep-all}.dark-theme .modal-box{background-color:#1c1c1e;border:1px solid rgba(255,255,255,.05)}.dark-theme .modal-message{color:#fff}.pro-modal-title{color:#1a1a1a}.pro-modal-desc{color:#666}.dark-theme .pro-modal-title{color:#fff}.dark-theme .pro-modal-desc{color:#d0d0d8}.script-import-modal-box{background:#fff;border-radius:24px;width:90%;max-width:340px;overflow:hidden;position:relative;box-shadow:0 20px 40px #00000026;animation:modalScaleUp .3s cubic-bezier(.34,1.56,.64,1);transition:transform .25s ease,opacity .25s ease}.script-import-modal-box.is-closing{animation:modalScaleDown .25s forwards cubic-bezier(.4,0,1,1)}.modal-overlay.is-closing{opacity:0;transition:opacity .25s ease}@keyframes modalScaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes modalScaleDown{0%{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:0}}.import-modal-slider{display:flex;width:200%;transition:transform .3s cubic-bezier(.4,0,.2,1)}.import-modal-slider.selection{transform:translate(0)}.import-modal-slider.list{transform:translate(-50%)}.import-modal-slide{width:50%;padding:24px;box-sizing:border-box;display:flex;flex-direction:column}.import-modal-title{font-size:18px;font-weight:800;margin-bottom:20px;text-align:center;color:#1a1a1a}.selection-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.selection-option-btn{display:flex;align-items:center;gap:12px;padding:16px;border-radius:16px;border:1px solid #f0f0f4;background:#fff;cursor:pointer;text-align:left;transition:all .2s}.selection-option-btn:hover{background:#f8fafc;border-color:#e2e8f0;transform:translateY(-2px)}.option-icon-box{padding:10px;border-radius:12px}.option-icon-box.blue{background:#eff6ff;color:#3b82f6}.option-icon-box.green{background:#f0fdf4;color:#22c55e}.option-label{font-size:14px;font-weight:700;color:#1a1a1a;white-space:nowrap}.option-sub{font-size:11px;color:#888;margin-top:2px}.list-view-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.back-btn{background:transparent;border:none;padding:8px;border-radius:50%;cursor:pointer;color:#555;display:flex;align-items:center;justify-content:center;transition:background .2s}.back-btn:hover{background:#f1f5f9}.modal-script-list{max-height:300px;overflow-y:auto;margin-bottom:16px;padding-right:4px}.modal-script-list::-webkit-scrollbar{width:4px}.modal-script-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.import-modal-close-btn{width:100%;padding:12px;border-radius:12px;border:none;background:#f5f5f7;color:#555;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.import-modal-close-btn:hover{background:#eeeeef}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}.slide-in-right{animation:slideInRight .35s cubic-bezier(.2,.8,.2,1) forwards}.slide-out-right{animation:slideOutRight .35s cubic-bezier(.2,.8,.2,1) forwards}.pro-detail-scroll-area{scrollbar-width:none;-ms-overflow-style:none}.pro-detail-scroll-area::-webkit-scrollbar{display:none}.fade-in{animation:fadeIn .35s ease-out forwards}.fade-out{animation:fadeOut .35s ease-in forwards}.slide-up{animation:slideUpPayment .4s cubic-bezier(.2,.8,.2,1) forwards}.slide-down{animation:slideDownPayment .4s cubic-bezier(.2,.8,.2,1) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUpPayment{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDownPayment{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes badgePop{0%{transform:scale(.7);opacity:0}70%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}@keyframes shimmerSlide{0%{background-position:-200% center}to{background-position:200% center}}.pro-remaining-badge{animation:badgePop .4s cubic-bezier(.34,1.56,.64,1) forwards}.font-size-slider-wrapper{margin-top:12px;padding:0;width:100%;position:relative;height:24px;display:flex;align-items:center}.font-size-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:#e2e2e8;border-radius:3px;outline:none;position:relative;z-index:2}.font-size-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background-color:#fff;border:2px solid #1a1a1a;cursor:pointer;box-shadow:none}.font-size-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background-color:#fff;border:2px solid #1a1a1a;cursor:pointer;box-shadow:none}.font-size-steps{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 11px;width:100%;pointer-events:none;z-index:1}.step-tick{width:1.5px;height:12px;background-color:#d1d1d6;border-radius:1px}.dark-theme .step-tick{background-color:#888890}.dark-theme .font-size-slider{background:#666668}@keyframes bubble-float{0%{transform:translate(0)}50%{transform:translate(-4px)}to{transform:translate(0)}}.analysis-bubble{position:absolute;right:36px;background-color:#fff9db;color:#f08c00;padding:6px 12px;border-radius:12px;font-size:11px;font-weight:800;white-space:nowrap;box-shadow:0 4px 12px #f08c0026;animation:bubble-float 1.5s ease-in-out infinite;z-index:101;pointer-events:none;border:1px solid #ffec99}.analysis-bubble:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);border-width:6px 0 6px 6px;border-style:solid;border-color:transparent transparent transparent #fff9db}@keyframes record-pulse{0%{transform:scale(1);background-color:#fff}50%{transform:scale(1.01);background-color:#fffbeb}to{transform:scale(1);background-color:#fff}}@keyframes record-pulse-dark{0%{transform:scale(1);background-color:#1c1c1e}50%{transform:scale(1.01);background-color:#2c2c2e}to{transform:scale(1);background-color:#1c1c1e}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite;display:flex!important;align-items:center;justify-content:center}.is-pulse-analyzing{box-shadow:0 4px 15px #fcc41926!important;border:1px solid rgba(252,196,25,.3)!important}.is-pulse-analyzing{animation:record-pulse 1.8s infinite!important}.app-container.dark-theme .is-pulse-analyzing{animation:record-pulse-dark 1.8s infinite!important;box-shadow:0 4px 15px #fcc41914!important;border:1px solid rgba(252,196,25,.2)!important}.help-fab{position:absolute;bottom:20px;right:20px;width:34px;height:34px;border-radius:50%;background-color:#0000002e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:none;color:#fff;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:20;transition:background-color .2s ease,transform .2s cubic-bezier(.2,.8,.2,1);-webkit-user-select:none;user-select:none}.help-fab:active{transform:scale(.9);background-color:#00000047}.dark-theme .help-fab{background-color:#ffffff24;color:#fff}.dark-theme .help-fab:active{background-color:#ffffff38}.help-popup-backdrop{position:fixed;inset:0;z-index:15}.help-popup{position:absolute;bottom:60px;right:20px;width:320px;background-color:#fff;color:#1a1a1a;border-radius:16px;padding:16px;box-shadow:0 10px 30px #0000001f;z-index:20;animation:helpPopupIn .3s cubic-bezier(.2,.8,.2,1) forwards;display:flex;flex-direction:column;gap:12px}.help-popup-container .help-popup{bottom:40px;left:50%;right:auto;margin-left:-160px}.help-popup-container .help-popup-tail{left:50%;right:auto;margin-left:-6px}.help-popup-tail{position:absolute;bottom:-6px;right:14px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #ffffff}.help-popup-header{display:flex;justify-content:space-between;align-items:center}.help-popup-step{font-size:11px;font-weight:700;color:#a0a0aa;letter-spacing:.05em}.help-popup-close{background:none;border:none;color:#a0a0aa;font-size:16px;cursor:pointer;padding:0;line-height:1;transition:color .2s}.help-popup-close:hover{color:#1a1a1a}.help-popup-body{display:flex;flex-direction:column;gap:6px}.help-popup-title{font-size:14px;font-weight:700;margin:0;color:#1a1a1a}.help-popup-desc{font-size:13px;font-weight:400;line-height:1.5;margin:0;color:#556;word-break:normal;white-space:pre-wrap}.help-popup-footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.help-popup-footer-left,.help-popup-footer-right{flex:1;display:flex}.help-popup-footer-right{justify-content:flex-end}.help-popup-dots{display:flex;gap:4px;justify-content:center;align-items:center}.help-popup-dot{width:6px;height:6px;border-radius:50%;background-color:#e2e2e8;transition:background-color .2s,transform .2s}.help-popup-dot.active{background-color:#1a1a1a;transform:scale(1.2)}.help-popup-prev-btn,.help-popup-next-btn{background:none;border:none;color:#fcbf19;font-size:13px;font-weight:700;cursor:pointer;padding:4px 0;transition:opacity .2s}.help-popup-prev-btn:active,.help-popup-next-btn:active{opacity:.7}@keyframes helpPopupIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dark-theme .help-popup{background-color:#2c2c2e;color:#fff}.dark-theme .help-popup-tail{border-top-color:#2c2c2e}.dark-theme .help-popup-title{color:#fff}.dark-theme .help-popup-desc{color:#d0d0d8}.dark-theme .help-popup-close:hover{color:#fff}.dark-theme .help-popup-dot{background-color:#fff3}.dark-theme .help-popup-dot.active{background-color:#fff}.presentation-black-theme,.presentation-black-theme .main-content,.presentation-black-theme .presentation-view,.presentation-black-theme .script-box{background-color:#000!important}.tp-view{flex:1;overflow:hidden;position:relative;padding-right:48px}.tp-track{position:relative;padding-left:28px;will-change:transform;transition:transform .45s cubic-bezier(.25,.46,.45,.94)}.tp-line{font-weight:600;line-height:1.6;margin-bottom:.5em;color:#fff;word-break:keep-all;overflow-wrap:break-word;white-space:normal;user-select:none;-webkit-user-select:none}.rt-b{font-weight:800}.rt-u{text-decoration:underline;text-underline-offset:.15em}.rt-hl{background-color:#ffe45c;border-radius:2px}.rt-s{font-size:.8em}.rt-l{font-size:1.3em}.tp-line .rt-hl{background-color:#ffd60a66}.format-toolbar{display:flex;justify-content:center;gap:6px;padding:6px 12px;flex-shrink:0}.format-btn{min-width:36px;height:32px;padding:0 8px;font-size:15px;color:#1a1a1a;background:#f2f2f5;border:1px solid rgba(0,0,0,.08);border-radius:8px;cursor:pointer}.format-btn:disabled{opacity:.4;cursor:default}.format-btn--s{font-size:12px}.format-btn--l{font-size:17px}.tp-divider{height:1px;margin:.4em 48px .9em 0;background:#ffffff40}.tp-line span{transition:opacity .3s ease}.sentence-nav{display:flex;justify-content:center;gap:12px;flex-shrink:0}.sentence-nav-btn{padding:6px 14px;font-size:13px;font-weight:600;color:#ffffffd9;background:transparent;border:1px solid rgba(255,255,255,.25);border-radius:16px;cursor:pointer}.sentence-nav-btn:disabled{opacity:.3;cursor:default}.voice-follow{position:relative;display:inline-flex}.voice-follow-btn{display:inline-flex;align-items:center;gap:6px}.voice-follow-btn.is-off{color:#fff9}.voice-follow-btn:not(.is-off):not(.is-exhausted){border-color:#ffffff80}.voice-follow-btn.is-exhausted{color:#fff6}.voice-follow-btn.is-exhausted .voice-dot{background:#ffffff1f}.voice-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:#ffffff40}.voice-follow-btn.is-idle .voice-dot{background:#ffffff73}.voice-follow-btn.is-connecting .voice-dot{background:#ffffffbf;animation:voice-dot-pulse 1.2s ease-in-out infinite}.voice-follow-btn.is-following .voice-dot{background:#34c759}.voice-follow-btn.is-adlib .voice-dot{background:#ffb020}.voice-follow-btn.is-disconnected .voice-dot{background:#ff9500;animation:voice-dot-pulse 1.2s ease-in-out infinite}.voice-follow-btn.is-error .voice-dot{background:#ff3b30}@keyframes voice-dot-pulse{0%,to{opacity:1}50%{opacity:.3}}.voice-mic-hint{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:max-content;max-width:min(280px,80vw);padding:4px 10px;font-size:12px;line-height:1.4;text-align:center;color:#ffffffd9;background:#000000bf;border:1px solid rgba(255,255,255,.2);border-radius:10px;pointer-events:none}.reading-timer{position:absolute;top:10px;left:24px;z-index:10;padding:3px 10px;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.5px;background:#00000080;border:1px solid rgba(255,255,255,.2);border-radius:12px;pointer-events:none}.fullscreen-btn{position:absolute;top:10px;right:40px;z-index:10;padding:3px 10px;font-size:11px;font-weight:600;color:#ffffffb3;background:#00000080;border:1px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer}.reselect-script-btn{display:block;margin:8px auto 0;padding:6px 16px;background:transparent;border:1px solid rgba(0,0,0,.15);border-radius:20px;color:#0006;font-size:12px;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease;white-space:nowrap;flex-shrink:0}.reselect-script-btn:hover{background:#0000000f;color:#000000a6}.presentation-black-theme .script-empty-state .load-script-text,.presentation-black-theme .script-box--text,.presentation-black-theme .help-fab{color:#fff!important}.presentation-black-theme .script-fade-overlay{display:none!important}.presentation-black-theme .script-block{background-color:transparent!important;border:none!important;color:#fff!important;box-shadow:none!important}.presentation-black-theme .bottom-nav{display:none!important}#root:has(.presentation-black-theme){max-width:none;max-height:none;box-shadow:none}.presentation-black-theme .presentation-view{max-width:960px;margin:0 auto}.auth-bg-container{background-color:#fff!important;color:#1a1a1a!important;width:100%;height:100%!important;position:relative;overflow:hidden!important;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box}.auth-bg-container::-webkit-scrollbar{display:none}.auth-glass-panel{width:100%;max-width:360px;background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid #ebebeb!important;border-radius:24px!important;padding:32px 24px!important;box-shadow:0 8px 32px #00000014!important;z-index:10;position:relative;box-sizing:border-box}.auth-input{width:100%;padding:14px 16px!important;background:#f5f5f5!important;border:1px solid #e8e8e8!important;border-radius:14px!important;color:#1a1a1a!important;font-size:14px!important;transition:all .3s ease!important;outline:none!important;box-sizing:border-box}.auth-input:focus{border-color:#fddc02!important;box-shadow:0 0 0 3px #fddc022e!important;background:#fff!important}.auth-input::placeholder{color:#b0b0b0!important}.auth-label{display:block;font-size:12px;font-weight:600;color:#555!important;margin-bottom:8px;letter-spacing:.02em;text-align:left}.auth-btn-primary{width:100%;padding:14px!important;background-color:#fddc02!important;color:#000!important;font-size:15px!important;font-weight:700!important;border:none!important;border-radius:14px!important;cursor:pointer!important;transition:all .3s cubic-bezier(.2,.8,.2,1)!important;box-shadow:0 4px 15px #fddc0233!important}.auth-btn-primary:hover{transform:translateY(-2px)!important;box-shadow:0 12px 30px -10px #fddc0273,0 0 25px 2px #fddc0233!important}.auth-btn-primary:active{transform:translateY(0)!important}.auth-chip{padding:11px 16px!important;border-radius:30px!important;font-size:13.5px!important;font-weight:700!important;background-color:#ffffff08!important;color:#fff9!important;border:1px solid rgba(255,255,255,.08)!important;cursor:pointer!important;transition:all .25s cubic-bezier(.2,.8,.2,1)!important;letter-spacing:-.01em;white-space:nowrap}.auth-chip:hover{background-color:#ffffff14!important;color:#ffffffe6!important;border-color:#ffffff26!important}.auth-chip.active{background-color:#fddc02!important;color:#000!important;border-color:#fddc02!important;transform:scale(1.04)!important;box-shadow:0 4px 12px #fddc0240!important}