@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Space+Grotesk:wght@500;700&display=swap";:root{color-scheme:light;font-family:Manrope,system-ui,sans-serif;--bg: #ef94c3;--bg-deep: #e06cb2;--bg-glow: rgba(255, 235, 176, .35);--surface: rgba(248, 240, 220, .88);--surface-strong: rgba(255, 249, 238, .92);--surface-muted: rgba(255, 255, 255, .38);--text: #542f57;--text-soft: rgba(84, 47, 87, .72);--text-faint: rgba(84, 47, 87, .52);--line: rgba(84, 47, 87, .14);--line-strong: rgba(84, 47, 87, .24);--shadow: rgba(132, 57, 108, .18);--shadow-soft: rgba(132, 57, 108, .1);--primary-start: #ff9731;--primary-end: #ef5e48;--primary-text: #fffaf4;--ghost-bg: rgba(255, 255, 255, .34);--ghost-hover: rgba(255, 255, 255, .56);--accent: #2f63de;--success: #1d8f51;--warning: #df6e3d;--danger: #cc4d80;--badge-bg: rgba(32, 167, 102, .14);--badge-text: #1b7b49;--input-bg: rgba(255, 255, 255, .54);--tab-bg: rgba(255, 255, 255, .26);--tab-active: linear-gradient(135deg, #29a74e 0%, #1f8b49 100%);--tab-active-text: #fff8ef;--card-highlight: linear-gradient(135deg, rgba(255, 255, 255, .3), transparent 55%);--preview-backdrop: rgba(54, 27, 53, .18);--overlay-backdrop: rgba(54, 27, 53, .42)}:root[data-theme=linen]{color-scheme:light;--bg: #efe7db;--bg-deep: #ddd4c7;--bg-glow: rgba(241, 216, 129, .24);--surface: rgba(255, 252, 247, .9);--surface-strong: rgba(255, 255, 255, .96);--surface-muted: rgba(255, 255, 255, .72);--text: #24252c;--text-soft: rgba(36, 37, 44, .72);--text-faint: rgba(36, 37, 44, .54);--line: rgba(36, 37, 44, .12);--line-strong: rgba(36, 37, 44, .2);--shadow: rgba(36, 37, 44, .1);--shadow-soft: rgba(36, 37, 44, .06);--primary-start: #e0c95f;--primary-end: #f5e79f;--primary-text: #3a2b0d;--ghost-bg: rgba(255, 255, 255, .82);--ghost-hover: rgba(255, 255, 255, .96);--accent: #d1b24a;--success: #167249;--warning: #c36d21;--danger: #bf3558;--badge-bg: rgba(23, 112, 73, .12);--badge-text: #155b3e;--input-bg: rgba(255, 255, 255, .86);--tab-bg: rgba(255, 255, 255, .72);--tab-active: linear-gradient(135deg, #e0c95f 0%, #f0de8b 100%);--tab-active-text: #3a2b0d;--card-highlight: linear-gradient(135deg, rgba(241, 216, 129, .22), transparent 55%);--preview-backdrop: rgba(18, 24, 41, .12);--overlay-backdrop: rgba(18, 24, 41, .28)}:root[data-theme=graphite]{color-scheme:dark;--bg: #11151d;--bg-deep: #0a0d14;--bg-glow: rgba(78, 219, 255, .08);--surface: rgba(21, 27, 38, .84);--surface-strong: rgba(24, 31, 43, .96);--surface-muted: rgba(255, 255, 255, .05);--text: #eef2ff;--text-soft: rgba(238, 242, 255, .74);--text-faint: rgba(238, 242, 255, .5);--line: rgba(161, 180, 214, .16);--line-strong: rgba(161, 180, 214, .3);--shadow: rgba(0, 0, 0, .34);--shadow-soft: rgba(0, 0, 0, .22);--primary-start: #00c2ff;--primary-end: #0a8cff;--primary-text: #041523;--ghost-bg: rgba(255, 255, 255, .06);--ghost-hover: rgba(255, 255, 255, .11);--accent: #69d7ff;--success: #38d58d;--warning: #ffb249;--danger: #ff7f9d;--badge-bg: rgba(56, 213, 141, .14);--badge-text: #a7f1ce;--input-bg: rgba(255, 255, 255, .05);--tab-bg: rgba(255, 255, 255, .04);--tab-active: linear-gradient(135deg, #0ac4ff 0%, #0e8fff 100%);--tab-active-text: #03111d;--card-highlight: linear-gradient(135deg, rgba(105, 215, 255, .08), transparent 55%);--preview-backdrop: rgba(2, 8, 16, .32);--overlay-backdrop: rgba(2, 8, 16, .7)}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(circle at top left,var(--bg-glow) 0%,transparent 28%),radial-gradient(circle at bottom right,rgba(255,255,255,.08) 0%,transparent 24%),linear-gradient(180deg,var(--bg) 0%,var(--bg-deep) 100%)}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none}body:before{background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.08) 0,rgba(255,255,255,.08) 3px,transparent 4px),radial-gradient(circle at 84% 74%,rgba(255,255,255,.06) 0,rgba(255,255,255,.06) 3px,transparent 4px);background-size:170px 170px,240px 240px}body:after{background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,rgba(255,255,255,.22),transparent 90%);mask-image:linear-gradient(180deg,rgba(255,255,255,.22),transparent 90%)}#app,.app-shell{min-height:100vh}#app{padding:22px 18px 40px}.app{width:min(1160px,100%);margin:0 auto;display:grid;gap:18px}.hero,.card{position:relative;overflow:hidden;border-radius:34px;border:1px solid var(--line);background:var(--surface);box-shadow:0 24px 48px var(--shadow),inset 0 1px #ffffff1f}.hero:before,.card:before{content:"";position:absolute;inset:0;pointer-events:none;background:var(--card-highlight)}.hero,.card>*{position:relative;z-index:1}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,410px);gap:26px;align-items:center;padding:28px 34px 34px}.hero-topbar{grid-column:1 / -1;display:flex;justify-content:flex-end}.hero h1,h2{margin:0;font-family:Space Grotesk,Manrope,sans-serif;letter-spacing:-.04em}.hero h1{max-width:10ch;font-size:clamp(2.7rem,6vw,4.8rem);line-height:.92}h2{font-size:clamp(1.28rem,2.4vw,1.78rem)}.subtitle{max-width:44ch;margin:18px 0 0;color:var(--text-soft);font-size:1rem;line-height:1.62}.hero-art{display:flex;align-items:center;justify-content:center;min-height:270px;padding:16px;border-radius:28px;border:1px solid var(--line);background:radial-gradient(circle at top left,rgba(255,255,255,.2),transparent 36%),var(--surface-muted)}.hero-art img{display:block;width:min(100%,360px);max-height:320px;object-fit:contain;filter:drop-shadow(0 20px 32px var(--shadow-soft))}.card{padding:22px 24px 24px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.section-heading.compact{margin-bottom:8px}.metric-chip{min-width:144px;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface-strong);color:var(--text);text-align:center;font-size:.94rem;font-weight:600;box-shadow:0 12px 20px var(--shadow-soft)}.session-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:14px}.theme-switcher{display:inline-flex;align-items:center;gap:10px;padding:7px 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface-strong);box-shadow:0 12px 24px var(--shadow-soft)}.theme-switcher-label{color:var(--text-faint);font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.theme-switcher-group{display:inline-flex;gap:6px}.theme-pill{width:42px;min-width:42px;height:42px;padding:0;border-radius:16px;border:1px solid var(--line);background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--text-soft)}.theme-pill-hex{width:24px;height:28px;display:block;clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0% 50%);box-shadow:inset 0 1px #fff3}.theme-pill[data-theme=collage] .theme-pill-hex{background:linear-gradient(135deg,#ef94c3,#ff9731)}.theme-pill[data-theme=linen] .theme-pill-hex{background:linear-gradient(135deg,#e0c95f,#f5e79f)}.theme-pill[data-theme=graphite] .theme-pill-hex{background:linear-gradient(135deg,#2a3241,#0f141d)}.theme-pill.is-active{border-color:var(--line);background:var(--surface-muted);color:var(--text);box-shadow:0 10px 18px var(--shadow-soft),inset 0 1px #ffffff29}.theme-pill.is-active .theme-pill-hex{transform:scale(1.08)}.form-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}label{display:flex;flex-direction:column;gap:8px;color:var(--text-soft);font-size:.94rem;font-weight:600}select,input,button{font:inherit}select,input{width:100%;min-width:220px;padding:14px 16px;border-radius:22px;border:1px solid var(--line);background:var(--input-bg);color:var(--text);outline:none;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease,transform .18s ease}input::placeholder{color:var(--text-faint)}select:focus,input:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}select:disabled,input:disabled{opacity:.7;cursor:wait}button{appearance:none;border:1px solid transparent;border-radius:999px;padding:12px 20px;background:transparent;color:var(--text);font-size:.98rem;font-weight:700;cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}.primary{background:linear-gradient(135deg,var(--primary-start) 0%,var(--primary-end) 100%);color:var(--primary-text);box-shadow:0 14px 28px color-mix(in srgb,var(--primary-end) 28%,transparent)}.ghost{border-color:var(--line);background:var(--ghost-bg);color:var(--text)}.ghost:hover:not(:disabled){background:var(--ghost-hover);border-color:var(--line-strong)}.danger{color:var(--danger)}.small{padding:9px 13px;font-size:.84rem}.tabs{display:inline-grid;grid-auto-flow:column;gap:6px;padding:5px;margin-bottom:14px;border-radius:999px;border:1px solid var(--line);background:var(--tab-bg)}.tab{min-width:118px;position:relative;color:var(--text-faint)}.tab-badge{position:absolute;top:-8px;right:-8px;min-width:24px;height:24px;padding:0 7px;border-radius:999px;border:2px solid var(--surface);background:linear-gradient(135deg,#ff7a87,#d62d4f);color:#fff7fb;font-size:.76rem;font-weight:800;line-height:20px;text-align:center;box-shadow:0 10px 20px #d62d4f47}.tab.active{color:var(--tab-active-text);background:var(--tab-active)}.tab-panel{animation:fade-in .28s ease}.dictionary-shell,.settings-inline,.expert-shell{border-radius:24px;border:1px solid var(--line);background:var(--surface-muted)}.dictionary-shell{padding:16px}.expert-shell{padding:18px}.expert-summary{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.expert-panel{min-height:220px}.expert-placeholder,.expert-card{display:grid;gap:14px;padding:22px;border-radius:24px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface-strong) 76%,var(--surface-muted));box-shadow:0 16px 30px var(--shadow-soft)}.expert-placeholder strong,.expert-question{font-family:Space Grotesk,Manrope,sans-serif}.expert-placeholder p{margin:0;color:var(--text-soft);line-height:1.65}.expert-question{margin:0;font-size:clamp(1.18rem,2.6vw,1.56rem);line-height:1.2}.expert-options{display:grid;gap:10px}.expert-option{justify-content:flex-start;width:100%;text-align:left;line-height:1.5}.expert-option:disabled{opacity:.72}.expert-play-button{width:100%;min-width:0;height:auto;padding:16px 20px;border-radius:22px;justify-content:center;font-size:1.5rem;line-height:1;box-shadow:0 18px 32px var(--shadow),inset 0 1px #ffffff29}.auth-shell{display:flex;align-items:center;justify-content:flex-start;min-height:96px;margin-top:18px}.auth-busy{opacity:.72}.google-button-slot{min-height:88px;display:flex;align-items:center}.google-button-slot>div,.google-button-slot iframe{transform:scale(1.38);transform-origin:left center}.google-disabled{pointer-events:none}.dictionary-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}.field-with-loader{display:grid;gap:8px}.inline-loader{display:inline-flex;align-items:center;gap:8px;min-height:20px;color:var(--text-faint);font-size:.84rem}.dictionary-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:10px;border-top:1px solid var(--line)}.words-actions,.suggestion-actions,.game-actions{display:flex;flex-wrap:wrap;gap:8px}.words-actions{margin-left:auto;justify-content:flex-end}.game-panel-head{display:flex;justify-content:flex-end;margin-bottom:12px}.game-settings{margin-bottom:12px}.words-actions .hidden{display:none}.suggestion-copy{display:grid;gap:6px}.info-box{margin-top:10px;padding:12px 14px;border-radius:18px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));background:color-mix(in srgb,var(--surface-strong) 72%,var(--surface-muted));color:var(--text);line-height:1.5;white-space:pre-line}.words{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}.dictionary-start{margin-top:12px;min-width:160px}.word-item{display:grid;grid-template-columns:minmax(0,1fr) auto 0;align-items:center;gap:10px;min-height:62px;padding-left:10px;border-radius:22px;border:1px solid var(--line);background:var(--surface-strong);box-shadow:0 10px 20px var(--shadow-soft);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.word-item:hover{transform:translateY(-1px);border-color:var(--line-strong)}.word-item.is-learned{opacity:.92;background:linear-gradient(135deg,color-mix(in srgb,var(--badge-bg) 80%,transparent),transparent 60%),var(--surface-strong)}.word-primary{display:grid;gap:8px;min-width:0}.word-trigger{justify-content:flex-start;min-width:0;padding:0 10px;border:0;background:transparent;text-align:left;color:inherit}.word-trigger:disabled{cursor:default}.word-trigger.is-preview-active{color:var(--accent)}.word-trigger:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 30%,transparent);outline-offset:2px}.word-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.98rem}.word-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-right:10px}.word-learn-toggle{min-width:40px;width:40px;height:40px;padding:0;justify-content:center;color:color-mix(in srgb,var(--accent) 72%,#ff8c42);border-color:color-mix(in srgb,var(--accent) 30%,var(--line));background:radial-gradient(circle at 30% 30%,color-mix(in srgb,#fff4c2 65%,transparent),transparent 55%),color-mix(in srgb,var(--accent) 12%,var(--surface-strong));box-shadow:inset 0 1px #ffffff38;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.word-learn-toggle:before,.word-learn-toggle:after{display:none}.word-learn-toggle img{width:22px;height:22px;display:block;object-fit:contain;pointer-events:none}.word-learn-toggle[aria-pressed=true]{color:color-mix(in srgb,#0f7a6b 82%,var(--badge-text));border-color:color-mix(in srgb,#1f9f84 40%,var(--line));background:radial-gradient(circle at 30% 30%,color-mix(in srgb,white 72%,transparent),transparent 58%),linear-gradient(135deg,color-mix(in srgb,#bff6dd 88%,white),color-mix(in srgb,#72d8b9 72%,white));box-shadow:0 8px 16px color-mix(in srgb,#72d8b9 18%,transparent),inset 0 1px #ffffff47}.word-learn-toggle:hover,.word-learn-toggle:focus-visible{transform:translateY(-1px);box-shadow:0 10px 18px var(--shadow-soft),inset 0 1px #ffffff42}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:40px;width:40px;height:40px;padding:0}.icon-button svg{width:18px;height:18px;fill:currentColor;pointer-events:none}.word-delete-single{color:var(--text-faint)}.word-delete-single:hover,.word-delete-single:focus-visible{color:var(--danger)}.words li.empty{justify-content:center;padding:22px;color:var(--text-faint);text-align:center;border:1px dashed var(--line);border-radius:20px;background:var(--surface-muted)}.settings-inline{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:12px;padding:14px}.game-status-row{display:flex;justify-content:flex-end;margin-bottom:10px}.game-streak-chip{min-width:0;padding:8px 12px;font-size:.88rem}.sentence{min-height:74px;margin-bottom:12px;padding:16px 18px;border-radius:24px;border:1px solid var(--line);background:var(--surface-strong);line-height:1.56;white-space:pre-line}.sentence-correct{border-color:color-mix(in srgb,var(--success) 50%,var(--line));box-shadow:0 14px 28px color-mix(in srgb,var(--success) 16%,transparent)}.game-actions{margin-top:12px;margin-bottom:8px}.game-start-screen,.game-loader{min-height:320px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px}.start-button{min-width:190px;min-height:58px;font-size:1.06rem}.game-loader p{margin:0;color:var(--text-faint)}.spinner{width:54px;height:54px;border-radius:50%;border:3px solid color-mix(in srgb,var(--text) 14%,transparent);border-top-color:var(--accent);animation:spin .9s linear infinite}.spinner-sm{width:18px;height:18px;border-width:2px}.game-feedback{margin-bottom:12px;padding:12px 14px;border-radius:20px;border:1px solid var(--line);background:var(--surface-strong);line-height:1.46;box-shadow:0 12px 24px var(--shadow-soft)}.game-feedback.is-info{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.game-feedback.is-success{border-color:color-mix(in srgb,var(--success) 40%,var(--line))}.game-feedback.is-warning{border-color:color-mix(in srgb,var(--warning) 42%,var(--line))}.sentence-answer-pill{display:inline-flex;align-items:center;padding:2px 10px;margin:0 2px;border-radius:999px;background:color-mix(in srgb,var(--accent) 18%,transparent);border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));font-weight:700}.hint{margin:8px 0 0;color:var(--text-faint);line-height:1.5}.word-preview-layer{position:fixed;inset:0;z-index:40}.word-preview-backdrop{position:absolute;inset:0;border:0;border-radius:0;background:var(--preview-backdrop)}.word-preview-card{position:absolute;width:min(360px,calc(100vw - 24px));padding:16px;border-radius:24px;border:1px solid var(--line-strong);background:var(--surface-strong);color:var(--text);box-shadow:0 24px 44px var(--shadow)}.word-preview-body{display:grid;gap:14px}.word-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.word-preview-head strong{display:block;font-family:Space Grotesk,Manrope,sans-serif;font-size:1rem}.word-preview-head p,.word-preview-section p{margin:6px 0 0;color:var(--text-soft);line-height:1.56}.word-preview-section span{color:var(--text-faint);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.word-preview-close{flex-shrink:0}.word-preview-layer.is-mobile .word-preview-backdrop{background:var(--overlay-backdrop)}.word-preview-layer.is-mobile .word-preview-card{inset:auto 0 0;width:auto;padding:18px 18px 22px;border-radius:26px 26px 0 0;border-left:0;border-right:0;border-bottom:0;animation:sheet-in .24s ease}.hidden{display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:940px){.hero{grid-template-columns:1fr}.hero-art{width:min(100%,420px);margin:0 auto}.section-heading,.dictionary-toolbar{flex-direction:column;align-items:stretch}.words-actions{margin-left:0;justify-content:flex-start}}@media(max-width:720px){#app{padding:12px 10px 28px}.hero,.card{border-radius:24px}.hero,.card{padding:16px}.hero-topbar{justify-content:center}.theme-switcher{width:100%;flex-direction:column;align-items:center;gap:8px;padding:10px 12px}.theme-switcher-label{width:100%;text-align:center}.theme-switcher-group{width:auto;display:grid;grid-template-columns:repeat(3,42px);justify-content:center}.dictionary-entry,.tabs{grid-template-columns:1fr}.tabs{display:grid;width:100%}.tab{min-width:0}.settings-inline{align-items:stretch}.game-panel-head{justify-content:stretch}.game-panel-head button{width:100%}.game-status-row{justify-content:flex-start}.game-streak-chip,.game-actions button,.dictionary-toolbar button,.words-actions button,.suggestion-actions button,.dictionary-start{width:100%}.word-item{grid-template-columns:1fr;padding:12px}.word-row-actions{padding-right:0;justify-content:flex-start;flex-wrap:wrap}#show-translation{order:1}#next-word{order:2}#give-up{order:3}#mark-learned{order:4}.game-start-screen,.game-loader{min-height:220px}}@media(max-width:520px){.app{gap:14px}select,input,button{font-size:.95rem}select,input{min-width:0;padding:12px 14px;border-radius:18px}button{padding:11px 16px}.small{padding:8px 12px;font-size:.8rem}.form-row,.game-actions,.suggestion-actions,.words-actions{gap:8px}.sentence,.dictionary-shell,.settings-inline,.expert-shell,.expert-placeholder,.expert-card{border-radius:20px}.dictionary-shell,.settings-inline,.expert-shell{padding:12px}}