@layer reset{*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}button{font:inherit}}@layer tokens{:root{--violet-700:#1a3e55;--violet-600:#284b63;--violet-500:#365972;--violet-200:#d4e0e9;--violet-100:#eaf1f7;--sage-600:#4f996f;--sage-500:#5fa97f;--sage-100:#eaf3ee;--clay-600:#cf7147;--clay-500:#e08256;--clay-100:#fbefe8;--red-500:#d8574e;--red-100:#fbebe9;--gold-500:#c89a4a;--gold-600:#a67c2e;--gold-100:#faf0de;--white:#fff;--ink-900:#2a2632;--ink-600:#4a4553;--ink-400:#625c6e;--ink-300:#6b6459;--linen-200:#ece7de;--linen-100:#f1eee8;--warm-50:#f6f4ef;--color-primary:var(--violet-600);--color-primary-hover:var(--violet-700);--color-primary-soft:var(--violet-100);--color-primary-border:var(--violet-200);--color-on-primary:var(--white);--color-success:var(--sage-500);--color-success-soft:var(--sage-100);--color-attention:var(--clay-500);--color-attention-soft:var(--clay-100);--color-danger:var(--red-500);--color-danger-soft:var(--red-100);--color-spark:var(--gold-500);--color-spark-strong:var(--gold-600);--color-spark-soft:var(--gold-100);--text-strong:var(--ink-900);--text-body:var(--ink-600);--text-muted:var(--ink-400);--text-label:var(--ink-300);--surface-page:var(--linen-100);--surface-card:var(--white);--surface-inset:var(--warm-50);--surface-sunken:var(--linen-200);--border-soft:var(--linen-200);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:9px;--radius-md:13px;--radius-lg:17px;--radius-xl:22px;--radius-2xl:28px;--radius-pill:999px;--shadow-sm:0 2px 8px -4px #322c4633;--shadow-card:0 12px 30px -18px #322c4652;--shadow-pop:0 24px 60px -28px #322c4652;--shadow-focus:0 0 0 3px var(--violet-200);--text-display:28px;--text-h1:24px;--text-h2:20px;--text-title:17px;--text-body-size:15px;--text-small:13px;--text-caption:11px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-heavy:800;--tracking-tight:-.01em;--tracking-label:.08em;--script-fallbacks:"Noto Sans Arabic Variable", "Noto Sans Hebrew Variable", "Noto Sans Thai Variable", "Noto Sans JP Variable", "Noto Sans KR Variable", "Noto Sans SC Variable";--font-display:"Google Sans Variable", var(--script-fallbacks), system-ui, sans-serif;--font-body:"Google Sans Variable", var(--script-fallbacks), system-ui, sans-serif;--font-content:"Noto Sans Variable", var(--script-fallbacks), system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--topbar-h:62px;--screen-max-w:460px}}@layer base{body{min-height:var(--app-height,100dvh);background:var(--surface-page);color:var(--text-body);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-user-select:none;user-select:none}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}body{overscroll-behavior-y:none}}@layer components{.ds-card{background:var(--surface-card);border:1px solid var(--border-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);font-family:var(--font-body)}.ds-card[data-variant=inset]{background:var(--surface-inset);box-shadow:none;border-color:#0000}.ds-card[data-radius=md]{border-radius:var(--radius-md)}.ds-card[data-radius=lg]{border-radius:var(--radius-lg)}.ds-card[data-radius="2xl"]{border-radius:var(--radius-2xl)}.ds-card[data-padding=sm]{padding:var(--space-4)}.ds-card[data-padding=md]{padding:var(--space-5)}.ds-card[data-padding=lg]{padding:var(--space-6)}.ds-btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-body-size);cursor:pointer;-webkit-tap-highlight-color:transparent;border:1.5px solid #0000;padding:12px 18px;line-height:1.1;text-decoration:none;transition:background .15s,transform .1s;display:inline-flex}.ds-btn[data-size=sm]{font-size:var(--text-small);padding:8px 14px}.ds-btn[data-size=lg]{font-size:var(--text-title);border-radius:var(--radius-lg);padding:14px 22px}.ds-btn[data-full-width=true]{width:100%}.ds-btn[data-variant=soft]{background:var(--color-primary-soft);color:var(--color-primary)}.ds-btn[data-variant=ghost]{border-color:var(--border-soft);color:var(--text-strong);background:0 0}.ds-btn[data-variant=danger]{background:var(--color-danger);color:var(--white)}@media (hover:hover){.ds-btn:hover:not(:disabled,[aria-disabled=true]){background:var(--color-primary-hover);transform:translateY(-1px)}.ds-btn[data-variant=soft]:hover:not(:disabled,[aria-disabled=true]){background:var(--violet-200)}.ds-btn[data-variant=ghost]:hover:not(:disabled,[aria-disabled=true]){background:var(--surface-inset)}.ds-btn[data-variant=danger]:hover:not(:disabled,[aria-disabled=true]){background:var(--clay-600)}}.ds-btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.ds-btn:disabled,.ds-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.ds-btn .ds-btn__icon--animated{animation:.8s linear infinite jodis-spin}@keyframes jodis-spin{to{transform:rotate(360deg)}}.ds-icon-btn{--ds-icon-btn-size:44px;width:var(--ds-icon-btn-size);height:var(--ds-icon-btn-size);background:var(--color-primary-soft);color:var(--color-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,transform .1s;display:inline-flex}.ds-icon-btn[data-size=sm]{--ds-icon-btn-size:36px}.ds-icon-btn[data-size=lg]{--ds-icon-btn-size:56px}.ds-icon-btn[data-shape=square]{border-radius:var(--radius-md)}.ds-icon-btn[data-variant=primary]{background:var(--color-primary);color:var(--color-on-primary)}.ds-icon-btn[data-variant=surface]{background:var(--surface-card);color:var(--text-strong);box-shadow:var(--shadow-sm)}.ds-icon-btn[data-variant=danger]{background:var(--color-danger);color:#fff}.ds-icon-btn[data-variant=success]{background:var(--color-success);color:#fff}@media (hover:hover){.ds-icon-btn:hover:not(:disabled){background:var(--violet-200);transform:translateY(-1px)}.ds-icon-btn[data-variant=primary]:hover:not(:disabled){background:var(--color-primary-hover)}.ds-icon-btn[data-variant=surface]:hover:not(:disabled){background:var(--surface-inset)}.ds-icon-btn[data-variant=danger]:hover:not(:disabled){background:var(--clay-600)}.ds-icon-btn[data-variant=success]:hover:not(:disabled){background:var(--sage-600)}}.ds-icon-btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.ds-icon-btn:disabled{opacity:.45;cursor:not-allowed}.ds-progress{height:var(--ds-progress-h,8px);border-radius:var(--radius-pill);background:var(--linen-200);overflow:hidden}.ds-progress__fill{width:var(--ds-progress-pct,0%);border-radius:var(--radius-pill);background:var(--color-primary);height:100%;transition:width .4s}[data-tone=success]>.ds-progress__fill{background:var(--color-success)}[data-tone=spark]>.ds-progress__fill{background:var(--color-spark)}.ds-countdown-ring{--ds-ring-size:56px;width:var(--ds-ring-size);height:var(--ds-ring-size);flex:none;place-items:center;display:inline-grid;position:relative}.ds-countdown-ring>svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.ds-countdown-ring__track{fill:none;stroke:var(--linen-200);stroke-width:6px}.ds-countdown-ring__sector{fill:none;stroke:var(--color-primary);stroke-width:6px;transition:stroke-dashoffset 1s linear}.ds-countdown-ring__label{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-small);font-variant-numeric:tabular-nums;color:var(--text-strong)}.ds-stat{font-family:var(--font-body)}.ds-stat__value{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-h1);color:var(--text-strong);line-height:1}[data-tone=primary]>.ds-stat__value{color:var(--color-primary)}[data-tone=success]>.ds-stat__value{color:var(--color-success)}[data-tone=attention]>.ds-stat__value{color:var(--color-attention)}.ds-stat__label{font-size:var(--text-caption);font-weight:var(--weight-bold);letter-spacing:.02em;color:var(--text-label);margin-top:4px}.ds-gem-icon{color:var(--color-primary);flex-shrink:0}.ds-badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);background:var(--surface-inset);color:var(--text-body);font-family:var(--font-body);font-weight:var(--weight-bold);font-size:var(--text-caption);letter-spacing:.02em;padding:4px 10px;transition:background .2s,color .2s;display:inline-flex}.ds-badge[data-tone=violet]{background:var(--color-primary-soft);color:var(--color-primary)}.ds-badge[data-tone=success]{background:var(--color-success-soft);color:var(--sage-600)}.ds-badge[data-tone=attention]{background:var(--color-attention-soft);color:var(--clay-600)}.ds-badge[data-tone=spark]{background:var(--color-spark-soft);color:var(--color-spark-strong)}.ds-dot{background:var(--color-danger);width:8px;height:8px;color:var(--color-danger);box-shadow:0 0 0 2px var(--surface-card);pointer-events:none;border-radius:50%;position:absolute;inset-block-start:var(--ds-dot-top,-2px);inset-inline-end:var(--ds-dot-right,-2px)}.ds-input{font-family:var(--font-body);display:block}.ds-input__label{margin-bottom:var(--space-2);font-size:var(--text-small);font-weight:var(--weight-semibold);color:var(--text-body);display:block}.ds-input__box{align-items:center;gap:var(--space-2);border:1.5px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-inset);padding:0 14px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.ds-input__box:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.ds-input__box[data-tone=spark]{border-color:var(--color-spark);background:var(--color-spark-soft)}.ds-input__box[data-tone=success]{border-color:var(--color-success);background:var(--color-success-soft)}.ds-input__box[data-tone=danger]{border-color:var(--color-danger);background:var(--color-danger-soft)}.ds-input__box[data-invalid=true]{border-color:var(--color-danger)}.ds-input__field{min-width:0;color:var(--text-strong);font-family:var(--font-body);font-size:max(16px, var(--text-body-size));font-weight:var(--weight-semibold);background:0 0;border:none;outline:none;flex:1;padding:13px 0}.ds-input__field[data-content=true]{font-family:var(--font-content);font-size:var(--text-title);letter-spacing:.04em}.ds-input__field::placeholder{color:var(--text-muted);font-weight:var(--weight-regular)}.ds-input__field:disabled{color:var(--text-strong);-webkit-text-fill-color:var(--text-strong);opacity:1}.ds-input__grow{flex:1;grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.ds-input__grow:after{content:attr(data-value) " ";visibility:hidden;font-family:var(--font-body);font-size:max(16px, var(--text-body-size));font-weight:var(--weight-semibold);padding:13px 0}.ds-input__grow[data-content=true]:after{font-family:var(--font-content);font-size:var(--text-title);letter-spacing:.04em}.ds-input__grow:after,.ds-input__grow>.ds-input__field{white-space:pre-wrap;overflow-wrap:anywhere;grid-area:1/1;line-height:1.35}.ds-input__grow>.ds-input__field{resize:none;margin:0;overflow:hidden}.ds-input-slot{grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.ds-input-slot>*{grid-area:1/1}.ds-input--reserve{visibility:hidden}.ds-input__suffix{font-size:var(--text-small);color:var(--text-muted);flex-shrink:0}.ds-input__error{margin-top:var(--space-1);font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--color-danger);display:block}.ds-select{font-family:var(--font-body);display:block}.ds-select__label{margin-bottom:var(--space-2);font-size:var(--text-small);font-weight:var(--weight-semibold);color:var(--text-body);display:block}.ds-select__box{border:1.5px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-inset);align-items:center;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.ds-select__box:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.ds-select__field{border-radius:inherit;min-width:0;color:var(--text-strong);font-family:var(--font-body);font-size:16px;font-weight:var(--weight-semibold);appearance:none;cursor:pointer;background:0 0;border:none;outline:none;flex:1;padding:13px 42px 13px 14px}.ds-select__field:disabled{color:var(--text-muted);cursor:default}.ds-select__chevron{pointer-events:none;color:var(--text-muted);position:absolute;inset-inline-end:14px}.ds-checkbox{align-items:flex-start;gap:var(--space-3);font-family:var(--font-body);cursor:pointer;display:inline-flex}.ds-checkbox[data-disabled=true]{opacity:.5;cursor:not-allowed}.ds-checkbox__input{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ds-checkbox__box{border:1.5px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-card);color:#0000;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;transition:background .15s,border-color .15s;display:inline-flex}.ds-checkbox__input:checked+.ds-checkbox__box{background:var(--color-primary);border-color:var(--color-primary);color:var(--white)}.ds-checkbox__input:focus-visible+.ds-checkbox__box{box-shadow:var(--shadow-focus)}.ds-checkbox__label{font-size:var(--text-small);color:var(--text-body);text-wrap:pretty;padding-top:calc(12px - .5lh);line-height:1.5}.ds-required{color:var(--color-danger);margin-inline-start:2px}.ds-quiz-option{justify-content:center;align-items:center;gap:var(--space-3);border:1.5px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface-card);width:100%;min-height:62px;color:var(--text-strong);font-family:var(--font-content);font-size:var(--text-title);font-weight:var(--weight-semibold);text-align:center;cursor:pointer;padding:14px 18px;transition:background .15s,border-color .15s,color .15s;display:flex}.ds-quiz-option[data-state=selected]{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.ds-quiz-option[data-state=hint]{border-color:var(--color-spark);background:var(--color-spark-soft)}.ds-quiz-option[data-state=correct]{border-color:var(--color-success);background:var(--color-success-soft);color:var(--sage-600)}.ds-quiz-option[data-state=incorrect]{border-color:var(--color-danger);background:var(--color-danger-soft);color:var(--color-danger);animation:.2s ds-quiz-shake}.ds-quiz-option[data-vanishing=true]{animation:.32s cubic-bezier(.2,.8,.25,1) both ds-quiz-vanish}.ds-quiz-option[data-placeholder=true]{visibility:hidden}.ds-quiz-option:focus-visible{box-shadow:var(--shadow-focus);outline:none}.ds-quiz-option:disabled{cursor:default}.ds-quiz-option:disabled[data-state=default]{opacity:.45}@media (hover:hover){.ds-quiz-option:hover:not(:disabled){background:var(--surface-inset)}}.ds-quiz-option__text{overflow-wrap:anywhere;min-width:0}@keyframes ds-quiz-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@keyframes ds-quiz-vanish{0%{opacity:1;transform:scale(1)}65%{opacity:1;transform:scale(.985)}to{opacity:0;transform:scale(.94)}}.ds-dialog{z-index:100;padding:var(--space-6);background:color-mix(in oklab, var(--ink-900) 38%, transparent);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ds-dialog__card{gap:var(--space-2);width:100%;max-width:340px;padding:var(--space-6);border:1px solid var(--border-soft);border-radius:var(--radius-xl);background:var(--surface-card);box-shadow:var(--shadow-pop);font-family:var(--font-body);flex-direction:column;animation:.2s cubic-bezier(.4,0,.2,1) both ds-dialog-in;display:flex}.ds-dialog__title{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-h2);letter-spacing:var(--tracking-tight);color:var(--text-strong);margin:0}.ds-dialog__body{margin:0 0 var(--space-2);font-size:var(--text-body-size);color:var(--text-muted);text-wrap:pretty;overflow-wrap:anywhere}.ds-dialog__actions{gap:var(--space-2);flex-direction:column;display:flex}.ds-dialog__steps{margin:0 0 var(--space-3);font-size:var(--text-body-size);color:var(--text-body);padding-inline-start:var(--space-5)}.ds-dialog__steps>li+li{margin-top:var(--space-3)}.ds-dialog__step{align-items:center;gap:var(--space-3);text-wrap:pretty;padding-inline-start:var(--space-1);display:flex}.ds-dialog__step>svg{color:var(--color-primary);flex:none}@keyframes ds-dialog-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ds-label{font-size:var(--text-caption);font-weight:var(--weight-heavy);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-label)}.ds-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.jodis-appear{animation-duration:.7s;animation-timing-function:ease-out;animation-iteration-count:1}:where(.jodis-appear--ripple){position:relative}.jodis-appear--ripple:after{content:"";border-radius:inherit;pointer-events:none;animation:.7s ease-out jodis-appear-ripple;position:absolute;inset:0}@keyframes jodis-appear-ripple{0%{opacity:.6;box-shadow:0 0}to{opacity:0;box-shadow:0 0 0 14px}}.jodis-page{width:100%;max-width:var(--screen-max-w);min-height:var(--app-height,100dvh);font-family:var(--font-body);color:var(--text-body);padding:calc(var(--topbar-h) + env(safe-area-inset-top,0px) + var(--space-4)) 22px calc(var(--space-6) + env(safe-area-inset-bottom,0px));flex-direction:column;margin:0 auto;display:flex}.jodis-page--fit{max-height:var(--app-height,100dvh);overflow:hidden}.jodis-page--center{text-align:center;justify-content:center;align-items:center;gap:var(--space-4)}.jodis-boot{min-height:var(--app-height,100dvh);font-family:var(--font-body);font-size:var(--text-body-size);font-weight:var(--weight-semibold);color:var(--text-muted);text-align:center;justify-content:center;align-items:center;padding:22px;display:flex}.jodis-crash__body{gap:var(--space-3);flex-direction:column;width:100%;max-width:340px;display:flex}.jodis-crash__title{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-h2);letter-spacing:var(--tracking-tight);color:var(--text-strong);margin:0}.jodis-crash__text{margin:0 0 var(--space-3);font-weight:var(--weight-regular);text-wrap:pretty}.jodis-page__message{justify-content:center;align-items:center;gap:var(--space-4);font-size:var(--text-body-size);font-weight:var(--weight-semibold);color:var(--text-muted);text-align:center;text-wrap:pretty;flex-direction:column;flex:1;display:flex}.jodis-page__message>p{margin:0}.jodis-page__header{margin-bottom:var(--space-2)}.jodis-page__heading{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-h1);letter-spacing:var(--tracking-tight);color:var(--text-strong);text-wrap:balance;margin:0;line-height:1.2}.jodis-page__meta{margin:var(--space-1) 0 0;font-size:var(--text-body-size);font-weight:var(--weight-semibold);color:var(--text-muted)}.jodis-page__actions{gap:var(--space-3);width:100%;padding-top:var(--space-5);flex-direction:column;margin-top:auto;display:flex}.jodis-wordlist{margin-top:14px;padding:16px 18px}.jodis-wordlist__title{margin-bottom:10px;font-size:13px}.jodis-wordlist__columns{border-bottom:1px solid var(--border-soft);font-size:10px;font-weight:var(--weight-regular);color:var(--text-muted);justify-content:space-between;gap:16px;margin:0 0 4px;padding-bottom:8px;display:flex}.jodis-wordlist--fit{flex-direction:column;flex:0 auto;min-height:0;display:flex}.jodis-wordlist__list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.jodis-wordlist__list[data-scroll=true]{flex:0 auto;min-height:0;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 10px calc(100% - 16px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 10px calc(100% - 16px),#0000 100%)}.jodis-wordlist__row{border-bottom:1px solid var(--border-soft);align-items:baseline;gap:10px;padding:5px 0;font-size:15px;display:flex}.jodis-wordlist__row:last-child{border-bottom:none}.jodis-wordlist__word,.jodis-wordlist__translation{min-width:20%;font-family:var(--font-content);font-weight:var(--weight-bold);color:var(--text-strong);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.jodis-wordlist__translation{text-align:end;margin-inline-start:auto;padding-inline-start:6px}.jodis-wordlist__row-button{width:100%;font:inherit;color:inherit;text-align:start;cursor:pointer;background:0 0;border:none;align-items:baseline;gap:10px;margin:0;padding:5px 0;display:flex}.jodis-wordlist__row-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.jodis-wordlist__row-button>.jodis-wordlist__word,.jodis-wordlist__row-button>.jodis-wordlist__translation{-webkit-user-select:none;user-select:none}.jodis-wordlist__row:has(>.jodis-wordlist__fold){padding:0;display:block}.jodis-wordlist__fold{overflow:hidden}.jodis-wordlist__panel{background:var(--surface-inset);margin:4px -18px;padding:14px 28px}.jodis-mastery{fill:none;stroke:var(--color-primary-border);stroke-width:2.6px;stroke-linecap:round;flex-shrink:0;align-self:center}.jodis-mastery[data-level=new]{stroke:var(--border-soft);stroke-width:1.6px}.jodis-mastery [data-filled=true]{stroke:var(--color-primary)}.jodis-wordlist__link{color:inherit;cursor:pointer;text-decoration:none;display:block}.jodis-wordlist__link .jodis-wordlist__title{justify-content:space-between;align-items:center;display:flex}.jodis-wordlist__link .jodis-wordlist__word,.jodis-wordlist__link .jodis-wordlist__translation{-webkit-user-select:none;user-select:none}::view-transition-old(root){animation-duration:.2s}::view-transition-new(root){animation-duration:.2s}.jodis-topbar{z-index:11;background:var(--surface-card);border-bottom:1px solid var(--border-soft);padding-top:env(safe-area-inset-top,0px);font-family:var(--font-body);position:fixed;inset-block-start:0;inset-inline:0}.jodis-topbar__inner{align-items:center;gap:var(--space-3);max-width:var(--screen-max-w);min-height:var(--topbar-h);margin:0 auto;padding-inline:22px;display:flex}.jodis-topbar__text{flex:1;min-width:0}.jodis-topbar__title{font-family:var(--font-display);font-size:var(--text-h2);font-weight:var(--weight-bold);color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;margin:0;line-height:1.2;overflow:hidden}.jodis-topbar__pair{font-size:var(--text-caption);font-weight:var(--weight-bold);color:var(--text-muted);margin:2px 0 0}.jodis-topbar__install{flex-shrink:0}.jodis-topbar__action{--ds-dot-top:8px;--ds-dot-right:8px;width:44px;height:44px;color:var(--text-strong);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;transition:background .15s;display:flex;position:relative}@media (hover:hover){.jodis-topbar__action:hover{background:var(--surface-inset)}}.jodis-topbar__action:focus-visible{box-shadow:var(--shadow-focus);outline:none}.jodis-topbar__action--leading{margin-inline-start:-11px}.jodis-drawer{z-index:20;position:fixed;inset:0}.jodis-drawer__backdrop{background:#2a263273;position:absolute;inset:0}.jodis-drawer__panel{background:var(--surface-card);width:min(78vw,300px);box-shadow:var(--shadow-pop);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);font-family:var(--font-body);flex-direction:column;display:flex;position:absolute;inset-block:0;inset-inline-end:0}.jodis-drawer__head{min-height:var(--topbar-h);padding-inline:var(--space-3);justify-content:flex-end;align-items:center;display:flex}.jodis-drawer__close{width:44px;height:44px;color:var(--text-strong);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s;display:flex}@media (hover:hover){.jodis-drawer__close:hover{background:var(--surface-inset)}}.jodis-drawer__close:focus-visible{box-shadow:var(--shadow-focus);outline:none}.jodis-drawer__list{gap:var(--space-1);padding:var(--space-2) var(--space-3);flex-direction:column;margin:0;list-style:none;display:flex}.jodis-drawer__link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--text-body);font-size:var(--text-body-size);font-weight:var(--weight-semibold);text-decoration:none;transition:background .15s,color .15s;display:flex}@media (hover:hover){.jodis-drawer__link:hover{background:var(--surface-inset)}}.jodis-drawer__link:focus-visible{box-shadow:var(--shadow-focus);outline:none}.jodis-drawer__link[aria-current=page]{background:var(--color-primary-soft);color:var(--color-primary);font-weight:var(--weight-bold)}.jodis-drawer__action{width:100%;font:inherit;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none}.jodis-drawer__icon{display:inline-flex;position:relative}.jodis-drawer__foot{padding:var(--space-2) var(--space-3) 0;margin-top:auto}.jodis-drawer__version{padding:var(--space-4) var(--space-3);font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--text-muted);margin:0}.jodis-dock{padding-bottom:env(safe-area-inset-bottom,0px);z-index:9;background:var(--surface-card);border-top:1px solid var(--border-soft);position:sticky;inset-block-end:0}.jodis-dock[data-emphasised=true]{border-top:2px solid var(--color-primary-soft);box-shadow:0 -10px 26px -18px #6b5dc099}.jodis-dock__inner{padding:14px 26px 16px;position:relative}.jodis-dock__headline{text-align:center;font-family:var(--font-display);font-weight:var(--weight-bold);color:var(--text-strong);margin:0 0 12px;font-size:13px}.jodis-dock__controls{justify-content:space-around;align-items:flex-start;display:flex}.jodis-dock__control{flex-direction:column;align-items:center;gap:6px;display:flex}.jodis-dock__control-label{max-width:84px;font-size:11px;line-height:1.3;font-weight:var(--weight-bold);text-align:center;text-wrap:balance;color:var(--text-label)}.jodis-dock__control--mic .jodis-dock__control-label{font-weight:var(--weight-heavy);color:var(--text-body)}.jodis-dock__headline[data-limit]{color:var(--color-attention)}.jodis-dock__remaining{font-size:10.5px;font-weight:var(--weight-semibold);color:var(--color-attention);font-variant-numeric:tabular-nums}.jodis-dock-toast{pointer-events:none;justify-content:center;padding:0 22px 14px;display:flex;position:absolute;inset-block-end:100%;inset-inline:0}.jodis-dock-toast__pill{border-radius:var(--radius-pill);background:var(--color-success);color:var(--white);font-size:12.5px;font-weight:var(--weight-bold);text-wrap:pretty;align-items:center;gap:7px;margin:0;padding:8px 15px;line-height:1.3;display:flex;box-shadow:0 10px 22px -10px #6b8d6ab3}.jodis-dock-toast__pill>svg{flex-shrink:0}[data-kind=error]>.jodis-dock-toast__pill{background:var(--color-danger);box-shadow:0 10px 22px -10px #a03c34b3}.jodis-rec{pointer-events:none;justify-content:center;padding:0 22px 10px;display:flex;position:absolute;inset-block-end:100%;inset-inline:0}.jodis-rec__body{align-items:center;gap:var(--space-3);width:100%;max-width:var(--screen-max-w);border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:var(--shadow-pop);border:1px solid var(--border-soft);padding:12px 16px;display:flex}.jodis-rec[data-phase=recording] .jodis-rec__body{border-color:var(--color-success)}.jodis-rec__glyph{background:var(--color-primary-soft);width:44px;height:44px;color:var(--color-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.jodis-rec[data-phase=recording] .jodis-rec__glyph{background:var(--color-success-soft);color:var(--color-success);animation:1.1s ease-in-out infinite jodis-breathe}.jodis-rec[data-phase=error] .jodis-rec__glyph{background:var(--color-danger-soft);color:var(--color-danger)}.jodis-rec__ripple{background:var(--color-success);opacity:.35;pointer-events:none;border-radius:50%;animation:1.5s ease-out infinite jodis-mic-ripple;position:absolute;inset:0}.jodis-rec__ripple:nth-of-type(2){animation-delay:.7s}.jodis-rec__spinner{border:3px solid var(--color-primary-border);border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite jodis-spin}.jodis-rec__main{flex:1;min-width:0}.jodis-rec__meter{align-items:stretch;gap:2px;height:28px;display:flex}.jodis-rec__bar{border-radius:var(--radius-sm);background:var(--surface-inset);flex:1;min-width:0;position:relative;overflow:hidden}.jodis-rec__bar:after{content:"";border-radius:inherit;background:var(--color-primary-border);transform:scaleY(var(--l,0));transform-origin:bottom;transition:transform 80ms linear;position:absolute;inset:0}.jodis-rec[data-phase=recording] .jodis-rec__bar:after{background:var(--color-success)}.jodis-rec__status{font-size:var(--text-caption);font-weight:var(--weight-bold);color:var(--text-body);align-items:center;gap:6px;margin:10px 0 0;display:flex}.jodis-rec__dot{fill:currentColor;color:var(--color-success);flex-shrink:0}.jodis-mic{flex-shrink:0;width:44px;height:44px;position:relative}.jodis-mic__button{background:var(--color-primary-soft);width:100%;height:100%;color:var(--color-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:none;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s,transform .18s;display:flex;position:relative;box-shadow:0 6px 16px -8px #6b5dc080}.jodis-mic__button[data-active=true]{background:var(--color-primary);color:var(--color-on-primary)}.jodis-mic__button:focus-visible{box-shadow:var(--shadow-focus);outline:none}.jodis-mic__button:disabled{opacity:.45;cursor:default;box-shadow:none}@keyframes jodis-mic-ripple{0%{opacity:.5;transform:scale(1)}80%{opacity:0;transform:scale(2.1)}to{opacity:0}}@keyframes jodis-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.jodis-offline{z-index:10;justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) 22px;background:var(--ink-900);color:var(--surface-card);font-family:var(--font-body);font-size:var(--text-caption);font-weight:var(--weight-semibold);text-align:center;text-wrap:balance;display:flex;position:fixed;inset-block-start:env(safe-area-inset-top,0px);inset-inline:0}.jodis-offline>svg{flex:none}.jodis-offline--below-bar{inset-block-start:calc(var(--topbar-h) + env(safe-area-inset-top,0px))}.jodis-home{width:100%;max-width:var(--screen-max-w);min-height:var(--app-height,100dvh);font-family:var(--font-body);color:var(--text-body);padding-top:calc(var(--topbar-h) + env(safe-area-inset-top,0px));flex-direction:column;margin:0 auto;display:flex}.jodis-home__pad{flex-direction:column;flex:1;padding:6px 22px 18px;display:flex}.jodis-home__progress{margin-top:18px;padding:18px}.jodis-home__level-row{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.jodis-home__level{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-title);color:var(--text-strong)}.jodis-home__to-next{font-size:12px;font-weight:var(--weight-bold);color:var(--text-muted)}.jodis-home__currencies{gap:12px;margin-top:16px;display:flex}.jodis-home__currency{flex:1;min-width:0}.jodis-home__currency-label{letter-spacing:.06em;margin-bottom:6px}.jodis-home__currency-pill{border-radius:var(--radius-md);background:var(--color-primary-soft);width:100%;color:var(--color-primary);align-items:center;gap:9px;padding:12px 14px;display:flex}.jodis-home__currency-pill[data-kind=sparks]{background:var(--color-spark-soft);color:var(--color-spark-strong)}.jodis-home__currency-pill>svg{flex-shrink:0}.jodis-home__currency-value{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-title);color:var(--text-strong);text-overflow:ellipsis;min-width:0;overflow:hidden}.jodis-home__currency-note{border-top:1px solid var(--border-soft);font-size:12.5px;font-weight:var(--weight-semibold);color:var(--text-body);margin:14px 0 0;padding-top:14px;line-height:1.5}.jodis-home__gems-word{font-weight:var(--weight-heavy);color:var(--color-primary)}.jodis-home__sparks-word{font-weight:var(--weight-heavy);color:var(--color-spark-strong)}.jodis-home__cta{text-align:start;cursor:pointer;border:none;align-items:center;gap:14px;margin-top:14px;padding:16px;font-family:inherit;text-decoration:none;transition:background .15s;display:flex}@media (hover:hover){.jodis-home__cta:hover{background:var(--violet-100)}}.jodis-home__cta[data-disabled=true]{cursor:default}.jodis-home__cta[data-disabled=true]:hover{background:var(--surface-inset)}.jodis-home__cta-icon{border-radius:var(--radius-md);background:var(--color-primary-soft);width:44px;height:44px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}[data-disabled=true]>.jodis-home__cta-icon{background:var(--linen-200);color:var(--text-muted)}.jodis-home__cta-text{flex:1;min-width:0}.jodis-home__cta-title{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-title);color:var(--text-strong)}[data-disabled=true] .jodis-home__cta-title{color:var(--text-muted)}.jodis-home__cta-meta{font-size:12px;font-weight:var(--weight-semibold);color:var(--text-muted);margin-top:2px}.jodis-home__error{font-size:var(--text-small);font-weight:var(--weight-semibold);color:var(--color-danger);margin:14px 0 0}.jodis-home__empty{text-align:center;margin-top:22px;padding:26px 20px 22px}.jodis-home__empty-icon{background:var(--color-primary-soft);width:60px;height:60px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto;display:flex}.jodis-home__empty-title{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-h2);color:var(--text-strong);margin:14px 0 0}.jodis-home__empty-body{max-width:250px;font-size:13.5px;font-weight:var(--weight-semibold);color:var(--text-muted);text-wrap:pretty;margin:6px auto 0;line-height:1.5}.jodis-home__empty-arrow{color:var(--text-muted);margin-top:14px;animation:1.4s ease-in-out infinite jodis-breathe}.jodis-add{width:100%;max-width:var(--screen-max-w);min-height:var(--app-height,100dvh);font-family:var(--font-body);color:var(--text-body);padding-top:calc(var(--topbar-h) + env(safe-area-inset-top,0px));flex-direction:column;margin:0 auto;display:flex}.jodis-add__content{flex-direction:column;flex:1;gap:14px;padding:16px 22px 20px;display:flex}.jodis-add__empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding-bottom:30px;display:flex}.jodis-add__empty-icon{background:var(--color-primary-soft);width:58px;height:58px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.jodis-add__empty-title{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-h2);color:var(--text-strong);margin:0}.jodis-add__empty-body,.jodis-add__empty-error{max-width:230px;font-size:13px;font-weight:var(--weight-semibold);text-wrap:pretty;margin:0;line-height:1.5}.jodis-add__empty-body{color:var(--text-muted)}.jodis-add__empty-error{color:var(--color-danger)}.jodis-add__empty-arrow{color:var(--text-muted);animation:1.4s ease-in-out infinite jodis-breathe}.jodis-sugg-list{flex-direction:column;gap:9px;display:flex}.jodis-sugg-list__pending{align-items:center;gap:9px;margin:0 0 3px;display:flex}.jodis-sugg-list__spinner{border:2px solid var(--color-primary-border);border-top-color:var(--color-primary);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.8s linear infinite jodis-spin}.jodis-sugg-list__skeleton{border-radius:var(--radius-lg);background:var(--surface-card);border:1px solid var(--border-soft);height:64px;animation:1.2s ease-in-out infinite jodis-shimmer}.jodis-sugg-list__note{font-size:12.5px;font-weight:var(--weight-semibold);color:var(--color-attention);text-wrap:pretty;margin:5px 2px 0;line-height:1.4}.jodis-sugg{background:var(--surface-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);align-items:stretch;display:flex;overflow:hidden}.jodis-sugg[data-duplicate=true]{background:var(--surface-inset);box-shadow:none}.jodis-sugg[data-unverified=true]{border:1px dashed var(--color-attention)}.jodis-sugg__body{background:var(--border-soft);flex-wrap:wrap;flex:1;gap:1px;min-width:0;display:flex}.jodis-sugg__source,.jodis-sugg__target{flex:auto;min-width:0}.jodis-sugg__source{background:var(--surface-card);flex-direction:column-reverse;justify-content:center;padding:11px 12px 10px 14px;display:flex}.jodis-sugg__source .jodis-sugg__label{margin-top:3px}[data-duplicate=true] .jodis-sugg__source{background:var(--surface-inset)}.jodis-sugg__label{font-family:var(--font-body);font-size:9px;font-weight:var(--weight-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--text-label);flex-shrink:0;line-height:1.3}.jodis-sugg__flag{color:var(--color-attention);margin-left:8px}.jodis-sugg__text{font-family:var(--font-content);font-size:14.5px;font-weight:var(--weight-semibold);color:var(--text-body);overflow-wrap:break-word;text-wrap:pretty;-webkit-user-select:text;user-select:text;line-height:1.3}[data-duplicate=true] .jodis-sugg__text{color:var(--text-muted)}.jodis-tfield{flex:1;min-width:0;display:grid;position:relative}.jodis-tfield:after{content:attr(data-value) " ";visibility:hidden}.jodis-tfield__input,.jodis-tfield:after{font:inherit;letter-spacing:inherit;line-height:inherit;white-space:pre-wrap;overflow-wrap:break-word}.jodis-tfield__input{color:inherit;resize:none;background:0 0;border:none;margin:0;padding:0;position:absolute;inset:0;overflow:hidden}.jodis-tfield__input::placeholder{color:var(--text-muted);font-weight:var(--weight-semibold)}.jodis-tfield__input:read-only{cursor:default}.jodis-tfield__input:focus{outline:none}.jodis-sugg__target{background:var(--surface-inset);font-family:var(--font-content);font-weight:var(--weight-bold);color:var(--text-strong);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"text pencil""label pencil";align-items:center;gap:0 8px;padding:10px 8px 10px 13px;font-size:16px;line-height:1.3;display:grid}.jodis-sugg__target .jodis-tfield{grid-area:text}.jodis-sugg__target .jodis-sugg__label{grid-area:label;margin-top:3px}.jodis-sugg__target .jodis-pencil{grid-area:pencil}[data-duplicate=true] .jodis-sugg__target{color:var(--text-muted)}.jodis-pencil{background:var(--surface-card);width:32px;height:32px;color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow-sm);-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s;display:flex;position:relative}.jodis-pencil:before{content:"";position:absolute;inset:-6px}@media (hover:hover){.jodis-pencil:hover{color:var(--color-primary)}}.jodis-pencil:focus-visible{box-shadow:var(--shadow-focus);outline:none}.jodis-pencil[data-hidden=true]{visibility:hidden}.jodis-sugg__action{background:var(--surface-card);flex-shrink:0;align-items:center;padding:0 12px;display:flex}[data-duplicate=true]>.jodis-sugg__action{background:0 0}.jodis-sugg__add{border-radius:var(--radius-pill);background:var(--color-primary);height:38px;color:var(--color-on-primary);font-family:var(--font-body);font-size:13px;font-weight:var(--weight-bold);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;align-items:center;padding:0 12px;transition:background .15s;display:flex}@media (hover:hover){.jodis-sugg__add:hover:not(:disabled){background:var(--color-primary-hover)}}.jodis-sugg__add:focus-visible{box-shadow:var(--shadow-focus);outline:none}.jodis-sugg__add:disabled{opacity:.45;cursor:not-allowed}.jodis-sugg__chip{border-radius:var(--radius-pill);background:var(--surface-card);height:38px;color:var(--text-label);font-size:12px;font-weight:var(--weight-bold);align-items:center;gap:5px;padding:0 13px;display:flex}.jodis-sugg__chip>svg{flex-shrink:0}.jodis-type{padding:14px 16px 16px}.jodis-type__label{letter-spacing:.1em;margin:0 0 6px;font-size:9px}.jodis-type__notice{font-size:12.5px;font-weight:var(--weight-semibold);text-wrap:pretty;overflow-wrap:anywhere;margin:9px 0 0;line-height:1.4}.jodis-type__notice[data-tone=known]{color:var(--color-attention)}.jodis-type__notice[data-tone=error]{color:var(--color-danger)}.jodis-type__translate{margin-top:11px}.jodis-type__label--second{margin-top:14px}.jodis-type__remaining{color:var(--text-muted);text-align:center;margin:7px 0 0;font-size:12px}@keyframes jodis-shimmer{0%,to{opacity:.5}50%{opacity:1}}.jodis-auth{width:100%;max-width:var(--screen-max-w);min-height:var(--app-height,100dvh);font-family:var(--font-body);color:var(--text-body);padding:calc(var(--space-5) + env(safe-area-inset-top,0px)) 22px calc(var(--space-5) + env(safe-area-inset-bottom,0px));flex-direction:column;margin:0 auto;display:flex}.jodis-auth__body{text-align:center;flex-direction:column;flex:1;justify-content:center;display:flex}.jodis-auth__icon{width:64px;height:64px;margin:0 auto var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:block}.jodis-auth__title{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-display);letter-spacing:var(--tracking-tight);color:var(--text-strong);text-wrap:balance;margin:0;line-height:1.2}.jodis-auth__tagline{max-width:300px;margin:var(--space-2) auto 0;font-size:var(--text-body-size);font-weight:var(--weight-semibold);color:var(--text-muted);text-wrap:pretty;line-height:1.5}.jodis-auth__method{gap:var(--space-4);margin-top:var(--space-3);text-align:start;flex-direction:column;display:flex}.jodis-auth__method:first-of-type{margin-top:var(--space-5)}.jodis-auth__subtitle{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-title);color:var(--text-strong);text-wrap:balance;margin:0}.jodis-auth__consent{text-align:start;display:flex}.jodis-auth__form{gap:var(--space-4);text-align:start;flex-direction:column;display:flex}.jodis-auth__body>.jodis-auth__form{margin-top:var(--space-8)}.jodis-auth__hint{font-size:var(--text-small);color:var(--text-muted);text-wrap:pretty;margin:0;line-height:1.5}.jodis-auth__error{font-size:var(--text-small);font-weight:var(--weight-semibold);color:var(--color-danger);margin:0}.jodis-auth__body>.jodis-auth__error{margin-top:var(--space-5)}.jodis-auth__install{margin-top:var(--space-4);align-self:center}.jodis-auth__switch{margin-top:var(--space-3);padding:var(--space-2);font:inherit;font-size:var(--text-small);font-weight:var(--weight-semibold);color:var(--text-muted);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;text-decoration:underline}.jodis-auth__legal{justify-content:center;gap:var(--space-2);margin-top:var(--space-4);font-size:var(--text-small);color:var(--text-muted);display:flex}.jodis-auth__legal>a{color:var(--text-muted);text-underline-offset:2px;text-decoration:underline}.jodis-profile__card{margin-top:14px}.jodis-profile__card>.ds-label{margin:0 0 6px}.jodis-profile__pair{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-title);color:var(--text-strong);text-wrap:pretty;margin:0}.jodis-profile__hint{font-size:var(--text-small);color:var(--text-muted);text-wrap:pretty;margin:10px 0 0}.jodis-profile__error{font-size:var(--text-small);font-weight:var(--weight-semibold);color:var(--color-danger);margin:10px 0 0}.jodis-profile__hint--lead{margin:0 0 var(--space-4)}.jodis-profile__usage{gap:var(--space-2);margin:var(--space-3) 0 0;flex-direction:column;display:flex}.jodis-profile__usage-row{justify-content:space-between;gap:var(--space-3);display:flex}.jodis-profile__usage-row dt{color:var(--text-body)}.jodis-profile__usage-row dd{font-weight:var(--weight-semibold);color:var(--text-strong);font-variant-numeric:tabular-nums;margin:0}.jodis-signin-link{border-radius:var(--radius-lg);position:relative;overflow:hidden}.jodis-signin-link__content{gap:var(--space-3);flex-direction:column;transition:filter .25s,opacity .25s;display:flex}[data-live=false]>.jodis-signin-link__content{filter:blur(6px);opacity:.55;pointer-events:none;-webkit-user-select:none;user-select:none}.jodis-signin-link__veil{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-4);text-align:center;flex-direction:column;display:flex;position:absolute;inset:0}.jodis-signin-link__notice{font-size:var(--text-small);font-weight:var(--weight-semibold);color:var(--text-strong);text-wrap:balance;margin:0}.jodis-signin-link__qr{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--white);width:200px;max-width:100%;image-rendering:pixelated;align-self:center}.jodis-signin-link__url{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--surface-inset);font-family:var(--font-mono);font-size:var(--text-small);color:var(--text-body);overflow-wrap:anywhere;text-align:center;-webkit-user-select:all;user-select:all;margin:0;line-height:1.4}.jodis-signin-link__actions{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.jodis-signin-link__meta{align-items:center;gap:var(--space-3);margin-top:var(--space-4);display:flex}.jodis-signin-link__meta>.jodis-profile__hint{margin:0}.jodis-dictionary{width:100%;max-width:var(--screen-max-w);min-height:var(--app-height,100dvh);font-family:var(--font-body);color:var(--text-body);padding-top:calc(var(--topbar-h) + env(safe-area-inset-top,0px));flex-direction:column;margin:0 auto;display:flex}.jodis-dictionary__pad{flex-direction:column;flex:1;padding:6px 22px 18px;display:flex}.jodis-dictionary__search{align-items:center;gap:var(--space-2);margin-top:var(--space-3);display:flex}.jodis-dictionary__search>.ds-input{flex:1;min-width:0}.jodis-dictionary__count{margin:var(--space-2) 0 0;font-size:var(--text-small);color:var(--text-muted);padding:0 2px}.jodis-dictionary__list{margin-top:10px}.jodis-editor{gap:var(--space-2);flex-direction:column;display:flex}.jodis-editor .ds-input__box{background:var(--surface-card)}.jodis-editor__progress{align-items:center;gap:var(--space-2);margin-top:var(--space-1);display:flex}.jodis-editor__level{min-width:0;font-size:var(--text-small);font-weight:var(--weight-semibold);color:var(--text-body);flex:1}.jodis-editor__error{font-size:var(--text-small);font-weight:var(--weight-semibold);color:var(--color-danger);margin:0}.jodis-editor__actions{gap:var(--space-2);margin-top:var(--space-1);display:flex}.jodis-editor__actions>.ds-btn{flex:2}.jodis-editor__actions>.jodis-editor__delete{flex:1}.jodis-learn__quiz{align-items:center;gap:var(--space-3);flex-direction:column;width:100%;display:flex}.jodis-learn__quiz-meta{font-size:var(--text-small);font-weight:var(--weight-semibold);color:var(--text-muted);text-align:center;margin:0}.jodis-study{--study-snap:.34s cubic-bezier(.2, .8, .25, 1)}.jodis-study__progress{gap:4px;display:flex}.jodis-study__seg{border-radius:var(--radius-pill);background:var(--linen-200);height:5px;transition:background var(--study-snap);flex:1}.jodis-study__seg[data-state=learned]{background:var(--color-success)}.jodis-study__seg[data-state=current]{background:var(--color-primary)}.jodis-counter{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.jodis-counter__label{font-size:var(--text-body-size);font-weight:var(--weight-semibold);color:var(--text-muted)}.jodis-counter__num{font-family:var(--font-display);font-weight:var(--weight-heavy);color:var(--color-success)}.jodis-side-switch{align-items:center;gap:8px;display:inline-flex}.jodis-side-switch__label{font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--text-label)}.jodis-side-switch__pill{border-radius:var(--radius-pill);background:var(--linen-200);padding:2px;display:inline-flex}.jodis-side-switch__opt{border-radius:var(--radius-pill);min-height:28px;color:var(--text-muted);font-family:var(--font-body);font-size:var(--text-caption);font-weight:var(--weight-bold);letter-spacing:var(--tracking-label);cursor:pointer;background:0 0;border:0;padding:2px 10px;transition:background .2s,color .2s}.jodis-side-switch__opt[aria-checked=true]{background:var(--color-primary-soft);color:var(--color-primary)}.jodis-side-switch__opt:focus-visible{box-shadow:var(--shadow-focus);outline:none}.jodis-carousel{--card-w:min(300px, 72vw, 42vh);--card-gap:14px;--carousel-bleed:14px;margin-inline:calc(-1 * var(--carousel-bleed));touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.jodis-carousel__viewport{width:100%;position:relative;overflow:clip visible}.jodis-carousel__container{touch-action:pan-y;align-items:center;display:flex}.jodis-carousel[data-single=true] .jodis-carousel__container{justify-content:center;transform:none!important}.jodis-carousel__slide{flex:0 0 calc(var(--card-w) + var(--card-gap));min-width:0;padding-inline:calc(var(--card-gap) / 2);justify-content:center;align-items:center;display:flex;position:relative}.jodis-card{width:var(--card-w,min(296px, 72vw));aspect-ratio:3/4;transform:translate(-50%, -50%) translateX(calc((100% + var(--card-gap,14px)) * var(--offset,0))) scale(var(--card-scale,.9));opacity:var(--card-opacity,.45);transition:opacity var(--study-snap);z-index:1;pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-start:50%}.jodis-card[data-active=true]{z-index:2;pointer-events:auto}.jodis-carousel__slide>.jodis-card{width:100%;transform:scale(var(--card-scale,1));opacity:var(--card-opacity,1);transition:none;position:relative;inset-block-start:auto;inset-inline-start:auto}.jodis-card[data-hidden=true]{visibility:hidden}.jodis-card__motion{touch-action:none;width:100%;height:100%;transition:transform var(--study-snap)}.jodis-card[data-active=true] .jodis-card__motion{cursor:grab}.jodis-card[data-active=true] .jodis-card__motion:active{cursor:grabbing}.jodis-card.jodis-card--leaving{z-index:3;pointer-events:none}.jodis-card__inner{border:1px solid var(--border-soft);border-radius:var(--radius-2xl);background:var(--surface-card);width:100%;height:100%;color:var(--text-body);font-family:var(--font-body);box-shadow:var(--shadow-card);flex-direction:column;padding:28px;transition:transform 60ms cubic-bezier(.45,0,.55,1);display:flex;position:relative;overflow:hidden;transform:scaleX(1);container-type:inline-size}.jodis-card[data-face=back] .jodis-card__inner{background:linear-gradient(160deg, var(--color-primary-soft), var(--surface-card))}.jodis-card[data-squashed=true] .jodis-card__inner{transform:scaleX(.04)}.jodis-card__top{justify-content:space-between;align-items:center;display:flex}.jodis-card__chip{border-radius:var(--radius-pill);background:var(--color-primary-soft);color:var(--color-primary);font-family:var(--font-body);font-size:var(--text-caption);font-weight:var(--weight-bold);letter-spacing:var(--tracking-label);align-self:flex-start;padding:4px 10px}.jodis-card[data-face=back] .jodis-card__chip{background:var(--linen-200);color:var(--text-muted)}.jodis-card__center{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.jodis-card__wordwrap{text-align:center;position:relative}.jodis-card__word{font-family:var(--font-content);font-size:min(clamp(30px, 8vw, 42px), 17.5cqi * var(--text-scale,1));font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);text-align:center;text-wrap:balance;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;color:var(--text-strong);line-height:1.08;display:block}.jodis-card__sub{top:100%;font-family:var(--font-content);font-size:var(--text-small);color:var(--text-muted);text-align:center;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;margin-top:10px;position:absolute;inset-inline:0}.jodis-card__learn-overlay{background:linear-gradient(180deg, color-mix(in oklab, var(--sage-100) 28%, transparent) 0%, color-mix(in oklab, var(--color-success) 38%, transparent) 100%);opacity:calc(.25 + (.7 * var(--learn-strength,0)));pointer-events:none;justify-content:center;align-items:flex-end;padding:24px 24px 18px;display:flex;position:absolute;inset:0}.jodis-card__learn-badge{border-radius:var(--radius-pill);background:color-mix(in oklab, var(--white) 94%, var(--sage-100));color:var(--sage-600);box-shadow:var(--shadow-pop);font-size:var(--text-caption);font-weight:var(--weight-heavy);letter-spacing:var(--tracking-label);text-transform:uppercase;z-index:1;align-items:center;gap:10px;padding:12px 18px;display:inline-flex;position:relative}.jodis-card__learn-check{background:var(--color-success);width:24px;height:24px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.jodis-control-hint{font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--text-label);flex-wrap:wrap;justify-content:center;gap:6px 22px;margin:14px 0 0;padding:0;list-style:none;display:flex}.jodis-control-hint>li>strong{font-weight:var(--weight-heavy);color:var(--text-muted)}.jodis-quiz{justify-content:safe center;gap:var(--space-8)}.jodis-quiz .jodis-page__header{margin-bottom:0}.jodis-quiz .jodis-quiz__body{flex:0 auto;padding:0}.jodis-quiz .jodis-quiz__footer,.jodis-quiz .jodis-page__actions{margin-top:0;padding-top:0}.jodis-quiz .jodis-result{margin-top:0}.jodis-quiz__body{justify-content:center;gap:var(--space-5);padding:var(--space-4) 0;flex-direction:column;flex:1;display:flex}.jodis-quiz__footer{gap:var(--space-2);padding-top:var(--space-4);flex-direction:column;margin-top:auto;display:flex}.jodis-quiz__prompt-card{border-radius:var(--radius-2xl);background:var(--surface-sunken);box-shadow:none;text-align:center;border-color:#0000;padding:26px 22px}.jodis-quiz__prompt-word{font-family:var(--font-content);font-weight:var(--weight-bold);font-size:var(--text-display);letter-spacing:var(--tracking-tight);color:var(--text-strong);text-wrap:balance;overflow-wrap:anywhere;margin:0;line-height:1.15}.jodis-quiz__options{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.jodis-board{column-gap:var(--space-6);row-gap:var(--space-2);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.jodis-column{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.jodis-quiz__answer{text-align:center;visibility:hidden}.jodis-quiz__answer[data-revealed=true]{visibility:visible}.jodis-quiz__answer-value{font-family:var(--font-content);font-weight:var(--weight-semibold);font-size:var(--text-title);color:var(--color-success);overflow-wrap:anywhere;margin:4px 0 0}.jodis-quiz__answer-value [data-error],.jodis-quiz__answer-value .jodis-quiz__answer-extra{background:var(--color-danger-soft);color:var(--color-danger);border-radius:3px;padding:0 1px}.jodis-quiz__answer-value .jodis-quiz__answer-extra{text-decoration:line-through;text-decoration-thickness:2px}.jodis-hint-btn__cost{align-items:center;gap:var(--space-1);color:var(--text-muted);display:inline-flex}.jodis-quiz__head{align-items:baseline;column-gap:var(--space-4);row-gap:var(--space-2);flex-wrap:wrap;display:flex}.jodis-quiz__head .jodis-page__header{flex-grow:1;flex-shrink:1;flex-basis:max-content}.jodis-quiz__head .jodis-round-gems{flex:none;margin-inline-start:auto}.jodis-round-gems{justify-content:flex-end;align-items:center;gap:var(--space-2);font-size:var(--text-small);font-weight:var(--weight-semibold);color:var(--text-muted);margin:0;display:flex}.jodis-round-gems__value{align-items:center;gap:var(--space-1);font-weight:var(--weight-bold);color:var(--text-strong);display:inline-flex}.jodis-round-gems__value[data-dropped]{animation:.42s jodis-gems-drop}@keyframes jodis-gems-drop{0%,to{color:var(--text-strong);transform:translate(0)}20%{color:var(--color-danger);transform:translate(-3px)}40%{color:var(--color-danger);transform:translate(3px)}60%{color:var(--color-danger);transform:translate(-2px)}80%{color:var(--color-danger);transform:translate(1px)}}.jodis-result{margin-top:var(--space-5);text-align:center;padding:30px 22px}.jodis-result__badge{background:var(--color-success-soft);width:76px;height:76px;color:var(--color-success);border-radius:50%;justify-content:center;align-items:center;margin:0 auto;display:flex}.jodis-result__heading{margin:var(--space-4) 0 0;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-h1);letter-spacing:var(--tracking-tight);color:var(--text-strong)}.jodis-result__body{max-width:320px;margin:var(--space-1) auto 0;font-size:var(--text-small);font-weight:var(--weight-semibold);color:var(--text-muted);text-wrap:pretty;line-height:1.5}.jodis-result__stats{justify-content:center;align-items:center;gap:var(--space-8);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border-soft);display:flex}.jodis-result__stats .ds-stat__value{justify-content:center;align-items:center;gap:var(--space-1);display:flex}.jodis-result__review{justify-content:center;column-gap:var(--space-4);row-gap:var(--space-1);margin:var(--space-4) 0 0;font-size:var(--text-small);color:var(--text-muted);flex-wrap:wrap;line-height:1.5;display:flex}.jodis-result__review>*{white-space:nowrap}.jodis-result__review strong{font-weight:var(--weight-semibold);color:var(--color-success)}.jodis-result__submitting{font-size:var(--text-small);font-weight:var(--weight-semibold);color:var(--text-muted);text-align:center;margin:0;animation:1.2s ease-in-out infinite jodis-blink}@keyframes jodis-blink{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.jodis-result__submitting{animation:none}}.jodis-result__error{align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-danger);border-radius:var(--radius-lg);background:var(--color-danger-soft);color:var(--color-danger);font-size:var(--text-small);font-weight:var(--weight-semibold);text-align:center;text-wrap:pretty;flex-direction:column;display:flex}.jodis-result__error>p{margin:0}.jodis-site{justify-content:center;align-items:center;gap:var(--space-4);min-height:100dvh;padding:var(--space-6);text-align:center;flex-direction:column;display:flex}.jodis-site__title{color:var(--text-strong);font-family:var(--font-display);font-size:var(--text-display);margin:0}.jodis-site__tagline{margin:0 0 var(--space-4);font-size:var(--text-title)}}@layer utilities{@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}}@layer dev;