:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111d35;background:#f4f7fb;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #111d35;--muted: #68748a;--line: #dfe6f0;--surface: #ffffff;--soft: #eef3ff;--blue: #4268ef;--blue-dark: #2d4ccc;--mint: #3fc4a2;--danger: #d9495f;--shadow: 0 18px 55px rgba(39, 55, 91, .09)}*{box-sizing:border-box}html{min-height:100%;background:#f4f7fb}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}h1,h2,p{margin-top:0}h1{margin-bottom:10px;font-size:clamp(1.8rem,3vw,2.55rem);line-height:1.12;letter-spacing:-.045em}h2{letter-spacing:-.025em}label{display:grid;gap:7px;color:#4e5b72;font-size:.8rem;font-weight:700}input,select{width:100%;min-height:44px;padding:0 13px;color:var(--ink);background:#fff;border:1px solid #d8e0ec;border-radius:11px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:#6d88ed;box-shadow:0 0 0 4px #4268ef1a}input[type=range]{min-height:24px;padding:0;accent-color:var(--blue);border:0;box-shadow:none}input[type=checkbox]{width:19px;min-height:19px;height:19px;accent-color:var(--blue);box-shadow:none}.eyebrow{margin-bottom:7px;color:var(--blue);font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:0 16px;font-size:.83rem;font-weight:800;text-decoration:none;border:0;border-radius:11px;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.55}.button.primary{color:#fff;background:var(--blue);box-shadow:0 9px 22px #4268ef3b}.button.primary:hover:not(:disabled){background:var(--blue-dark)}.button.soft{color:#2f52cf;background:var(--soft)}.button.ghost{color:#536178;background:transparent;border:1px solid #dce4ef}.button.large{min-height:52px;padding:0 24px}.button.wide{width:100%}.icon-button{display:inline-grid;width:38px;height:38px;flex:0 0 auto;place-items:center;padding:0;color:#66738a;background:transparent;border:0;border-radius:10px;cursor:pointer}.icon-button:hover{color:var(--ink);background:#eff3f9}.icon-button.danger:hover,.danger{color:var(--danger)}.panel{padding:24px;background:var(--surface);border:1px solid rgba(214,223,236,.84);border-radius:18px;box-shadow:0 9px 35px #2434550d}.panel-heading,.page-intro,.dictionary-title-row,.button-row,.list-toolbar,.player-topline,.job-panel{display:flex;align-items:center;justify-content:space-between;gap:20px}.panel-heading h2,.list-toolbar h2,.job-panel h2{margin-bottom:0;font-size:1.08rem}.content-stack{display:grid;gap:24px;width:min(1200px,100%);margin:0 auto}.page-intro{min-height:112px;align-items:end}.page-intro.compact{min-height:84px}.page-intro p:last-child{max-width:720px;margin-bottom:0;color:var(--muted);font-size:.91rem;line-height:1.65}.app-loading{display:grid;min-height:100vh;place-items:center;align-content:center;gap:20px}.brand-mark{position:relative;display:grid;width:58px;height:58px;place-items:center;color:#fff;background:var(--ink);border-radius:18px;box-shadow:0 13px 32px #111d352e}.brand-mark span{position:absolute;right:-5px;bottom:-7px;display:grid;width:25px;height:25px;place-items:center;color:#fff;background:var(--blue);border:3px solid #fff;border-radius:50%;font-family:Arial,sans-serif;font-size:.8rem;font-weight:700}.brand-mark.small{width:42px;height:42px;border-radius:13px;box-shadow:none}.brand-mark.small span{right:-4px;bottom:-4px;width:19px;height:19px;font-size:.66rem;border-width:2px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{display:grid;min-height:100vh;grid-template-columns:minmax(420px,.88fr) minmax(500px,1.12fr);background:#f8faff}.login-card{display:flex;width:min(470px,calc(100% - 80px));margin:auto;flex-direction:column;align-items:flex-start}.login-card>.brand-mark{margin-bottom:40px}.login-card h1{max-width:470px;margin-bottom:18px;font-size:clamp(2rem,4vw,3.4rem)}.login-lead{max-width:440px;margin-bottom:34px;color:var(--muted);line-height:1.7}.login-form{display:grid;width:100%;gap:17px}.login-form .button{margin-top:4px}.login-footnote{align-self:center;margin:24px 0 0;color:#9aa4b4;font-size:.72rem}.login-visual{position:relative;overflow:hidden;margin:18px;background:radial-gradient(circle at 22% 18%,rgba(106,136,255,.35),transparent 28%),radial-gradient(circle at 77% 82%,rgba(63,196,162,.24),transparent 26%),linear-gradient(145deg,#14213d,#0c1428 70%);border-radius:28px}.login-visual:before{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:52px 52px;content:"";-webkit-mask-image:linear-gradient(to bottom,#000,transparent 85%);mask-image:linear-gradient(to bottom,#000,transparent 85%)}.visual-word{position:absolute;z-index:2;display:grid;width:min(330px,46%);padding:28px;color:#dfe7ff;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:22px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 25px 50px #00000040}.visual-word span{color:#9eacd0;font-size:.82rem}.visual-word strong{margin:13px 0 18px;color:#fff;font-family:Arial,sans-serif;font-size:clamp(2rem,4vw,3.6rem)}.visual-word i{width:fit-content;padding:7px 10px;color:#a9c0ff;background:#4268ef38;border-radius:20px;font-size:.68rem;font-style:normal}.visual-word-one{top:18%;left:14%;transform:rotate(-5deg)}.visual-word-two{right:10%;bottom:16%;transform:rotate(5deg)}.visual-pulse{position:absolute;top:50%;left:52%;width:110px;height:110px;background:#4268ef33;border:1px solid rgba(112,142,255,.3);border-radius:50%;box-shadow:0 0 0 30px #4268ef14,0 0 0 60px #4268ef08}.app-shell{display:grid;min-height:100vh;grid-template-columns:235px 1fr}.sidebar{position:sticky;top:0;display:flex;height:100vh;padding:26px 18px 20px;flex-direction:column;color:#e5ebfa;background:radial-gradient(circle at 20% 8%,rgba(75,108,225,.22),transparent 27%),#111d35}.app-brand{display:flex;align-items:center;gap:13px;padding:0;color:inherit;background:none;border:0;text-align:left;cursor:pointer}.app-brand>span{display:grid}.app-brand strong{color:#fff;font-size:1rem}.app-brand small{margin-top:1px;color:#8f9dbd;font-size:.64rem}.sidebar nav{display:grid;gap:7px;margin-top:48px}.sidebar nav button{display:flex;min-height:47px;align-items:center;gap:13px;padding:0 14px;color:#9faccc;background:transparent;border:0;border-radius:12px;font-size:.83rem;font-weight:700;cursor:pointer}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#ffffff14}.sidebar nav button.active{box-shadow:inset 3px 0 #6382ff}.sidebar-footer{display:flex;margin-top:auto;align-items:center;justify-content:space-between;gap:8px;padding:13px 5px 2px;border-top:1px solid rgba(255,255,255,.09)}.sidebar-footer .icon-button{color:#9faccc}.user-chip{display:flex;min-width:0;align-items:center;gap:9px}.user-chip>span{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;color:#fff;background:#4268ef;border-radius:9px;font-size:.75rem;font-weight:800}.user-chip div{display:grid;min-width:0}.user-chip strong{overflow:hidden;color:#fff;font-size:.73rem;text-overflow:ellipsis}.user-chip small{color:#7f8eae;font-size:.59rem}.main-content{min-width:0;padding:32px clamp(24px,4vw,64px) 52px}.mobile-header,.bottom-nav{display:none}.create-panel{display:grid;gap:18px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field-grid.three{grid-template-columns:1fr .7fr 1.15fr}.button-row{justify-content:flex-start}.button-row.between{justify-content:space-between}.dictionary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.dictionary-card{display:grid;grid-template-columns:48px 1fr;padding:22px;background:#fff;border:1px solid #dde5f0;border-radius:18px;box-shadow:0 8px 26px #2837570b;transition:transform .18s,box-shadow .18s}.dictionary-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.dictionary-icon{display:grid;width:43px;height:43px;place-items:center;border-radius:13px}.tone-1{color:#4465df;background:#edf1ff}.tone-2{color:#179374;background:#e9f9f4}.tone-3{color:#bd7227;background:#fff4e6}.tone-4{color:#a74ea4;background:#f9edfa}.dictionary-main{min-width:0;padding-left:8px}.dictionary-title-row{gap:8px}.dictionary-title-row h2{overflow:hidden;margin-bottom:3px;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.dictionary-main>p{overflow:hidden;min-height:40px;margin:7px 0 16px;color:var(--muted);font-size:.77rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dictionary-meta{display:flex;gap:13px;color:#8490a5;font-size:.68rem}.dictionary-actions{display:flex;grid-column:1 / -1;margin-top:20px;gap:8px}.dictionary-actions .button{flex:1}.empty-state,.center-state{display:grid;min-height:250px;place-items:center;align-content:center;gap:7px;color:var(--muted);text-align:center}.empty-state h2{margin:8px 0 0;color:var(--ink);font-size:1.1rem}.empty-state p{max-width:500px;margin-bottom:0;font-size:.82rem}.back-link{display:flex;align-items:center;gap:5px;margin-bottom:16px;padding:0;color:var(--blue);background:none;border:0;font-size:.77rem;font-weight:800;cursor:pointer}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;cursor:pointer;opacity:0}.word-form{display:grid;gap:21px}.word-form-grid{display:grid;grid-template-columns:1fr 1fr .7fr;gap:14px}.note-field{grid-column:1 / 3}.priority-field{grid-column:3;grid-row:1 / 3;align-content:center;padding:12px 18px;background:#f5f7fb;border-radius:13px}.priority-field strong{color:var(--blue);font-size:1.25rem}.switch-row{display:flex;align-items:center;gap:9px;cursor:pointer}.list-toolbar{align-items:end}.list-toolbar>div span{color:var(--muted);font-size:.74rem}.search-field{position:relative;display:block;width:min(300px,100%)}.search-field svg{position:absolute;z-index:2;top:13px;left:13px;color:#8c98aa}.search-field input{padding-left:40px}.word-list{overflow:hidden;background:#fff;border:1px solid #dde5f0;border-radius:18px}.word-row{display:grid;min-height:82px;grid-template-columns:26px minmax(200px,1fr) minmax(160px,.45fr) 82px;align-items:center;gap:14px;padding:13px 18px;border-bottom:1px solid #edf0f5}.word-row:last-child{border-bottom:0}.word-row.disabled{background:#fafbfc;opacity:.58}.word-enable{display:block}.word-copy{display:grid;min-width:0;grid-template-columns:minmax(120px,.7fr) minmax(140px,.8fr);align-items:center;gap:13px}.word-copy strong{overflow:hidden;font-size:.88rem;text-overflow:ellipsis}.word-copy>span{overflow:hidden;font-family:Arial,sans-serif;font-size:1.25rem;font-weight:700;text-align:right;text-overflow:ellipsis}.word-copy small{grid-column:1 / -1;overflow:hidden;color:#7c8799;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.inline-priority{display:grid;gap:4px}.inline-priority span{display:flex;justify-content:space-between;color:#8792a5;font-size:.64rem}.inline-priority b{color:var(--blue)}.row-actions{display:flex;justify-content:flex-end}.player-layout{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(440px,1.6fr);gap:20px}.player-settings{display:grid;align-self:start;gap:16px}.player-settings .panel-heading{margin-bottom:2px}.player-settings .panel-heading svg{color:var(--blue)}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.player-stage{position:relative;min-height:570px}.listen-card{min-height:570px;padding:clamp(28px,5vw,56px);background:#fff;border:1px solid #dce4ef;border-radius:24px;box-shadow:var(--shadow)}.ready-card{display:grid;place-items:center;align-content:center;text-align:center}.ready-card h2{max-width:540px;margin:8px auto 12px;font-size:clamp(1.5rem,3vw,2.2rem)}.ready-card>p:not(.eyebrow){max-width:520px;margin-bottom:28px;color:var(--muted);font-size:.87rem;line-height:1.65}.sound-orbit{position:relative;display:grid;width:82px;height:82px;margin-bottom:28px;place-items:center;color:#fff;background:var(--blue);border-radius:50%;box-shadow:0 0 0 16px #eef2ff,0 0 0 32px #f7f8ff}.sound-orbit.success{background:var(--mint);box-shadow:0 0 0 16px #ebfaf6,0 0 0 32px #f6fcfa}.active-card{display:flex;flex-direction:column}.player-topline{color:#7c879a;font-size:.68rem;font-weight:700}.phase-badge{padding:7px 10px;color:#2e52cf;background:#eef2ff;border-radius:20px}.phase-he,.phase-he-pause{color:#157c64;background:#eaf8f4}.progress-track{overflow:hidden;width:100%;height:5px;margin:18px 0;background:#edf0f5;border-radius:10px}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,#4268ef,#7692f9);border-radius:inherit;transition:width .26s ease}.spoken-word{display:grid;min-height:260px;place-items:center;align-content:center;gap:14px;text-align:center}.spoken-word p{margin-bottom:0;color:#657187;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:650}.spoken-word>svg{color:#aab4c4;transform:rotate(90deg)}.spoken-word strong{min-height:60px;font-family:Arial,sans-serif;font-size:clamp(2.6rem,7vw,5.2rem);line-height:1.05;transition:opacity .2s,filter .2s}.spoken-word strong.concealed{color:#c7ceda;letter-spacing:.15em}.spoken-word small{color:#7a8699;font-size:.76rem}.waveform{display:flex;height:38px;align-items:center;justify-content:center;gap:4px}.waveform i{width:3px;height:9px;background:#7791ef;border-radius:4px;animation:wave 1.15s ease-in-out infinite alternate}.waveform i:nth-child(3n){height:27px}.waveform i:nth-child(2n){height:17px}@keyframes wave{to{transform:scaleY(.36);opacity:.45}}.player-controls{display:flex;margin-top:24px;align-items:center;justify-content:center;gap:16px}.round-button{display:grid;width:48px;height:48px;place-items:center;border:0;border-radius:50%;cursor:pointer}.round-button.primary{width:66px;height:66px;color:#fff;background:var(--blue);box-shadow:0 12px 28px #4268ef4d}.round-button.secondary{color:#59667d;background:#eff3f8}.memory-actions{display:flex;margin-top:auto;justify-content:center;gap:9px;padding-top:24px}.player-error{position:absolute;right:18px;bottom:18px;left:18px}.export-options{padding:18px 22px}.toggle-box{display:flex;min-height:58px;align-items:center;gap:10px;padding:8px 13px;background:#f5f7fb;border-radius:12px;cursor:pointer}.toggle-box span{display:grid}.toggle-box small{margin-top:2px;color:#8390a4;font-size:.64rem;font-weight:500}.export-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.export-card{overflow:hidden;padding:28px;background:#fff;border:1px solid #dce4ef;border-radius:20px;box-shadow:0 10px 35px #2333540e}.export-icon{display:grid;width:56px;height:56px;margin-bottom:24px;place-items:center;color:#3b5ed9;background:#eef2ff;border-radius:16px}.pdf-export .export-icon{color:#16846a;background:#eaf8f4}.export-card h2{margin-bottom:11px;font-size:1.35rem}.export-card>p:not(.eyebrow){min-height:67px;margin-bottom:20px;color:var(--muted);font-size:.8rem;line-height:1.7}.feature-list{display:grid;min-height:100px;gap:10px;margin:0 0 24px;padding:0;color:#5f6c82;font-size:.73rem;list-style:none}.feature-list li{display:flex;align-items:center;gap:8px}.feature-list svg{color:var(--mint)}.job-panel{padding:20px 24px}.job-progress{width:min(330px,45%)}.job-progress>span{display:block;color:var(--blue);font-size:.72rem;font-weight:800;text-align:right}.job-progress .progress-track{margin:6px 0 0}.notice,.form-error{padding:11px 13px;color:#a52d40;background:#fff0f2;border:1px solid #ffd9df;border-radius:10px;font-size:.76rem;font-weight:650}@media(max-width:1050px){.dictionary-grid{grid-template-columns:1fr}.player-layout{grid-template-columns:.76fr 1.3fr}.word-row{grid-template-columns:26px 1fr 82px}.inline-priority{grid-column:2 / 3}}@media(max-width:820px){.login-page{grid-template-columns:1fr}.login-card{width:min(480px,calc(100% - 40px));padding:44px 0}.login-card>.brand-mark{margin-bottom:30px}.login-visual{display:none}.app-shell{display:block}.sidebar{display:none}.main-content{padding:82px 18px calc(92px + env(safe-area-inset-bottom))}.mobile-header{position:fixed;z-index:20;top:0;right:0;left:0;display:flex;height:66px;align-items:center;justify-content:space-between;padding:0 18px;color:var(--ink);background:#f8fafde6;border-bottom:1px solid rgba(215,224,236,.8);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-header .brand-mark{width:35px;height:35px}.bottom-nav{position:fixed;z-index:20;right:0;bottom:0;left:0;display:grid;height:calc(68px + env(safe-area-inset-bottom));grid-template-columns:repeat(3,1fr);padding:7px 12px env(safe-area-inset-bottom);background:#fffffff0;border-top:1px solid #dfe5ee;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.bottom-nav button{display:grid;place-items:center;align-content:center;gap:3px;color:#8490a3;background:none;border:0;font-size:.61rem;font-weight:700}.bottom-nav button.active{color:var(--blue)}.content-stack{gap:18px}.page-intro,.page-intro.compact{min-height:0;align-items:start}.page-intro{flex-direction:column}.page-intro .button{width:100%}.player-layout{display:flex;flex-direction:column-reverse}.player-stage,.listen-card{min-height:510px}.export-grid{grid-template-columns:1fr}}@media(max-width:600px){h1{font-size:1.72rem}.panel{padding:18px;border-radius:15px}.field-grid,.field-grid.three,.word-form-grid{grid-template-columns:1fr}.note-field,.priority-field{grid-column:auto;grid-row:auto}.page-intro p:last-child{font-size:.82rem}.dictionary-card{padding:17px}.dictionary-actions{flex-direction:column}.button-row.between{align-items:stretch;flex-direction:column}.button-row.between .button{width:100%}.list-toolbar{align-items:stretch;flex-direction:column}.search-field{width:100%}.word-list{background:none;border:0}.word-row{grid-template-columns:23px 1fr 74px;margin-bottom:9px;padding:15px;background:#fff;border:1px solid #dfe6f0!important;border-radius:14px}.word-copy{grid-template-columns:1fr;gap:7px}.word-copy>span{text-align:left}.word-copy small{grid-column:auto;white-space:normal}.row-actions{grid-column:3;grid-row:1 / 3;flex-direction:column}.inline-priority{grid-column:2}.player-stage,.listen-card{min-height:470px}.listen-card{padding:22px 18px;border-radius:18px}.player-topline{gap:8px}.player-topline>span:last-child{display:none}.spoken-word{min-height:225px}.memory-actions{flex-direction:column}.memory-actions .button{width:100%}.export-card{padding:22px}.job-panel{align-items:stretch;flex-direction:column}.job-progress{width:100%}.two-fields{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}