@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Sans+KR:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600;6..72,700&display=swap";:root{--bg: #1a1714;--bg-strong: #14110f;--rail-bg: rgba(20, 18, 15, .88);--surface: #232120;--surface-2: #1c1a17;--surface-3: #2a2724;--hover: rgba(237, 231, 222, .055);--track: rgba(237, 231, 222, .09);--line: rgba(237, 231, 222, .09);--line-strong: rgba(237, 231, 222, .15);--text: #ece6dc;--muted: #9b948a;--faint: #79736a;--label: #cfc8bd;--accent: #80ab8c;--accent-s: #5f8e72;--accent-text: #a9cdb4;--accent-soft: rgba(128, 171, 140, .13);--accent-line: rgba(128, 171, 140, .3);--accent-ink: #15201a;--clay: #e7b287;--clay-soft: rgba(231, 178, 135, .1);--clay-line: rgba(231, 178, 135, .28);--again: #d99e8d;--hard: #d8b572;--good: #a9cdb4;--easy: #9fc0e0;--teal: var(--accent);--teal-soft: var(--accent-soft);--acid: var(--clay);--font-body: "IBM Plex Sans", "IBM Plex Sans KR", system-ui, sans-serif;--font-display: "Newsreader", Georgia, serif;--font-mono: "IBM Plex Sans", "IBM Plex Sans KR", system-ui, sans-serif;--radius: 14px;--radius-s: 10px;--shadow: 0 20px 58px rgba(0, 0, 0, .32);--max: 1120px;--ui-revision: vocabit-standalone-20260623-1;color-scheme:dark}html[data-theme=light]{--bg: #f1ede3;--bg-strong: #e8e0d2;--rail-bg: rgba(233, 228, 216, .9);--surface: #fffdf7;--surface-2: #f7f2e9;--surface-3: #ede6d8;--hover: rgba(44, 40, 34, .055);--track: rgba(44, 40, 34, .1);--line: rgba(44, 40, 34, .12);--line-strong: rgba(44, 40, 34, .18);--text: #28231f;--muted: #6e665c;--faint: #8d8376;--label: #4a433c;--accent: #5f8e72;--accent-s: #47745a;--accent-text: #47745a;--accent-soft: rgba(95, 142, 114, .13);--accent-line: rgba(95, 142, 114, .34);--accent-ink: #eef5ed;--clay: #b9784d;--clay-soft: rgba(185, 120, 77, .12);--clay-line: rgba(185, 120, 77, .3);--shadow: 0 18px 45px rgba(70, 54, 38, .16);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;min-height:100dvh;margin:0;font-family:var(--font-body);font-size:15px;line-height:1.6;color:var(--text);background:radial-gradient(1100px 700px at 18% -10%,rgba(128,171,140,.12),transparent 56%),radial-gradient(900px 600px at 92% 100%,rgba(231,178,135,.1),transparent 54%),linear-gradient(155deg,rgba(36,43,36,.22),transparent 58%),var(--bg);overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(237,231,222,.045) 1px,transparent 1px);background-size:30px 30px;opacity:.8}html[data-theme=light] body:before{background-image:radial-gradient(rgba(44,40,34,.055) 1px,transparent 1px)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit}.app-shell{min-height:100vh;min-height:100dvh}.app-shell-v2{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh;min-height:100dvh}.app-shell-v2__content{min-width:0;padding:28px clamp(22px,4vw,56px)}.icon-rail{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:10px;padding:24px 18px;overflow-y:auto;background:var(--rail-bg);border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.icon-rail__brand{display:flex;align-items:center;gap:12px;padding:0 6px 22px;margin-bottom:4px;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none;border-radius:12px 12px 0 0;transition:opacity .16s ease,transform .16s ease}.icon-rail__brand:hover{opacity:.86;transform:translateY(-1px)}.icon-rail__brand:focus-visible{outline:2px solid var(--accent-line);outline-offset:4px}.vocabit-calligraphy-logo{display:block;flex-shrink:0;background:linear-gradient(112deg,var(--text) 0%,var(--text) 72%,var(--clay) 100%);mask:url(/public/assets/vocabit-calligraphy-mask-Ddn9cRAR.svg) center / contain no-repeat;-webkit-mask:url(/public/assets/vocabit-calligraphy-mask-Ddn9cRAR.svg) center / contain no-repeat}.icon-rail__brand-logo{width:min(100%,186px);height:82px}.icon-rail__brand-mark{width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;color:var(--accent-text);border:1px solid var(--accent-line);border-radius:12px;background:linear-gradient(145deg,#80ab8c2e,#ede7de08)}.icon-rail__brand-name{font-family:var(--font-display);font-size:1.42rem;font-weight:600;line-height:1;letter-spacing:.01em}.icon-rail__brand-sub{margin-top:3px;font-size:.72rem;color:var(--muted)}.icon-rail__section-label{padding:10px 10px 3px;font-size:.66rem;font-weight:700;letter-spacing:.11em;color:var(--faint);text-transform:uppercase}.icon-rail__item{width:100%;display:flex;align-items:center;gap:10px;min-height:42px;padding:10px 12px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--muted);font-size:.9rem;font-weight:600;text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.icon-rail__item:hover{color:var(--text);background:var(--hover);border-color:var(--line)}.icon-rail__item.active,.icon-rail__item[aria-current=page]{color:var(--accent-text);background:var(--accent-soft);border-color:var(--accent-line)}.icon-rail__item svg{width:18px;height:18px;flex-shrink:0}.icon-rail__spacer{flex:1}.icon-rail__bottom{display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1px solid var(--line)}.icon-rail__mini-card{padding:12px;border:1px solid var(--line);border-radius:14px;background:#ede7de09}.icon-rail__mini-label{font-size:.7rem;color:var(--muted)}.icon-rail__mini-value{margin-top:2px;font-family:var(--font-display);font-size:1.25rem;line-height:1.1;color:var(--accent-text)}.icon-rail__user{display:flex;align-items:center;gap:10px;width:100%;padding:10px;color:var(--text);border:1px solid var(--line);border-radius:14px;background:var(--surface-2);cursor:pointer}.icon-rail__avatar{width:32px;height:32px;display:grid;place-items:center;flex-shrink:0;border-radius:10px;color:var(--accent-ink);background:linear-gradient(145deg,var(--accent),var(--accent-text));font-weight:800}.icon-rail__user-name{overflow:hidden;font-size:.84rem;font-weight:700;white-space:nowrap;text-overflow:ellipsis}.icon-rail__user-sub{margin-top:1px;font-size:.72rem;color:var(--muted)}.page{width:min(100%,var(--max));margin:0 auto}.page--wide{--max: 1220px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:24px}.page-header__eyebrow{margin-bottom:7px;font-size:.72rem;font-weight:800;letter-spacing:.12em;color:var(--accent-text);text-transform:uppercase}.page-header h1,.page-header h2{margin:0;font-family:var(--font-display);font-size:clamp(1.9rem,3.5vw,3.2rem);font-weight:500;line-height:1.08;letter-spacing:0;overflow-wrap:break-word}.page-header p{max-width:42rem;margin:10px 0 0;color:var(--muted);font-size:.95rem}.card,.stat-card,.review-item,.vocabit-panel{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:none}.card,.vocabit-panel{padding:clamp(18px,2.4vw,28px)}.card--accent{border-color:var(--accent-line);background:linear-gradient(145deg,rgba(128,171,140,.1),transparent 62%),var(--surface)}.card--teal{border-color:var(--clay-line);background:linear-gradient(145deg,rgba(231,178,135,.1),transparent 62%),var(--surface)}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}.stat-card{min-height:132px;padding:18px}.stat-card__label{display:block;font-size:.68rem;font-weight:800;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.stat-card__value{display:block;margin-top:12px;font-family:var(--font-display);font-size:2.75rem;font-weight:500;line-height:.95;color:var(--text)}.stat-card__value.accent{color:var(--accent-text)}.stat-card__value.teal{color:var(--clay)}.stat-card__sub{display:block;margin-top:8px;color:var(--muted);font-size:.82rem}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.85fr);gap:18px}.hero-card{position:relative;min-height:310px;overflow:hidden;border-color:var(--accent-line);background:radial-gradient(500px 260px at 78% 16%,rgba(128,171,140,.16),transparent 62%),radial-gradient(420px 260px at 12% 100%,rgba(231,178,135,.12),transparent 58%),var(--surface)}.hero-card__title{max-width:620px;margin:0;font-family:var(--font-display);font-size:clamp(2rem,3.9vw,3.45rem);font-weight:500;line-height:1.08;overflow-wrap:break-word}.hero-card__copy{max-width:520px;margin:16px 0 0;color:var(--muted);font-size:.98rem}.hero-card__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.calendar-cell,.calendar-weekday{display:grid;place-items:center;min-height:32px;border-radius:9px;font-size:.76rem}.calendar-weekday{color:var(--faint);font-size:.66rem;font-weight:800}.calendar-cell{color:var(--muted);border:1px solid transparent}.calendar-cell.is-studied{color:var(--accent-ink);background:var(--accent);font-weight:800}.calendar-cell.is-today:not(.is-studied){color:var(--accent-text);border-color:var(--accent-line);background:var(--accent-soft)}.flashcard-wrap{display:grid;gap:18px}.flashcard-progress{display:flex;align-items:center;gap:14px}.flashcard-progress__bar{height:7px;flex:1;overflow:hidden;border-radius:999px;background:var(--track)}.flashcard-progress__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--clay));transition:width .24s ease}.flashcard-progress__text{min-width:56px;color:var(--muted);font-size:.8rem;font-weight:700;text-align:right}.flashcard{display:grid;place-items:center}.flashcard__inner{position:relative;width:min(100%,720px);min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;overflow:hidden;padding:clamp(30px,5vw,58px);text-align:center;border:1px solid var(--line);border-radius:24px;background:radial-gradient(430px 230px at 50% 0%,rgba(128,171,140,.12),transparent 68%),var(--surface)}.flashcard__inner.revealed{border-color:var(--accent-line)}.flashcard__bucket{position:absolute;top:18px;right:18px;padding:6px 10px;border:1px solid;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.06em}.flashcard__bucket--due{color:var(--clay);border-color:var(--clay-line);background:var(--clay-soft)}.flashcard__bucket--new{color:var(--accent-text);border-color:var(--accent-line);background:var(--accent-soft)}.flashcard__word-row{display:flex;align-items:center;justify-content:center;gap:12px}.flashcard__word{font-family:var(--font-display);max-width:100%;font-size:clamp(2.75rem,7.5vw,5.1rem);font-weight:500;line-height:1;overflow-wrap:anywhere}.flashcard__level{color:var(--muted);font-size:.82rem;font-weight:700}.flashcard__meaning{max-width:560px;color:var(--label);font-size:1.18rem}.flashcard__example{width:min(100%,560px);display:flex;align-items:flex-start;gap:10px;padding:14px 16px;color:var(--muted);text-align:left;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.flashcard__example>span{flex:1}.flashcard__speak{width:42px;height:42px;display:inline-grid;place-items:center;flex-shrink:0;color:var(--accent-text);border:1px solid var(--accent-line);border-radius:999px;background:var(--accent-soft);cursor:pointer}.flashcard__speak--sm{width:30px;height:30px}.flashcard__speak:hover:not(:disabled){color:var(--accent-ink);background:var(--accent)}.flashcard__speak:disabled{cursor:default;opacity:.58}.flashcard__speak.is-speaking{animation:speakPulse 1s ease-in-out infinite}.flashcard__reveal-btn,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border-radius:999px;border:1px solid transparent;font-size:.9rem;font-weight:800;cursor:pointer;transition:filter .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.flashcard__reveal-btn,.btn--primary{color:var(--accent-ink);background:linear-gradient(145deg,var(--accent-s),var(--accent));border-color:var(--accent)}.flashcard__reveal-btn:hover,.btn--primary:hover:not(:disabled){filter:brightness(1.06)}.btn--ghost{color:var(--text);background:transparent;border-color:var(--line-strong)}.btn--ghost:hover:not(:disabled){background:var(--hover)}.btn--teal{color:var(--accent-text);background:var(--accent-soft);border-color:var(--accent-line)}.btn--teal:hover:not(:disabled){color:var(--accent-ink);background:var(--accent)}.btn:disabled,.flashcard__reveal-btn:disabled{cursor:not-allowed;opacity:.55}.rating-grid{width:min(100%,720px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 auto}.rating-btn{min-height:82px;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--surface);cursor:pointer}.rating-btn__label{display:block;font-family:var(--font-display);font-size:1.3rem;line-height:1}.rating-btn__sub{display:block;margin-top:6px;font-size:.75rem;color:var(--muted)}.rating-btn--again{color:var(--again);border-color:#d99e8d57}.rating-btn--hard{color:var(--hard);border-color:#d8b57257}.rating-btn--good{color:var(--good);border-color:#a9cdb457}.rating-btn--easy{color:var(--easy);border-color:#9fc0e057}.rating-btn:hover:not(:disabled){background:var(--hover)}.rating-btn:disabled{cursor:not-allowed;opacity:.5}.review-list{display:grid;gap:10px}.review-section{display:grid;gap:10px;margin-top:18px}.review-section__title{color:var(--accent-text);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.review-item{display:grid;grid-template-columns:minmax(120px,.35fr) minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 18px}.review-item__word{font-family:var(--font-display);font-size:clamp(1.18rem,2.2vw,1.45rem);line-height:1.08;overflow-wrap:anywhere}.review-item__meaning{color:var(--muted);font-size:.9rem}.review-item__due,.badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border:1px solid;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.05em;white-space:nowrap}.review-item__due--now,.badge--accent{color:var(--clay);border-color:var(--clay-line);background:var(--clay-soft)}.review-item__due--soon,.badge--teal{color:var(--accent-text);border-color:var(--accent-line);background:var(--accent-soft)}.badge--muted{color:var(--muted);border-color:var(--line);background:var(--surface-2)}.ai-page{display:grid;grid-template-columns:minmax(260px,.58fr) minmax(0,1fr);gap:18px;height:calc(100vh - 56px);min-height:650px}.ai-intro{display:flex;flex-direction:column;gap:14px}.ai-mode-grid{display:grid;gap:10px}.ai-mode-card{width:100%;padding:18px;text-align:left;color:var(--muted);border:1px solid var(--line);border-radius:16px;background:var(--surface);cursor:pointer}.ai-mode-card[aria-pressed=true]{color:var(--text);border-color:var(--accent-line);background:var(--accent-soft)}.ai-mode-card__title{display:block;font-family:var(--font-display);font-size:1.25rem;color:var(--text)}.ai-mode-card__desc{display:block;margin-top:5px;font-size:.84rem}.ai-chat{min-height:0;display:flex;flex-direction:column;gap:12px}.ai-chat__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ai-chip{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 12px;color:var(--muted);border:1px solid var(--line);border-radius:999px;background:var(--surface);cursor:pointer}.ai-chip[aria-pressed=true],.ai-chip.is-active{color:var(--accent-text);border-color:var(--accent-line);background:var(--accent-soft)}.ai-chat__messages{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.ai-chat__empty{flex:1;display:grid;place-items:center;text-align:center;color:var(--muted)}.ai-chat__empty h3{margin:0 0 8px;font-family:var(--font-display);font-size:1.45rem;font-weight:500;color:var(--text)}.ai-chat__bubble{max-width:min(86%,680px);padding:12px 14px;border:1px solid var(--line);border-radius:16px;color:var(--label);background:var(--surface-2)}.ai-chat__bubble--user{align-self:flex-end;color:var(--accent-ink);border-color:var(--accent);background:var(--accent)}.ai-chat__bubble--assistant{align-self:flex-start}.ai-chat__bubble-label{display:flex;align-items:center;gap:8px;margin-bottom:5px;font-size:.68rem;font-weight:800;letter-spacing:.09em;color:var(--faint);text-transform:uppercase}.ai-chat__bubble--user .ai-chat__bubble-label{color:#15201ab8}.ai-chat__input-row{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto auto;gap:8px;align-items:center}.ai-chat__input,.form-control,.modal-panel__input{width:100%;min-height:44px;padding:0 14px;color:var(--text);border:1px solid var(--line);border-radius:12px;background:var(--surface-2);outline:none}.ai-chat__input:focus,.form-control:focus,.modal-panel__input:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}textarea.form-control{min-height:120px;padding:12px 14px;line-height:1.55;resize:vertical}.ai-chat__send{min-width:44px;height:44px;display:inline-grid;place-items:center;padding:0 13px;color:var(--accent-ink);border:1px solid var(--accent);border-radius:12px;background:var(--accent);cursor:pointer}.ai-chat__send.is-ghost{color:var(--muted);border-color:var(--line);background:var(--surface)}.ai-chat__send.is-active{color:var(--accent-text);border-color:var(--accent-line);background:var(--accent-soft)}.ai-chat__send:disabled{cursor:not-allowed;opacity:.5}.settings-page{width:min(100%,760px);margin:0 auto;display:grid;gap:16px}.settings-section{display:grid;gap:14px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.settings-section__title{color:var(--accent-text);font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.form-label{display:block;margin-bottom:8px;color:var(--label);font-size:.84rem;font-weight:700}.form-help{margin-top:7px;color:var(--muted);font-size:.78rem}.segmented{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.segmented__btn,.level-btn{min-height:46px;padding:8px 10px;color:var(--muted);border:1px solid var(--line);border-radius:12px;background:var(--surface-2);cursor:pointer}.segmented__btn[aria-pressed=true],.level-btn--active{color:var(--accent-text);border-color:var(--accent-line);background:var(--accent-soft);font-weight:800}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.toggle-switch{position:relative;width:52px;height:30px;flex-shrink:0;border:0;border-radius:999px;background:var(--track);cursor:pointer}.toggle-switch[aria-checked=true]{background:var(--accent)}.toggle-switch span{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--surface);transition:left .15s ease}.toggle-switch[aria-checked=true] span{left:25px}.level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.level-btn{display:grid;gap:3px}.level-btn__label{font-family:var(--font-display);font-size:1.2rem;line-height:1}.level-btn__sub{font-size:.66rem;letter-spacing:.08em}.data-table{width:100%;border-collapse:collapse;font-size:.84rem}.data-table th,.data-table td{padding:11px 10px;text-align:left;border-bottom:1px solid var(--line)}.data-table th{color:var(--faint);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.data-table td{color:var(--label)}.state-box,.guard-denied{min-height:300px;display:grid;place-items:center;gap:10px;padding:28px;text-align:center;color:var(--muted)}.state-box__icon{font-size:2rem}.state-box h3{margin:0;font-family:var(--font-display);font-size:1.9rem;font-weight:500;color:var(--text)}.state-box p{margin:0;max-width:420px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;justify-content:flex-end;background:#0000008c}.drawer-panel{width:min(94vw,520px);height:100%;display:flex;flex-direction:column;gap:14px;padding:18px;background:var(--bg);border-left:1px solid var(--line);box-shadow:var(--shadow)}.drawer-panel .ai-page{display:block;height:auto;min-height:0}.drawer-panel .ai-intro{display:none}.drawer-panel .ai-chat{height:calc(100vh - 92px)}.drawer-panel__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--line)}.drawer-panel__title{font-family:var(--font-display);font-size:1.35rem}.drawer-close{width:36px;height:36px;display:grid;place-items:center;color:var(--muted);border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:20px;background:#0000009e}.modal-panel{width:min(100%,460px);display:grid;gap:14px;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.modal-panel h3{margin:0;font-family:var(--font-display);font-size:1.7rem;font-weight:500}.modal-panel p{margin:0;color:var(--muted)}.modal-panel__actions{display:flex;gap:8px;justify-content:flex-end}.modal-panel__error{color:var(--again);font-size:.82rem}.theme-toggle{justify-content:flex-start}.auth-page,.auth-box,.auth-form{color:var(--text)}.login-brand-showcase{position:relative;display:grid;justify-items:center;gap:10px}.login-calligraphy-logo{width:min(100%,420px);height:clamp(128px,16vw,170px)}.login-brand-tagline{color:var(--accent-text);font-size:.98rem;font-weight:700}@media (max-width: 900px){.login-calligraphy-logo{width:min(84vw,310px);height:118px}.login-brand-tagline{font-size:.86rem}}@keyframes speakPulse{0%,to{box-shadow:0 0 #80ab8c6b}50%{box-shadow:0 0 0 8px #80ab8c00}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.anim-fade-in{animation:fadeIn .24s ease both}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px}@media (max-width: 1020px){.app-shell-v2{grid-template-columns:1fr}.app-shell-v2__content{padding:16px 14px calc(76px + env(safe-area-inset-bottom,0px))}.icon-rail{position:fixed;inset:auto 0 0 0;z-index:40;width:100%;height:calc(64px + env(safe-area-inset-bottom,0px));display:grid;grid-auto-flow:column;grid-auto-columns:minmax(54px,1fr);align-items:stretch;gap:4px;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));overflow-x:hidden;overflow-y:hidden;border-top:1px solid var(--line);border-right:0}.icon-rail__brand,.icon-rail__section-label,.icon-rail__spacer,.icon-rail__mini-card,.icon-rail__bottom,.icon-rail__user{display:none}.icon-rail__item{width:auto;min-width:0;min-height:52px;flex:none;flex-direction:column;justify-content:center;gap:3px;padding:6px 4px;overflow:hidden;font-size:.62rem;line-height:1.15;text-align:center;white-space:nowrap}.icon-rail__item svg{width:18px;height:18px}}@media (max-width: 820px){.page-header{display:block}.stat-grid,.dashboard-grid,.ai-page{grid-template-columns:1fr}.ai-page{height:auto;min-height:0}.ai-chat{min-height:600px}.review-item{grid-template-columns:1fr;gap:8px}.rating-grid,.level-grid{grid-template-columns:1fr 1fr}.ai-chat__input-row{grid-template-columns:auto auto minmax(0,1fr) auto}.ai-chat__input-row .ai-chat__send:nth-last-child(-n+2){grid-row:2}}@media (max-width: 560px){.stat-grid{grid-template-columns:1fr}.flashcard__inner{min-height:330px;border-radius:18px}.flashcard__word-row{flex-direction:column}.rating-grid,.level-grid{grid-template-columns:1fr}}.page--vocabit-dashboard{--max: 980px}.page--vocabit-narrow{--max: 880px}.page--vocabit-wide{--max: 980px}.vocabit-page-header{margin:20px 0 34px}.vocabit-page-header--compact{margin-top:20px;margin-bottom:28px}.vocabit-page-header__date{margin-bottom:8px;color:var(--muted);font-size:.86rem;font-weight:600}.vocabit-page-header h1{margin:0;color:var(--text);font-family:var(--font-display);font-size:clamp(2rem,4vw,3.05rem);font-weight:500;line-height:1.12;letter-spacing:0;word-break:keep-all;overflow-wrap:break-word}.vocabit-page-header p{max-width:48rem;margin:18px 0 0;color:var(--muted);font-size:1rem}.section-kicker{color:var(--accent-text);font-size:.78rem;font-weight:800;letter-spacing:.02em}.dashboard-source-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:22px}.today-study-card,.calendar-card,.quiet-stat,.feature-card,.growth-card,.settings-source-card,.ai-source-panel,.ai-chat--source{border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface) 96%,transparent)}.today-study-card{min-height:390px;display:flex;flex-direction:column;padding:34px 34px 28px;border-color:var(--accent-line);background:radial-gradient(520px 270px at 14% 0%,rgba(128,171,140,.11),transparent 64%),var(--surface)}.today-study-card h2{max-width:560px;margin:8px 0 0;color:var(--text);font-family:var(--font-display);font-size:clamp(1.75rem,2.7vw,2.25rem);font-weight:500;line-height:1.22;word-break:keep-all;overflow-wrap:break-word}.today-study-card h2 span{color:var(--accent-text)}.today-study-card__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.chip{display:inline-flex;align-items:center;min-height:30px;padding:5px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.82rem;font-weight:700}.chip--accent{color:var(--accent-text);border-color:var(--accent-line);background:var(--accent-soft)}.chip--clay{color:var(--clay);border-color:var(--clay-line);background:var(--clay-soft)}.chip--muted:before{content:"◷";margin-right:6px;color:var(--muted)}.word-preview{margin-top:14px}.word-preview__label{margin-bottom:8px;color:var(--faint);font-size:.78rem;font-weight:700}.word-preview__row{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.word-preview__pill{padding:6px 12px;border:1px solid var(--line);border-radius:8px;color:var(--label);background:var(--surface-2);font-family:var(--font-display);font-size:1rem;line-height:1}.word-preview__more{color:var(--muted);font-size:.83rem}.goal-progress{margin-top:auto}.goal-progress__row{display:flex;justify-content:space-between;gap:14px;color:var(--label);font-size:.84rem}.goal-progress__track{height:9px;margin-top:9px;overflow:hidden;border-radius:999px;background:var(--track)}.goal-progress__track>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-s),var(--accent));transition:width .24s ease}.today-study-card .btn{align-self:flex-start;margin-top:22px;min-width:154px}.calendar-card{padding:26px 28px}.streak-title{display:flex;align-items:center;gap:14px;margin-bottom:24px}.streak-title>span{width:28px;height:28px;display:grid;place-items:center;color:var(--clay)}.streak-title strong{display:block;color:var(--clay);font-family:var(--font-display);font-size:2rem;font-weight:500;line-height:1}.streak-title small{display:block;margin-top:3px;color:var(--muted);font-size:.78rem}.calendar-card__month{margin-bottom:12px;color:var(--label);font-size:.88rem;font-weight:800}.calendar-grid{gap:7px}.calendar-cell,.calendar-weekday{min-height:34px;border-radius:8px}.calendar-cell.is-studied{color:var(--accent-ink);background:var(--clay)}.calendar-cell.is-today,.calendar-cell.is-today:not(.is-studied){color:var(--clay);border-color:var(--clay);background:var(--clay-soft)}.calendar-legend{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px;color:var(--muted);font-size:.75rem}.calendar-legend span{display:inline-flex;align-items:center;gap:7px}.calendar-legend__mark{width:12px;height:12px;border-radius:4px}.calendar-legend__mark.is-studied{background:var(--clay)}.calendar-legend__mark.is-today{border:2px solid var(--clay)}.calendar-card__note{margin:18px 0 0;color:var(--muted);font-size:.86rem;line-height:1.6}.dashboard-stats,.review-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:22px}.quiet-stat{min-height:112px;padding:20px 24px}.quiet-stat span{display:block;color:var(--muted);font-size:.84rem}.quiet-stat strong{display:block;margin-top:6px;color:var(--text);font-family:var(--font-display);font-size:2.45rem;font-weight:500;line-height:1}.quiet-stat strong.is-accent,.quiet-stat .is-accent{color:var(--accent-text)}.quiet-stat strong.is-clay,.quiet-stat .is-clay{color:var(--clay)}.quiet-stat small{display:block;margin-top:12px;color:var(--muted);font-size:.82rem}.dashboard-growth-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr) minmax(0,.9fr);gap:22px;margin-top:22px}.growth-card{min-height:214px;display:flex;flex-direction:column;gap:12px;padding:26px;color:var(--text);transition:border-color .16s ease,background .16s ease}.growth-card:hover{border-color:var(--accent-line);background:var(--surface-3)}.growth-card--wide{border-color:var(--accent-line);background:radial-gradient(420px 220px at 10% 0%,rgba(128,171,140,.1),transparent 68%),var(--surface)}.growth-card__eyebrow{color:var(--accent-text);font-size:.78rem;font-weight:800}.growth-card h3{margin:0;font-family:var(--font-display);font-size:clamp(1.24rem,2.2vw,1.58rem);font-weight:500;line-height:1.22;word-break:keep-all;overflow-wrap:break-word}.growth-card p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.65;word-break:keep-all;overflow-wrap:break-word}.mission-word-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:2px}.mission-word-row span{padding:5px 10px;border:1px solid var(--line);border-radius:999px;color:var(--label);background:var(--surface-2);font-family:var(--font-display);font-size:.95rem;line-height:1}.weakness-list{display:grid;gap:9px}.weakness-list span{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:baseline;gap:10px}.weakness-list strong{color:var(--accent-text);font-family:var(--font-display);font-size:1.45rem;font-weight:500;line-height:1}.weakness-list small{color:var(--muted);font-size:.8rem}.growth-card__action{margin-top:auto;color:var(--accent-text);font-size:.88rem;font-weight:800}.dashboard-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.feature-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;padding:28px;color:var(--text);transition:border-color .16s ease,background .16s ease}.feature-card:hover{border-color:var(--accent-line);background:var(--surface-3)}.feature-card__icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:var(--accent-text);background:var(--accent-soft);font-weight:800}.feature-card__icon.is-clay{color:var(--clay);background:var(--clay-soft)}.feature-card h3{margin:0;font-family:var(--font-display);font-size:1.45rem;font-weight:500;line-height:1.2;word-break:keep-all;overflow-wrap:break-word}.feature-card p{margin:12px 0 0;color:var(--muted);line-height:1.7}.icon-rail__brand-sub,.icon-rail__mini-card{display:none}.icon-rail__brand-mark{color:var(--accent-ink);border-color:transparent;background:var(--accent)}.icon-rail__streak{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid var(--clay-line);border-radius:14px;color:var(--clay);background:var(--clay-soft)}.icon-rail__streak strong,.icon-rail__streak small{display:block}.icon-rail__streak strong{font-family:var(--font-display);font-size:1.2rem;font-weight:500;line-height:1}.icon-rail__streak small{margin-top:3px;color:var(--muted);font-size:.72rem}.icon-rail__user{align-items:center;color:var(--muted);background:transparent}.icon-rail__avatar{border-radius:999px;color:var(--text);background:var(--surface-3)}.icon-rail__user-copy{min-width:0}.icon-rail__user-name{display:block}.flashcard__inner{width:min(100%,680px);min-height:386px;border-radius:22px}.flashcard__word{font-size:clamp(2.3rem,5vw,3.4rem)}.flashcard__level{color:var(--faint);font-family:var(--font-display);font-size:1rem;font-style:italic}.review-summary-grid{margin-top:0;margin-bottom:34px}.review-section{margin-top:28px}.review-section__title{color:var(--accent-text);font-size:.9rem;font-weight:800}.review-section__title.is-clay{color:var(--clay)}.review-list{gap:14px}.review-item{display:grid;grid-template-columns:minmax(160px,.35fr) minmax(0,1fr) auto;align-items:center;gap:20px;min-height:78px;padding:0 24px}.review-item__word{font-family:var(--font-display);font-size:1.7rem;font-weight:600}.review-start-row{display:flex;justify-content:center;margin-top:34px}.ai-source-panel{display:grid;gap:18px;padding:26px 28px}.ai-tutor-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:start}.ai-tutor-layout .ai-chat--source{min-height:min(680px,calc(100vh - 170px));margin-top:0}.ai-tutor-rail{position:sticky;top:28px;max-height:calc(100vh - 56px);overflow:auto}.ai-tutor-rail .ai-source-mode-grid{grid-template-columns:1fr;gap:12px}.ai-tutor-rail .ai-source-mode{min-height:86px;padding:16px}.ai-tutor-rail .ai-source-chips{align-items:stretch;flex-direction:column}.ai-tutor-rail .ai-chip{width:100%;justify-content:flex-start}.ai-voice-status{padding:12px 13px;border:1px solid var(--line);border-radius:12px;color:var(--muted);background:var(--surface-2);font-size:.84rem;line-height:1.55}.ai-mode-title{color:var(--muted);font-size:.84rem;font-weight:800}.ai-source-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ai-source-mode{min-height:96px;display:grid;align-content:center;gap:8px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;color:var(--muted);background:var(--surface-2);text-align:left;cursor:pointer}.ai-source-mode[aria-pressed=true]{color:var(--accent-text);border-color:var(--accent-line);background:var(--accent-soft)}.ai-source-mode span{color:var(--text);font-family:var(--font-display);font-size:1.35rem}.ai-source-mode small{font-size:.84rem}.ai-source-chips{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.84rem}.ai-chat--source{min-height:390px;margin-top:22px;padding:26px 28px;background:var(--surface)}.ai-context-word{display:flex;gap:10px;margin-bottom:14px;color:var(--muted)}.ai-context-word strong{color:var(--accent-text)}.ai-chat__speak{display:inline-grid;place-items:center;padding:0;border:0;color:inherit;background:transparent;cursor:pointer}.ai-suggestion-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.ai-suggestion-row button{padding:8px 13px;border:1px solid var(--line);border-radius:999px;color:var(--label);background:var(--surface-2);cursor:pointer}.ai-chat__input-row--source{grid-template-columns:auto minmax(0,1fr) auto;margin-top:18px}.settings-source-page{display:grid;gap:18px}.settings-source-card{position:relative;display:grid;gap:16px;padding:28px}.settings-source-card h2{margin:0;font-family:var(--font-display);font-size:1.45rem;font-weight:500;line-height:1.2}.settings-profile-row{display:flex;align-items:center;gap:20px}.settings-avatar{width:58px;height:58px;display:grid;place-items:center;border-radius:999px;color:var(--accent-ink);background:var(--accent);font-size:1.35rem;font-weight:700}.settings-profile-row strong,.settings-profile-row span{display:block}.settings-profile-row strong{color:var(--text);font-size:1.15rem}.settings-profile-row span{margin-top:5px;color:var(--accent-text);font-size:.85rem}.settings-inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px}.settings-inline-form label,.account-edit-grid label{display:grid;gap:8px;color:var(--label);font-size:.84rem;font-weight:700}.settings-theme-row,.settings-source-row{display:flex;align-items:center;justify-content:space-between;gap:22px}.settings-theme-row p,.settings-source-row p,.settings-source-row h3{margin:0}.settings-source-row h3{color:var(--text);font-size:.95rem}.settings-source-row p,.settings-source-row h3+p{color:var(--muted);font-size:.9rem}.segmented--compact{width:170px;flex-shrink:0;grid-template-columns:1fr 1fr;gap:4px;padding:5px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.segmented--compact .segmented__btn{min-height:38px;border:0}.level-btn{min-height:92px}.stepper{display:flex;align-items:center;gap:20px}.stepper button{width:38px;height:38px;border:1px solid var(--line);border-radius:12px;color:var(--text);background:var(--surface-2);font-size:1.35rem;cursor:pointer}.stepper strong{min-width:44px;color:var(--text);font-family:var(--font-display);font-size:2rem;font-weight:500;text-align:center}.optional-badge{position:absolute;top:29px;left:174px;padding:3px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.68rem}.secure-note,.is-success,.is-error{display:inline-flex;align-items:center;gap:7px;font-size:.82rem}.secure-note,.is-success{color:var(--accent-text)}.is-error{color:var(--again)}.account-edit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.trmnl-url-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trmnl-url-grid label{display:grid;min-width:0;gap:8px;color:var(--label);font-size:.84rem;font-weight:700}.trmnl-url-grid .form-control{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trmnl-primary-connect{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:16px;align-items:end;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.trmnl-primary-connect h3,.trmnl-primary-connect p{margin:0}.trmnl-primary-connect h3{color:var(--text);font-size:1rem}.trmnl-primary-connect p{margin-top:6px;color:var(--muted);font-size:.88rem;line-height:1.5}.copy-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;min-width:0}.copy-field .form-control{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-field__btn{min-width:76px;padding-inline:14px}.btn--danger{color:var(--again);border-color:#d99e8d59;background:transparent}.btn--danger:hover:not(:disabled){background:#d99e8d14}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media (max-width: 1020px){.ai-tutor-layout{grid-template-columns:1fr}.ai-tutor-rail{position:static;max-height:none;order:-1}.ai-tutor-rail .ai-source-mode-grid{grid-template-columns:1fr 1fr}.dashboard-source-grid,.dashboard-growth-grid,.dashboard-feature-grid,.dashboard-stats,.review-summary-grid,.ai-source-mode-grid,.account-edit-grid,.trmnl-url-grid{grid-template-columns:1fr}.settings-theme-row,.settings-source-row{align-items:flex-start;flex-direction:column}.settings-inline-form,.trmnl-primary-connect,.copy-field{grid-template-columns:1fr}.copy-field__btn,.segmented--compact{width:100%}}@media (max-width: 680px){.ai-tutor-rail .ai-source-mode-grid{grid-template-columns:1fr}.vocabit-page-header{margin:12px 0 22px}.vocabit-page-header--compact{margin-top:12px;margin-bottom:20px}.vocabit-page-header h1{font-size:clamp(1.72rem,9.2vw,2.12rem);line-height:1.08}.vocabit-page-header p{margin-top:12px;font-size:.92rem}.settings-source-page{gap:14px}.settings-source-card{gap:14px;padding:18px 16px;border-radius:14px}.settings-source-card h2{font-size:1.2rem}.today-study-card{min-height:auto;padding:26px 22px}.today-study-card h2{font-size:clamp(1.48rem,7.6vw,1.92rem);line-height:1.2}.growth-card{min-height:0;padding:22px 20px}.settings-profile-row{gap:14px}.settings-avatar{width:48px;height:48px;font-size:1.1rem}.trmnl-primary-connect{padding:12px;border-radius:12px}.copy-field .form-control{font-size:.76rem}.settings-inline-form .btn,.settings-source-row .btn{width:100%}.settings-source-row{gap:14px}.settings-source-row>div,.settings-source-row>p{width:100%}.stepper{width:100%;justify-content:space-between}.optional-badge{position:static;width:fit-content}}