:root{--accent:#735897;--accent-hover:#5b3e7a;--accent-light:#ede8f2;--accent-subtle:#f5f2f8;--accent-glow:#7358972e;--bg:#fcfcfa;--bg-gray:#f2f0f3;--border:#e2dee4;--border-light:#efecf1;--text-1:#2d2430;--text-2:#8b828f;--text-3:#bcb5c0;--red:#c44d5c;--red-bg:#fdf2f4;--green:#4a8a68;--green-bg:#f2f8f4;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--space-10:4rem;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 24px #00000014;--radius-sm:4px;--radius:6px;--radius-lg:12px;--radius-xl:16px;--mono:"SF Mono", "Menlo", "Monaco", "Consolas", monospace;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;--serif:Georgia, "Noto Serif SC", "Songti SC", "Source Han Serif SC", serif;--ease-out:cubic-bezier(.22,1,.36,1);--ease-in-out:cubic-bezier(.65,0,.35,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--sans);font-size:var(--text-base);background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a{color:var(--accent);transition:opacity .15s var(--ease-out);text-decoration:none}a:hover{opacity:.75;text-decoration:underline}h1,h2,h3,h4{font-weight:700;line-height:1.3}input[type=text],input[type=password],input[type=number],input[type=search],select,textarea{border:1px solid var(--border);border-radius:var(--radius);width:100%;font-size:var(--text-base);font-family:var(--sans);color:var(--text-1);background:var(--bg);transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);appearance:none;padding:.625rem .75rem}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}textarea{resize:vertical;min-height:100px}input[type=checkbox]{width:auto;accent-color:var(--accent);cursor:pointer;margin-right:6px}input[type=checkbox]:focus{box-shadow:0 0 0 3px var(--accent-glow);border-radius:2px;outline:none}input[type=date]{width:auto}select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238B828F'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}input[type=range]{accent-color:var(--accent);height:6px}.inline-label{font-size:var(--text-sm);cursor:pointer;align-items:center;gap:4px;display:flex}.announcement-bar{background:linear-gradient(135deg, var(--accent-light) 0%, var(--accent-subtle) 100%);border-bottom:1px solid var(--accent-glow);animation:bar-slide-in .4s var(--ease-out);overflow:hidden}@keyframes bar-slide-in{0%{opacity:0;max-height:0}to{opacity:1;max-height:64px}}.announcement-bar .container{flex-wrap:wrap;align-items:center;gap:0;padding-top:9px;padding-bottom:9px;display:flex}.announcement-item{align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.announcement-tag{color:#fff;letter-spacing:.04em;border-radius:4px;flex-shrink:0;padding:2px 7px;font-size:10.5px;font-weight:700;line-height:1.4}.announcement-tag.accent{background:var(--accent)}.announcement-tag.red{background:var(--red)}.announcement-title{font-weight:600}.announcement-body{color:var(--text-2);margin-left:1px}.announcement-dot{color:var(--text-3);-webkit-user-select:none;user-select:none;flex-shrink:0;margin:0 8px;font-size:10px}.announcement-dot:before{content:"·"}.dash-feed{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius-xl);margin-bottom:var(--space-5);box-shadow:var(--shadow-sm);overflow:hidden}.dash-feed-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light);font-size:var(--text-sm);color:var(--text-1);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-weight:700;transition:background .12s;display:flex}.dash-feed-header:hover{background:var(--accent-subtle)}.dash-feed-header.collapsed{border-bottom:none}.dash-feed-header svg{color:var(--accent)}.dash-feed-item{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light);align-items:flex-start;gap:12px;transition:background .12s;display:flex}.dash-feed-item:last-child{border-bottom:none}.dash-feed-item:hover{background:var(--accent-subtle)}.dash-feed-item-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;margin-top:1px;display:flex}.dash-feed-item-icon.announce{background:var(--accent-light);color:var(--accent)}.dash-feed-item-icon.challenge{background:var(--red-bg);color:var(--red)}.dash-feed-item-body{flex:1;min-width:0}.dash-feed-item-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dash-feed-item-title{font-size:14px;font-weight:600}.dash-feed-item-tag{color:#fff;letter-spacing:.04em;border-radius:3px;flex-shrink:0;padding:1.5px 6px;font-size:10.5px;font-weight:700;line-height:1.4}.dash-feed-item-tag.announce-tag{background:var(--accent)}.dash-feed-item-tag.challenge-tag{background:var(--red)}.dash-feed-item-desc{color:var(--text-2);margin-top:3px;font-size:12px;line-height:1.45}.dash-feed-item-link{color:var(--accent);cursor:pointer;white-space:nowrap;align-items:center;gap:3px;margin-top:4px;font-size:12px;font-weight:600;transition:opacity .15s;display:inline-flex}.dash-feed-item-link:hover{opacity:.7}.search-bar-row{align-items:center;gap:12px;margin-bottom:16px;display:flex}.search-bar-row .global-search{flex:1;margin-bottom:0}.search-text-link{color:var(--text-3);white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:14px;font-weight:500}.search-text-link.active{color:var(--accent);cursor:pointer}label{font-size:var(--text-sm);color:var(--text-2);font-weight:500}.btn{font-size:var(--text-base);cursor:pointer;border-radius:var(--radius);font-weight:600;line-height:1.4;font-family:var(--sans);transition:all .2s var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;justify-content:center;align-items:center;gap:.375rem;padding:.625rem 1rem;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){box-shadow:none}.btn-secondary{color:var(--text-2);border:1px solid var(--border);background:0 0}.btn-secondary:hover:not(:disabled){border-color:var(--text-3);background:var(--bg-gray)}.btn-secondary:active:not(:disabled){background:var(--border)}.btn-danger{color:var(--red);background:0 0}.btn-danger:hover:not(:disabled){background:var(--red-bg)}.btn-sm{font-size:var(--text-sm);padding:.375rem .75rem}.page-container{max-width:640px;padding:var(--space-5) var(--space-4) var(--space-4);flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}.layout-main{flex:1}.auth-page{min-height:100dvh;padding:var(--space-5);background:linear-gradient(135deg, var(--accent-subtle) 0%, var(--bg) 50%);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--bg);border-radius:var(--radius-xl);width:100%;max-width:380px;padding:var(--space-8) var(--space-6);box-shadow:var(--shadow-lg)}.auth-card h1{font-family:var(--serif);font-size:var(--text-2xl);margin-bottom:var(--space-1);letter-spacing:-.02em}.auth-card>p{font-size:var(--text-sm);color:var(--text-3);margin-bottom:var(--space-6)}.auth-card .form-field{margin-bottom:var(--space-4)}.auth-card .form-field label{margin-bottom:var(--space-1);display:block}.auth-card .form-actions{margin-top:var(--space-5)}.auth-card .form-actions .btn{width:100%;padding:.75rem 1rem}.auth-card .alt-link{text-align:center;margin-top:var(--space-4);font-size:var(--text-sm);color:var(--text-3)}.auth-error{color:var(--red);font-size:var(--text-sm);background:var(--red-bg);border-radius:var(--radius);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-4)}.layout-nav{padding:var(--space-3) 0;margin-bottom:var(--space-5);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:52px;display:flex}.layout-nav .nav-brand{font-family:var(--serif);font-size:var(--text-lg);cursor:pointer;letter-spacing:-.01em;padding:var(--space-1) 0;font-weight:700}.layout-nav .nav-right{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-2);display:flex}.layout-nav .nav-right .btn-danger{font-size:var(--text-sm);padding:.375rem .75rem}.layout-nav .nav-username{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;align-items:center;gap:4px;max-width:120px;display:inline-flex;overflow:hidden}.layout-nav .nav-username:hover{color:var(--accent)}.app-footer{text-align:center;color:var(--text-3);border-top:1px solid var(--border-light);margin-top:32px;padding:24px 0 16px;font-size:12px;line-height:1.8}.app-footer a{color:var(--accent);text-decoration:none}.app-footer a:hover{text-decoration:underline}.app-footer-solo{color:var(--accent);margin-bottom:4px;font-size:14px;font-weight:600}.app-footer-tagline{color:var(--text-2);margin-bottom:8px;font-size:13px}.app-footer-contact{margin-bottom:2px}.section-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.section-header h2{font-size:var(--text-xs);color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.group-list{gap:var(--space-3);flex-direction:column;display:flex}.group-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-4);cursor:pointer;transition:all .2s var(--ease-out);background:var(--bg);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.group-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.group-card:active{transform:scale(.98)}.group-card .gc-info{flex:1;min-width:0}.group-card .gc-name{font-weight:600;font-size:var(--text-base);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.group-card .gc-count{font-size:var(--text-xs);color:var(--text-3);font-family:var(--mono);margin-top:var(--space-1)}.group-card .gc-actions{gap:var(--space-1);flex-shrink:0;display:flex}.word-list{gap:var(--space-2);flex-direction:column;display:flex}.word-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .15s var(--ease-out);background:var(--bg);cursor:pointer;display:flex}.word-item:hover{border-color:var(--accent)}.word-item:active{transform:scale(.99)}.word-item input[type=checkbox]{accent-color:var(--accent);cursor:pointer;flex-shrink:0;width:18px;height:18px}.word-item .wi-word{font-family:var(--serif);min-width:6rem;font-weight:600;font-size:var(--text-base)}.word-item .wi-meaning{color:var(--text-2);font-size:var(--text-sm);flex:1}.word-item .wi-enriched{font-size:var(--text-xs);color:var(--green);background:var(--green-bg);white-space:nowrap;border-radius:3px;padding:1px 6px}.word-item .wi-pending{font-size:var(--text-xs);color:var(--text-3);background:var(--bg-gray);white-space:nowrap;border-radius:3px;padding:1px 6px}.word-item .wi-expand-btn{cursor:pointer;color:var(--text-3);background:0 0;border:none;flex-shrink:0;padding:4px 2px;transition:color .15s;display:flex}.word-item .wi-expand-btn:hover{color:var(--text-1)}.word-item .wi-chevron{transition:transform .2s var(--ease-out)}.word-item .wi-chevron.open{transform:rotate(180deg)}.word-item-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .15s var(--ease-out);flex-direction:column;gap:0;display:flex;overflow:hidden}.word-item-wrap:hover{border-color:var(--accent)}.word-item-wrap .word-item{border:none;border-radius:0}.word-item-wrap .word-item:hover{border-color:#0000}.word-detail{padding:var(--space-3) var(--space-3) var(--space-3) calc(var(--space-3) + 30px);background:var(--accent-subtle);border-top:1px solid var(--border-light);font-size:var(--text-sm);animation:detail-in .2s var(--ease-out);line-height:1.6}@keyframes detail-in{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1}}.word-detail .wd-field{gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.word-detail .wd-field:last-child{margin-bottom:0}.word-detail .wd-label{color:var(--text-3);font-size:var(--text-xs);flex-shrink:0;min-width:2rem;margin-top:1px;font-weight:600}.word-detail .wd-example{color:var(--text-2);font-style:italic}.word-detail .wd-pending{align-items:center;gap:var(--space-2);color:var(--text-3);font-size:var(--text-xs);display:flex}.wd-remove-btn{margin-top:var(--space-2);border:1px solid var(--red);border-radius:var(--radius);background:var(--red-bg);color:var(--red);font-size:var(--text-xs);font-family:var(--sans);cursor:pointer;transition:all .15s var(--ease-out);padding:4px 10px}.wd-remove-btn:hover{background:var(--red);color:#fff}.enrich-bar{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3);margin-bottom:var(--space-3);background:var(--accent-subtle);border:1px solid var(--accent-light);border-radius:var(--radius-lg);display:flex}.enrich-bar-text{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--accent);font-weight:500;display:flex}.settings-form{margin-top:var(--space-5);background:var(--bg-gray);border-radius:var(--radius-xl);padding:var(--space-5);border:1px solid var(--border-light)}.settings-form h2:first-child{font-size:var(--text-xs);color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-4);font-weight:600}.form-row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.form-row label{min-width:4.5rem;font-size:var(--text-sm);font-weight:500}.form-row select,.form-row input[type=number],.form-row .custom-select{flex:1;min-width:5rem}.form-row input[type=number]{width:5rem;font-family:var(--mono);font-size:var(--text-lg);text-align:center;flex:none;padding:.75rem .875rem}.form-row input[type=range]{min-width:6rem;accent-color:var(--accent);flex:1;height:2rem}.form-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:22px;height:22px;box-shadow:0 1px 4px #00000026}.form-row input[type=range]::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:22px;height:22px;box-shadow:0 1px 4px #00000026}.form-row .hint{font-size:var(--text-xs);color:var(--text-3)}.form-row .unit{font-size:var(--text-sm);color:var(--text-3);min-width:1.5rem}.counter-group{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);align-items:center;gap:0;display:inline-flex;overflow:hidden}.counter-btn{background:var(--bg-gray);width:2.25rem;height:2.5rem;color:var(--text-2);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;font-size:1.125rem;line-height:1;transition:background .15s,color .15s;display:flex}.counter-btn:hover:not(:disabled){background:var(--accent-bg);color:var(--accent)}.counter-btn:disabled{color:var(--text-4);cursor:not-allowed}.counter-value{min-width:2.5rem;height:2.5rem;font-family:var(--mono);font-size:var(--text-lg);color:var(--text-1);background:var(--bg);justify-content:center;align-items:center;padding:0 .5rem;font-weight:600;display:flex}.counter-group .unit{min-width:auto;padding-left:.75rem;padding-right:.25rem}.rate-val{font-family:var(--mono);font-size:var(--text-sm);color:var(--text-2);text-align:center;min-width:2rem;font-weight:600}.settings-page-form{max-width:480px}.settings-page-form .custom-select-trigger{font-size:var(--text-sm)}.settings-page-status{margin-top:var(--space-4);min-height:1.5rem}.settings-saved-indicator{font-size:var(--text-sm);color:var(--accent);align-items:center;gap:4px;transition:opacity .2s;display:inline-flex}.settings-page-footer{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border-light);max-width:480px}.contact-dev{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--accent-subtle);border:1px solid var(--border-light);border-radius:10px}.contact-dev-label{color:var(--text-2);align-items:center;gap:6px;margin-bottom:4px;font-size:13px;display:flex}.contact-dev-email{color:var(--accent);-webkit-user-select:all;user-select:all;font-size:15px;font-weight:500}.progress-track{background:var(--border-light);width:100%;height:3px;margin-bottom:var(--space-2);border-radius:2px;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width .4s var(--ease-out);border-radius:2px}.progress-text{font-size:var(--text-sm);color:var(--text-3);font-family:var(--mono)}.word-display{text-align:center;padding:var(--space-10) var(--space-4);margin-bottom:var(--space-5);flex-direction:column;justify-content:flex-start;align-items:center;min-height:240px;display:flex;position:relative}.word-text{font-family:var(--serif);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .35s var(--ease-out);font-size:clamp(1.75rem,8vw,2.5rem);font-weight:700;position:relative}.word-text.hidden{-webkit-filter:blur(14px);opacity:.6}.word-text.revealed{-webkit-filter:blur();opacity:1}.word-text.waiting{font-family:var(--mono);font-size:var(--text-base);color:var(--text-3);font-weight:400}.repeat-badge{font-family:var(--mono);font-size:var(--text-xs);color:var(--text-3);margin-top:var(--space-2)}.word-hint{font-size:var(--text-xs);color:var(--text-3);margin-top:var(--space-3)}.waveform{height:40px;margin-top:var(--space-5);align-items:center;gap:3px;display:flex}.waveform-bar{background:var(--accent);width:3px;animation:waveform-pulse 1.2s var(--ease-in-out) infinite;transform-origin:50%;border-radius:2px}.waveform-bar:first-child{height:20%;animation-delay:0s}.waveform-bar:nth-child(2){height:60%;animation-delay:.1s}.waveform-bar:nth-child(3){height:90%;animation-delay:.2s}.waveform-bar:nth-child(4){height:70%;animation-delay:.3s}.waveform-bar:nth-child(5){height:40%;animation-delay:.4s}.waveform-bar:nth-child(6){height:85%;animation-delay:.5s}.waveform-bar:nth-child(7){height:55%;animation-delay:.6s}.waveform-bar:nth-child(8){height:30%;animation-delay:.7s}.waveform-bar:nth-child(9){height:75%;animation-delay:.8s}.waveform-bar:nth-child(10){height:45%;animation-delay:.9s}@keyframes waveform-pulse{0%,to{opacity:.4;transform:scaleY(.6)}50%{opacity:.8;transform:scaleY(1)}}.dictation-controls{gap:var(--space-3);justify-content:center;display:flex}.dictation-controls .btn{flex:0 auto;min-width:6rem;padding:.75rem 1.5rem}@keyframes ambient-pulse{0%,to{box-shadow:inset 0 0 80px #7358970f}50%{box-shadow:inset 0 0 80px #73589724}}.done-message{text-align:center;animation:done-fade-in .5s var(--ease-out);padding:0}.done-message h3{font-family:var(--serif);margin-bottom:var(--space-2);font-size:clamp(1.25rem,5vw,1.5rem);font-weight:700}.done-message p{font-size:var(--text-sm);color:var(--text-3)}@keyframes done-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.answer-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.answer-table thead th{text-align:left;font-size:var(--text-xs);color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2) var(--space-3);border-bottom:2px solid var(--border);font-weight:600}.answer-table tbody td{padding:var(--space-3) var(--space-3);border-bottom:1px solid var(--border-light);vertical-align:middle}.answer-table tbody tr{transition:background .15s var(--ease-out)}.answer-table tbody tr:hover{background:var(--bg-gray)}.answer-table tbody tr:last-child td{border-bottom:none}.answer-table .col-num{width:2.25rem;color:var(--text-3);font-family:var(--mono);font-size:var(--text-xs)}.answer-table .col-word{font-family:var(--serif);font-weight:600;font-size:var(--text-base)}.answer-table .col-meaning{color:var(--text-2);font-size:var(--text-sm)}.answer-table .col-result{text-align:right;width:6rem}.answer-table tbody tr{animation:row-fade-in .4s var(--ease-out) both}.answer-table tbody tr:first-child{animation-delay:50ms}.answer-table tbody tr:nth-child(2){animation-delay:.1s}.answer-table tbody tr:nth-child(3){animation-delay:.15s}.answer-table tbody tr:nth-child(4){animation-delay:.2s}.answer-table tbody tr:nth-child(5){animation-delay:.25s}.answer-table tbody tr:nth-child(6){animation-delay:.3s}.answer-table tbody tr:nth-child(7){animation-delay:.35s}.answer-table tbody tr:nth-child(8){animation-delay:.4s}.answer-table tbody tr:nth-child(9){animation-delay:.45s}.answer-table tbody tr:nth-child(10){animation-delay:.5s}.answer-table tbody tr:nth-child(n+11){animation-delay:.55s}@keyframes row-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.result-btns{gap:var(--space-1);justify-content:flex-end;display:flex}.result-badge{font-size:var(--text-sm);padding:var(--space-1) 0;font-weight:600;display:inline-block}.result-badge.correct{color:var(--green)}.result-badge.wrong{color:var(--red)}.result-btn{font-size:var(--text-sm);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .15s var(--ease-out);text-align:center;background:0 0;min-width:3rem;padding:.5rem .75rem;font-weight:600}.result-btn.correct{color:var(--green);border-color:var(--green);background:var(--green-bg)}.result-btn.wrong{color:var(--red);border-color:var(--red);background:var(--red-bg)}.result-btn.dim{opacity:.3;border-color:var(--border);color:var(--text-3);background:0 0}.result-btn:disabled{cursor:default;opacity:.5}.result-btn:active:not(:disabled){transform:scale(.95)}.import-area{margin-bottom:var(--space-4)}.import-area textarea{border-radius:var(--radius-lg);height:200px;padding:var(--space-4);font-size:var(--text-sm);background:var(--bg-gray);border:1px dashed var(--border);transition:all .2s var(--ease-out);line-height:1.7}.import-area textarea:focus{background:var(--bg);border-style:solid}.import-actions{gap:var(--space-3);margin-top:var(--space-4);display:flex}.import-actions .btn{flex:1}.import-result{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);animation:done-fade-in .3s var(--ease-out);font-weight:500}.import-result.success{background:var(--green-bg);color:var(--green);border:1px solid var(--green)}.import-result.info{background:var(--accent-light);color:var(--accent);border:1px solid var(--accent)}.history-item{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-4);margin-bottom:var(--space-2);cursor:pointer;transition:all .2s var(--ease-out);background:var(--bg);justify-content:space-between;align-items:center;display:flex}.history-item:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.history-item:active{transform:scale(.99)}.history-item .hi-date{font-size:var(--text-xs);color:var(--text-3);font-family:var(--mono);margin-top:var(--space-1)}.history-item .hi-info{font-size:var(--text-sm);font-weight:500}.history-item .hi-score{font-size:var(--text-sm);color:var(--text-2);font-family:var(--mono);white-space:nowrap}.bottom-action-bar{padding:var(--space-3) var(--space-4);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border-light);z-index:100;animation:bar-slide-up .35s var(--ease-out);background:#ffffffeb;position:fixed;bottom:0;left:0;right:0}.bottom-action-bar .btn{width:100%;padding:.875rem 1rem;font-size:1rem}@keyframes bar-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.quick-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.quick-actions .btn{flex:1;min-width:7rem;padding:.75rem 1rem}.empty-state{text-align:center;padding:var(--space-10) var(--space-4);color:var(--text-3)}.empty-state .empty-icon{width:64px;height:64px;margin:0 auto var(--space-4);background:var(--bg-gray);font-size:var(--text-2xl);border-radius:50%;justify-content:center;align-items:center;display:flex}.empty-state p{font-size:var(--text-sm);margin-bottom:var(--space-4)}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.7}}@media (width>=640px){.page-container{padding:var(--space-8) var(--space-6)}.group-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.group-card{margin-bottom:0}.dictation-controls .btn{min-width:8rem;padding:.75rem 2rem}.auth-card{padding:var(--space-10) var(--space-6)}.word-display{padding:var(--space-10) var(--space-4);min-height:280px}.bottom-action-bar{max-width:640px;margin:0 auto;left:50%;right:auto}.bottom-action-bar.desktop-inline{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-top:none;padding:0;animation:none;position:static}}@media (width>=1024px){.page-container{padding:var(--space-10) var(--space-6)}.layout-nav{min-height:56px;padding:var(--space-4) 0}.layout-nav .nav-brand{font-size:var(--text-xl)}.group-card:hover{transform:translateY(-2px)}.import-area textarea{height:240px}}@media (width<=639px){.page-container{padding:var(--space-4) var(--space-4)}.auth-card{border-radius:var(--radius-lg);padding:var(--space-6) var(--space-5);box-shadow:var(--shadow-md)}.group-list{gap:var(--space-2)}.group-card{padding:var(--space-3) var(--space-4)}.word-text{font-size:clamp(1.5rem,7vw,2rem)}.word-text.hidden{-webkit-filter:blur(10px)}.dictation-controls .btn{flex:1;padding:.875rem 1rem}.form-row{align-items:stretch;gap:var(--space-1);flex-direction:column}.form-row label{min-width:auto;font-size:var(--text-xs)}.form-row input[type=number]{width:100%;font-size:var(--text-xl);padding:1rem}.form-row input[type=range]{min-width:auto;height:2.5rem}.form-row input[type=range]::-webkit-slider-thumb{width:28px;height:28px}.form-row input[type=range]::-moz-range-thumb{width:28px;height:28px}.form-row .unit{font-size:var(--text-base)}.form-row .custom-select-trigger{font-size:var(--text-lg);padding:.875rem 1rem}.settings-page-form .custom-select-trigger{font-size:var(--text-sm)}.settings-form{padding:var(--space-4) var(--space-4) var(--space-5)}.settings-form h2:first-child{font-size:var(--text-sm);margin-bottom:var(--space-5)}.answer-table .col-word{font-size:var(--text-sm)}.answer-table thead th,.answer-table tbody td{padding:var(--space-2) var(--space-2)}.answer-table .col-result{width:4.5rem}.result-btn{min-width:2.5rem;font-size:var(--text-xs);padding:.4rem .5rem}.history-item{padding:var(--space-3) var(--space-3)}.word-display{padding:var(--space-8) 0;min-height:200px}.import-area textarea{height:160px}}@supports (padding:max(0px)){.page-container{padding-left:max(var(--space-4), env(safe-area-inset-left,0px));padding-right:max(var(--space-4), env(safe-area-inset-right,0px))}.auth-page{padding-left:max(var(--space-5), env(safe-area-inset-left,0px));padding-right:max(var(--space-5), env(safe-area-inset-right,0px))}}.form-row-merge{gap:var(--space-4);margin-bottom:var(--space-4);flex-flow:row;display:flex}.field-group{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.field-group label{min-width:0;font-size:var(--text-sm);color:var(--text-2);font-weight:500}.field-group .counter-group{align-self:flex-start}.custom-select{width:100%;position:relative}.custom-select-trigger{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;font-size:var(--text-base);font-family:var(--sans);color:var(--text-1);cursor:pointer;transition:border-color .15s var(--ease-out), box-shadow .15s var(--ease-out), background .15s var(--ease-out);text-align:left;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;gap:var(--space-2);padding:.625rem .75rem;display:flex}.custom-select-trigger:hover{border-color:var(--accent);background:var(--accent-subtle)}.custom-select-trigger:focus-visible,.custom-select-trigger[aria-expanded=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.custom-select-trigger.placeholder{color:var(--text-3)}.select-arrow{color:var(--text-3);transition:transform .2s var(--ease-out), color .15s var(--ease-out);flex-shrink:0;margin-left:auto}.custom-select-trigger:hover .select-arrow{color:var(--accent)}.select-arrow.open{color:var(--accent);transform:rotate(180deg)}.select-dropdown{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:50;max-height:240px;animation:dropdown-in .15s var(--ease-out);padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.select-dropdown::-webkit-scrollbar{width:5px}.select-dropdown::-webkit-scrollbar-track{background:0 0}.select-dropdown::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.select-option{font-size:var(--text-sm);cursor:pointer;transition:background .1s var(--ease-out), color .1s var(--ease-out);color:var(--text-1);border-radius:var(--radius-sm);padding:.625rem .75rem}.select-option:hover{background:var(--accent-subtle);color:var(--accent)}.select-option.active{background:var(--accent-light);color:var(--accent);font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:200;padding:var(--space-4);animation:modal-fade-in .2s var(--ease-out);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-dialog{background:var(--bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:340px;animation:modal-scale-in .25s var(--ease-out)}.modal-header{padding:var(--space-5) var(--space-5) 0}.modal-header h3{font-size:var(--text-lg);font-weight:700}.modal-body{padding:var(--space-3) var(--space-5) var(--space-5)}.modal-body p{font-size:var(--text-sm);color:var(--text-2);line-height:1.6}.modal-actions{gap:var(--space-2);padding:0 var(--space-5) var(--space-5);display:flex}.modal-actions .btn{flex:1;padding:.75rem 1rem}.modal-actions .btn-danger{background:var(--red);color:#fff;border:none}.modal-actions .btn-danger:hover{background:#a83d4b}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.wordcard-overlay{z-index:200;padding:var(--space-4);animation:wc-fade-in .2s var(--ease-out);background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.wordcard{background:var(--bg);border-radius:var(--radius-xl);width:100%;max-width:420px;max-height:80vh;animation:wc-scale-in .25s var(--ease-out);position:relative;overflow-y:auto;box-shadow:0 16px 48px #00000026}.wordcard-close{top:var(--space-3);right:var(--space-3);background:var(--bg-gray);cursor:pointer;width:32px;height:32px;color:var(--text-2);transition:all .15s var(--ease-out);border:none;border-radius:99px;justify-content:center;align-items:center;display:flex;position:absolute}.wordcard-close:hover{background:var(--border);color:var(--text-1)}.wordcard-header{padding:var(--space-6) var(--space-5) var(--space-3);text-align:center}.wordcard-sound{top:var(--space-3);left:var(--space-3);background:var(--bg-gray);cursor:pointer;width:36px;height:36px;color:var(--accent);transition:all .15s var(--ease-out);border:none;border-radius:99px;justify-content:center;align-items:center;display:flex;position:absolute}.wordcard-sound:hover{background:var(--accent-light);transform:scale(1.05)}.wordcard-sound:active{transform:scale(.95)}.wordcard-word{font-size:var(--text-3xl);color:var(--text-1);cursor:pointer;transition:color .15s var(--ease-out);-webkit-user-select:none;user-select:none;margin:0;font-weight:800;line-height:1.2}.wordcard-word:hover{color:var(--accent)}.wordcard-meaning{font-size:var(--text-lg);color:var(--text-2);margin-top:var(--space-1);display:block}.wordcard-meta{margin-top:var(--space-2);display:block}.wordcard-group-tag{font-size:var(--text-xs);background:var(--accent-light);color:var(--accent);border-radius:99px;padding:2px 10px;font-weight:600;display:inline-block}.wordcard-user-tag{font-size:var(--text-xs);background:var(--bg-gray);color:var(--text-2);border-radius:99px;margin-left:6px;padding:2px 10px;font-weight:500;display:inline-block}.wordcard-body{padding:var(--space-3) var(--space-5) var(--space-4)}.wordcard-field{margin-bottom:var(--space-3)}.wordcard-field:last-child{margin-bottom:0}.wordcard-field-icon{vertical-align:middle;color:var(--accent);margin-right:4px;display:inline-flex}.wordcard-field-label{font-size:var(--text-xs);color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;vertical-align:middle;font-weight:600}.wordcard-field-value{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--text-1);line-height:1.7}.wordcard-field-example{color:var(--text-2);font-style:italic}.wordcard-field-empty{color:var(--text-3);font-style:italic}.def-pos-line{gap:var(--space-2);align-items:baseline;padding:2px 0;display:flex}.def-pos-line+.def-pos-line{border-top:1px dashed var(--border-light);margin-top:4px;padding-top:6px}.def-pos-tag{color:var(--accent);min-width:2.2em;font-weight:700;font-size:var(--text-sm);flex-shrink:0;display:inline-block}.def-pos-meaning{color:var(--text-1);font-size:var(--text-sm);line-height:1.6}.def-pos-line:only-child{border-top:none;margin-top:0;padding-top:0}.colloc-line{gap:var(--space-2);align-items:baseline;padding:2px 0;display:flex}.colloc-line+.colloc-line{border-top:1px dashed var(--border-light);margin-top:3px;padding-top:5px}.colloc-num{color:var(--text-3);min-width:1.4em;font-weight:500;font-size:var(--text-sm);text-align:right;flex-shrink:0}.colloc-text{color:var(--text-1);font-size:var(--text-sm);line-height:1.6}.colloc-line:only-child{border-top:none;margin-top:0;padding-top:0}.wordcard-footer{padding:var(--space-3) var(--space-5) var(--space-5);gap:var(--space-2);display:flex}.wordcard-footer .btn{flex:1}@keyframes wc-fade-in{0%{opacity:0}to{opacity:1}}@keyframes wc-scale-in{0%{opacity:0;transform:scale(.9)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.toast{top:var(--space-4);z-index:300;align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);font-size:var(--text-sm);box-shadow:var(--shadow-lg);animation:toast-in .3s var(--ease-out);max-width:calc(100vw - var(--space-8));white-space:nowrap;padding:.75rem 1rem;font-weight:500;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast-error{background:var(--red-bg);color:var(--red);border:1px solid var(--red)}.toast-success{background:var(--green-bg);color:var(--green);border:1px solid var(--green)}.toast-info{background:var(--accent-light);color:var(--accent);border:1px solid var(--accent)}.toast-close{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;flex-shrink:0;padding:2px;display:flex}.toast-close:hover{opacity:1}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.public-groups-bar{margin-bottom:var(--space-3);padding:var(--space-2) 0}.public-groups-label{font-size:var(--text-xs);color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-2);align-items:center;gap:6px;font-weight:600;display:flex}.public-groups-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.public-group-chip{padding:var(--space-2) var(--space-3);background:var(--accent-subtle);border:1px solid var(--accent-light);border-radius:var(--radius-lg);cursor:pointer;transition:all .15s var(--ease-out);text-align:left;font-family:var(--sans);flex-direction:column;align-items:flex-start;gap:2px;min-width:120px;display:flex}.public-group-chip:hover{background:var(--accent-light);border-color:var(--accent);transform:translateY(-1px)}.pgc-name{font-size:var(--text-sm);color:var(--accent);font-weight:600}.pgc-meta{font-size:var(--text-xs);color:var(--text-3)}.global-search{margin-bottom:var(--space-5);position:relative}.global-search-box{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1.5px solid var(--border);border-radius:var(--radius-xl);background:var(--bg);transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);display:flex}.global-search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}.global-search-icon{color:var(--text-3);flex-shrink:0}.global-search-input{width:100%;font-size:var(--text-base);font-family:var(--sans);color:var(--text-1);background:0 0;box-shadow:none!important;border:none!important;outline:none!important;padding:0!important}.global-search-input::placeholder{color:var(--text-3);font-size:var(--text-sm)}.global-search-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.global-search-dropdown{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100;max-height:420px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.gsd-empty{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-6);color:var(--text-3);font-size:var(--text-sm);display:flex}.gsd-item{padding:var(--space-3) var(--space-4);cursor:pointer;transition:background .15s var(--ease-out);border-bottom:1px solid var(--border-light)}.gsd-item:last-child{border-bottom:none}.gsd-item:hover{background:var(--accent-subtle)}.gsd-item-main{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.gsd-word{font-weight:600;font-size:var(--text-base);color:var(--text-1)}.gsd-meaning{font-size:var(--text-sm);color:var(--text-2)}.gsd-group{font-size:var(--text-xs);background:var(--accent-light);color:var(--accent);border-radius:99px;margin-left:auto;padding:1px 6px;font-weight:500}.gsd-preview{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.gsd-footer{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2);font-size:var(--text-xs);color:var(--text-3);border-top:1px solid var(--border-light);display:flex}.select-search-box{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);display:flex}.select-search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.select-search-icon{color:var(--text-3);flex-shrink:0}.select-search-input{width:100%;font-size:var(--text-sm);font-family:var(--sans);color:var(--text-1);appearance:none;background:0 0;box-shadow:none!important;border:none!important;outline:none!important;padding:0!important}.select-search-input::placeholder{color:var(--text-3)}.article-reader{margin-bottom:var(--space-4)}.article-para-wrap{margin-bottom:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:border-color .2s var(--ease-out);overflow:hidden}.article-para-wrap:has(.expanded){border-color:var(--accent-light)}.article-para{padding:var(--space-3) var(--space-4);cursor:pointer;transition:background .15s var(--ease-out)}.article-para:hover,.article-para.expanded{background:var(--accent-subtle)}.article-para-text{font-family:var(--serif);font-size:var(--text-base);color:var(--text-1);word-break:break-word;line-height:2}.article-word{cursor:pointer;transition:all .12s var(--ease-out);border-radius:3px;padding:0 1px}.article-word:hover{background:var(--accent-light);color:var(--accent)}.article-word.active{background:var(--accent);color:#fff;border-radius:3px}.article-word.highlighted{border-bottom:1.5px dashed var(--green);background:#4a8a681f}.article-para-hint{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-3);align-items:center;gap:4px;display:flex}.article-translation{padding:var(--space-3) var(--space-4);background:var(--accent-subtle);border-top:1px solid var(--accent-light);font-size:var(--text-sm);color:var(--text-2);animation:translation-in .2s var(--ease-out);line-height:1.7}@keyframes translation-in{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.learning-list-panel{z-index:10;margin-top:var(--space-4);position:sticky;bottom:0}.learning-list-header{padding:var(--space-3) var(--space-4);cursor:pointer;font-size:var(--text-sm);color:var(--text-1);-webkit-user-select:none;user-select:none;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;transition:background .15s var(--ease-out);align-items:center;gap:8px;font-weight:600;display:flex;box-shadow:0 -2px 12px #0000000f}.learning-list-header:hover{background:var(--bg-gray)}.learning-count{background:var(--accent);color:#fff;border-radius:99px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:700;display:flex}.learning-list-body{background:var(--bg);border-left:1px solid var(--border);border-right:1px solid var(--border);border-bottom:1px solid var(--border-light);border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:60vh;position:absolute;bottom:100%;left:0;right:0;overflow-y:auto;box-shadow:0 -4px 20px #00000014}.learning-list-body .select-dropdown{top:auto;bottom:calc(100% + 4px)}.learning-item{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-light)}.learning-item:last-child{border-bottom:none}.learning-item-head{align-items:center;gap:8px;display:flex}.learning-item-word{font-weight:700;font-size:var(--text-base);color:var(--text-1)}.learning-item-pos{font-size:var(--text-xs);color:var(--accent);background:var(--accent-light);border-radius:99px;padding:1px 6px}.learning-item-remove{cursor:pointer;color:var(--text-3);background:0 0;border:none;margin-left:auto;padding:2px;transition:color .15s;display:flex}.learning-item-remove:hover{color:var(--red)}.learning-item-def{font-size:var(--text-sm);color:var(--text-1);margin-top:4px;line-height:1.5}.learning-item-example{font-size:var(--text-xs);color:var(--text-3);margin-top:2px;font-style:italic;line-height:1.5}.modal-content{background:var(--bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:400px;max-height:80vh;animation:modal-scale-in .25s var(--ease-out);overflow-y:auto}.modal-close{cursor:pointer;color:var(--text-3);background:0 0;border:none;padding:4px;transition:color .15s;display:flex}.modal-close:hover{color:var(--text-1)}.word-analysis-modal .modal-header{justify-content:space-between;align-items:center;display:flex}.analysis-result{padding:0}.analysis-word-row{margin-bottom:var(--space-3);align-items:center;gap:8px;display:flex}.analysis-word{font-size:var(--text-2xl);color:var(--text-1);font-weight:800}.analysis-pos{font-size:var(--text-xs);color:var(--accent);background:var(--accent-light);border-radius:99px;padding:2px 8px;font-weight:600}.analysis-field{margin-bottom:var(--space-2);padding:var(--space-2) 0;border-top:1px solid var(--border-light)}.analysis-label{font-size:var(--text-xs);color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-weight:700}.analysis-example{font-size:var(--text-sm);color:var(--text-2);font-style:italic;line-height:1.6}.extract-modal{max-width:440px}.extracted-item{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-light);flex-direction:column;gap:4px;display:flex}.extracted-item:last-child{border-bottom:none}.extracted-item-head{align-items:center;gap:8px;display:flex}.extracted-word{font-weight:700;font-size:var(--text-base);color:var(--text-1)}.extracted-pos{font-size:var(--text-xs);color:var(--accent);background:var(--accent-light);border-radius:99px;padding:1px 6px}.extracted-def{font-size:var(--text-sm);color:var(--text-2);line-height:1.5}.extracted-sentence{font-size:var(--text-xs);color:var(--text-3);background:var(--bg-gray);border-radius:var(--radius-sm);padding:4px 8px;font-style:italic;line-height:1.5}.nav-link{font-size:var(--text-sm);color:var(--text-2);cursor:pointer;transition:color .15s var(--ease-out);border-radius:var(--radius-sm);align-items:center;gap:4px;padding:4px 8px;display:flex}.nav-link:hover{color:var(--accent);background:var(--accent-subtle)}.selection-toolbar{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);white-space:nowrap;animation:selection-toolbar-in .15s var(--ease-out);gap:4px;padding:4px;display:flex;box-shadow:0 4px 16px #0000001f}@keyframes selection-toolbar-in{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.selection-btn{border-radius:var(--radius-sm);font-size:var(--text-xs);font-family:var(--sans);color:var(--text-1);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:6px 12px;font-weight:500;transition:all .12s}.selection-btn:hover{background:var(--accent-light);color:var(--accent)}@media (pointer:coarse){.selection-btn{min-height:36px;padding:8px 16px;font-size:13px}.selection-toolbar{gap:6px;padding:6px}}.grammar-modal{max-width:480px}.grammar-modal .modal-header{justify-content:space-between;align-items:center;display:flex}.grammar-result{flex-direction:column;gap:16px;display:flex}.grammar-sentence{font-family:var(--sans);font-size:var(--text-sm);color:var(--text-1);background:var(--accent-subtle);border-radius:var(--radius);border-left:3px solid var(--accent);padding:14px 16px;font-weight:500;line-height:1.7}.grammar-badges{flex-wrap:wrap;gap:6px;display:flex}.grammar-badge{letter-spacing:.02em;border-radius:99px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.grammar-badge.type{background:var(--accent-light);color:var(--accent)}.grammar-badge.tense{color:var(--green);background:#e8f2ee}.grammar-badge.voice{color:var(--red);background:#fdf2f4}.grammar-badge.mood{color:#d87a2a;background:#fff3e8}.grammar-section{padding-top:4px}.grammar-section-title{color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:11px;font-weight:700}.grammar-tree{background:var(--bg-gray);border-radius:var(--radius);border:1px solid var(--border-light);flex-direction:column;gap:6px;padding:10px 14px;display:flex}.grammar-tree-node{align-items:baseline;gap:10px;padding:4px 0;display:flex}.grammar-tree-node+.grammar-tree-node{border-top:1px dashed var(--border-light)}.grammar-tree-label{color:var(--accent);text-align:right;flex-shrink:0;min-width:2.6em;font-size:11px;font-weight:600}.grammar-tree-value{color:var(--text-1);font-size:13px;line-height:1.6}.grammar-tree-value.adverbial{color:var(--text-2);font-size:12px;display:block}.grammar-tree-children{flex-direction:column;gap:2px;display:flex}.grammar-clause{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius);margin-bottom:8px;padding:10px 14px}.grammar-clause:last-child{margin-bottom:0}.grammar-clause-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.grammar-clause-type{color:var(--accent);background:var(--accent-light);text-transform:uppercase;letter-spacing:.03em;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700}.grammar-clause-role{color:var(--text-3);font-size:11px}.grammar-clause-text{font-family:var(--sans);color:var(--text-3);margin-bottom:6px;font-size:12px;font-style:italic;line-height:1.6}.grammar-explanation{color:var(--text-1);background:var(--bg-gray);border-radius:var(--radius);border:1px solid var(--border-light);padding:12px 14px;font-size:13px;line-height:1.8}.grammar-explanation strong{color:var(--accent);font-weight:700}.grammar-tab-btn{border:1px solid var(--border);color:var(--text-2);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--sans);background:0 0;border-radius:99px;padding:4px 14px;transition:all .12s}.grammar-tab-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.beginner-chunks{flex-direction:column;gap:8px;display:flex}.beginner-chunk{background:var(--bg-gray);border-radius:var(--radius);border:1px solid var(--border-light);flex-direction:column;gap:4px;padding:12px 14px;display:flex}.beginner-chunk-label{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.beginner-chunk-text{color:var(--text-1);font-size:13px;font-family:var(--sans);line-height:1.6}.beginner-chunk-tip{color:var(--text-2);margin-top:2px;font-size:12px}.beginner-analogy{color:var(--text-1);border-radius:var(--radius);background:#fff3e8;border:1px solid #d87a2a33;padding:12px 14px;font-size:13px;line-height:1.7}.beginner-formula{color:var(--accent);background:var(--accent-subtle);border-radius:var(--radius);border:1px solid var(--accent-light);font-size:13px;font-weight:600;line-height:1.7;font-family:var(--mono);padding:12px 16px}.beginner-explain{font-size:13px;line-height:1.9}.beginner-para{margin:0}.beginner-para+.beginner-para{margin-top:14px}.l-container{max-width:480px;margin:0 auto;padding:0 20px}.l-section{padding:64px 0}.l-section-title{font-family:var(--serif);color:var(--text-1);text-align:center;letter-spacing:-.01em;margin-bottom:8px;font-size:26px;font-weight:600}.l-section-sub{color:var(--text-2);text-align:center;margin-bottom:40px;font-size:15px;line-height:1.5}.l-section-features{background:#fff}.l-section-steps{background:var(--bg-gray)}.l-section-settings{background:#fff}.l-btn{cursor:pointer;font-size:16px;font-weight:600;font-family:var(--sans);-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 32px;text-decoration:none;transition:all .25s;display:inline-flex}.l-btn-primary{background:var(--accent);color:#fff;width:200px;box-shadow:0 4px 16px #7358974d}.l-btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 24px #73589759}.l-btn-primary:active{transform:scale(.97)}.l-btn-outline{color:var(--accent);border:1.5px solid var(--border);background:0 0;width:200px}.l-btn-outline:hover{border-color:var(--accent);background:var(--accent-subtle)}.l-btn-white{color:var(--accent);background:#fff;width:200px;box-shadow:0 4px 20px #00000026}.l-btn-white:hover{transform:translateY(-1px);box-shadow:0 8px 28px #0003}.l-btn-white:active{transform:scale(.97)}.l-hero{text-align:center;background:linear-gradient(165deg,#fcfcfa 0%,#f5f2f8 40%,#ede8f2 100%);padding:60px 0 48px;position:relative;overflow:hidden}.l-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#73589714 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:-40%;right:-20%}.l-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#7358970d 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;bottom:-20%;left:-10%}.l-hero-brand{align-items:center;gap:10px;margin-bottom:32px;display:inline-flex}.l-hero-icon{background:var(--accent);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 4px 12px #73589740}.l-hero-brand-name{font-family:var(--serif);color:var(--text-1);letter-spacing:.02em;font-size:22px;font-weight:700}.l-hero h1{font-family:var(--serif);color:var(--text-1);letter-spacing:-.02em;margin-bottom:16px;font-size:32px;font-weight:700;line-height:1.25;position:relative}.l-hero h1 em{color:var(--accent);font-style:italic}.l-hero-desc{color:var(--text-2);max-width:340px;margin:0 auto 32px;font-size:16px;line-height:1.6;position:relative}.l-hero-actions{flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.l-hero-decoration{flex-direction:column;align-items:center;margin-top:40px;display:flex;position:relative}.l-demoline{background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.4;width:120px;height:1px;margin-bottom:20px}.l-demowave{justify-content:center;align-items:center;gap:3px;height:32px;margin-bottom:16px;display:flex}.l-demowave-bar{background:var(--accent);opacity:.5;border-radius:2px;width:3px;animation:1.2s ease-in-out infinite l-wave}.l-demowave-bar:first-child{height:12px}.l-demowave-bar:nth-child(2){height:20px}.l-demowave-bar:nth-child(3){height:26px}.l-demowave-bar:nth-child(4){height:16px}.l-demowave-bar:nth-child(5){height:22px}.l-demowave-bar:nth-child(6){height:28px}.l-demowave-bar:nth-child(7){height:14px}.l-demowave-bar:nth-child(8){height:18px}.l-demowave-bar:nth-child(9){height:24px}.l-demowave-bar:nth-child(10){height:10px}@keyframes l-wave{0%,to{opacity:.4;transform:scaleY(.6)}50%{opacity:.8;transform:scaleY(1)}}.l-demoword{text-align:center;background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000a}.l-demoword-text{font-family:var(--serif);color:var(--text-1);letter-spacing:.02em;font-size:28px;font-weight:600;display:block}.l-demoword-hint{color:var(--text-3);margin-top:6px;font-size:12px;display:block}.l-features-grid{flex-direction:column;gap:16px;display:flex}.l-feature-card{background:var(--bg);border:1px solid var(--border);cursor:default;border-radius:16px;padding:24px 20px;transition:all .3s}.l-feature-card:active{transform:scale(.99)}.l-feature-icon{background:var(--accent-subtle);width:40px;height:40px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.l-feature-card h3{color:var(--text-1);letter-spacing:-.01em;margin-bottom:6px;font-size:17px;font-weight:600}.l-feature-card p{color:var(--text-2);font-size:14px;line-height:1.6}.l-feature-tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.l-feature-tag{background:var(--accent-light);color:var(--accent);letter-spacing:.01em;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:500}.l-steps-list{flex-direction:column;display:flex}.l-step-item{align-items:flex-start;gap:16px;display:flex}.l-step-num{background:var(--accent);color:#fff;width:36px;height:36px;font-size:15px;font-weight:600;font-family:var(--serif);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.l-step-content{flex:1;padding-top:4px}.l-step-content h3{color:var(--text-1);margin-bottom:4px;font-size:16px;font-weight:600}.l-step-content p{color:var(--text-2);font-size:14px;line-height:1.5}.l-step-arrow{text-align:center;color:var(--text-3);margin:6px 0 6px 18px}.l-settings-card{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:24px 20px}.l-settings-card-title{color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;font-size:13px;font-weight:600}.l-settings-row{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.l-settings-row:last-child{border-bottom:none}.l-settings-label{color:var(--text-1);font-size:14px}.l-settings-value{color:var(--accent);font-size:14px;font-weight:500}.l-settings-value-sm{color:var(--accent);font-size:13px;font-weight:500}.l-settings-right{align-items:center;gap:10px;display:flex}.l-settings-slider{background:var(--accent-light);border-radius:3px;width:80px;height:6px;position:relative;overflow:hidden}.l-settings-slider-fill{background:var(--accent);border-radius:3px;height:100%}.l-section-cta{background:var(--accent);position:relative;overflow:hidden}.l-section-cta:before{content:"";pointer-events:none;background:#ffffff0d;border-radius:50%;width:300px;height:300px;position:absolute;top:-50%;right:-30%}.l-section-cta:after{content:"";pointer-events:none;background:#ffffff0a;border-radius:50%;width:250px;height:250px;position:absolute;bottom:-40%;left:-20%}.l-cta-content{text-align:center;position:relative}.l-cta-content h2{font-family:var(--serif);color:#fff;letter-spacing:-.01em;margin-bottom:12px;font-size:26px;font-weight:600}.l-cta-content p{color:#ffffffbf;margin-bottom:28px;font-size:15px;line-height:1.5}.l-footer{text-align:center;padding:24px 0}.l-footer p{color:var(--text-3);letter-spacing:.02em;font-size:12px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::marker{content:none;display:none}.faq-item[open] summary span{transform:rotate(45deg)}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (width>=640px){.l-container{max-width:520px}.l-hero h1{font-size:36px}.l-features-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.l-hero-actions{flex-direction:row;justify-content:center}}