:root{--app-font-family:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--japanese-font-family:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Yu Gothic", Meiryo, "Noto Sans JP", "Noto Sans CJK JP", sans-serif;--page:#faf9f6;--surface:#fff;--surface-2:#f1efeb;--tile:#f1efeb;--tile-hover:#e9e7e1;--text:#111113;--text-muted:#6b6b6f;--text-faint:#9a9a9e;--hairline:#00000012;--hairline-strong:#00000021;--accent:#5e6ad2;--accent-link:#5760c3;--danger:#b94a48;--danger-soft:#b94a4814;--warning:#9f6b2f;--success:#2f7d52;--shadow-fab:0 4px 18px #1112141a;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);color:var(--text);background:var(--page);font-family:var(--app-font-family);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--page:#0c0c0d;--surface:#141417;--surface-2:#1c1c1e;--tile:#141417;--tile-hover:#1a1a1d;--text:#ededee;--text-muted:#9a9a9e;--text-faint:#6e6e72;--hairline:#ffffff0f;--hairline-strong:#ffffff1f;--accent:#8a93ff;--accent-link:#9aa3ff;--danger:#e07574;--danger-soft:#e075741f;--warning:#d2a87a;--success:#5ec48a;--shadow-fab:0 4px 22px #00000080}*{box-sizing:border-box}html,body{background:var(--page);width:100%;min-height:100vh;color:var(--text);margin:0;padding:0;overflow-x:hidden}#app{width:100%;min-height:100vh}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3,p{color:var(--text);margin:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.plain-title{color:inherit;text-align:left;background:0 0;border:0;padding:0;display:grid}.app-shell{background:var(--page);flex-direction:column;width:100%;min-height:100vh;display:flex}.hub{width:100%;max-width:720px;padding:calc(var(--safe-top) + 18px) calc(22px + var(--safe-right)) calc(var(--safe-bottom) + 110px) calc(22px + var(--safe-left));flex-direction:column;gap:32px;margin:0 auto;display:flex;position:relative}.hub-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:-12px;display:flex}.hub-id{color:var(--text);background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:13px;font-weight:500;display:inline-flex}.hub-mark{width:22px;height:22px;color:var(--text);background:var(--surface-2);border-radius:6px;place-items:center;display:grid}.hub-name{color:var(--text)}.hub-dot{background:var(--success);border-radius:50%;width:6px;height:6px}.hub-avatar{background:var(--surface-2);width:30px;height:30px;color:var(--text-muted);border:0;border-radius:50%;place-items:center;display:grid}.hub-today{flex-direction:column;gap:4px;display:flex}.kicker{color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:500}.hub-today-row{align-items:baseline;gap:10px;margin-top:6px;display:flex}.hub-bignum{letter-spacing:-.02em;color:var(--text);font-size:56px;font-weight:500;line-height:1}.hub-bigsub{color:var(--text-muted);font-size:15px}.hub-link{color:var(--accent-link);margin-top:12px;font-size:14px;font-weight:500;display:inline-block}.hub-quiet{color:var(--text-muted);margin-top:12px;font-size:14px}.hub-section{flex-direction:column;gap:6px;display:flex}.hub-section-head{justify-content:space-between;align-items:center;gap:8px;min-height:24px;margin-bottom:4px;display:flex}.hub-section-toggle{color:var(--text-faint);letter-spacing:.04em;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:4px;margin-left:-2px;padding:4px 4px 4px 0;font-size:11px;font-weight:500;display:inline-flex}.hub-section-toggle .chevron{transition:transform .18s}.hub-section-toggle.is-collapsed .chevron{transform:rotate(-90deg)}.hub-section-action{width:26px;height:26px;color:var(--text-muted);background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.hub-section-action:hover{background:var(--surface-2);color:var(--text)}.hub-recents{overscroll-behavior-x:contain;margin:0 calc(-1 * (22px + var(--safe-right))) 0 calc(-1 * (22px + var(--safe-left)));padding:2px calc(22px + var(--safe-right)) 6px calc(22px + var(--safe-left));scrollbar-width:none;gap:10px;display:flex;overflow-x:auto}.hub-recents::-webkit-scrollbar{display:none}.hub-tile{background:var(--tile);height:128px;color:var(--text);text-align:left;border:0;border-radius:12px;flex-direction:column;flex:0 0 138px;justify-content:space-between;padding:12px;display:flex}.hub-tile:active{background:var(--tile-hover)}.hub-tile-color{border-radius:5px;width:18px;height:18px;display:block}.hub-tile-body{flex-direction:column;gap:4px;min-width:0;display:flex}.hub-tile-name{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.hub-tile-meta{color:var(--text-muted);font-size:11px}.hub-rows{flex-direction:column;display:flex}.hub-row{border:0;border-bottom:.5px solid var(--hairline);color:var(--text);text-align:left;background:0 0;align-items:center;gap:12px;width:100%;padding:13px 0;display:flex}.hub-row:last-child{border-bottom:0}.hub-row:active{background:var(--surface-2)}.hub-row-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.hub-row-icon{width:18px;height:18px;color:var(--text-muted);flex-shrink:0;place-items:center;display:grid}.hub-row-name{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:15px;font-weight:450;overflow:hidden}.hub-row-meta{color:var(--text-muted);flex-shrink:0;font-size:12px}.hub-row-meta.accent{color:var(--accent-link)}.hub-empty{color:var(--text-muted);padding:12px 0;font-size:14px}.hub-fab{right:calc(var(--safe-right) + 22px);bottom:calc(var(--safe-bottom) + 22px);border:.5px solid var(--hairline-strong);background:var(--surface);width:48px;height:48px;color:var(--text);box-shadow:var(--shadow-fab);z-index:6;border-radius:50%;place-items:center;display:grid;position:fixed}[data-theme=dark] .hub-fab{background:var(--surface-2)}.hub-fab:active{transform:scale(.96)}.stack-shell{width:100%;max-width:720px;padding:calc(var(--safe-top) + 8px) calc(22px + var(--safe-right)) calc(var(--safe-bottom) + 36px) calc(22px + var(--safe-left));flex-direction:column;gap:18px;margin:0 auto;display:flex}.stack-header{top:var(--safe-top);z-index:4;background:var(--page);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;min-height:44px;padding:6px 0;display:grid;position:sticky}.stack-back{height:32px;color:var(--text-muted);background:0 0;border:0;border-radius:8px;justify-self:start;align-items:center;gap:2px;padding:0 8px 0 4px;font-size:14px;font-weight:500;display:inline-flex}.stack-back:hover{color:var(--text)}.stack-title{letter-spacing:-.005em;min-width:0;color:var(--text);text-align:left;text-overflow:ellipsis;white-space:nowrap;justify-self:stretch;font-size:16px;font-weight:500;overflow:hidden}.stack-actions{justify-self:end;align-items:center;gap:4px;min-width:0;display:inline-flex}.stack-action{height:32px;color:var(--accent-link);background:0 0;border:0;border-radius:8px;align-items:center;gap:4px;padding:0 8px;font-size:14px;font-weight:500;display:inline-flex}.stack-action.danger{color:var(--danger)}.stack-action.icon-only{width:32px;color:var(--text-muted);justify-content:center;padding:0}.stack-action.icon-only:hover{color:var(--text);background:var(--surface-2)}.stack-large{letter-spacing:-.02em;color:var(--text);font-size:30px;font-weight:500;line-height:1.1}.stack-eyebrow{color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:500}.loading-state{min-height:100vh;color:var(--text-muted);place-items:center;font-weight:500;display:grid}.recovery-state{min-height:100vh;padding:calc(var(--safe-top) + 22px) 22px calc(var(--safe-bottom) + 22px);place-items:center;display:grid}.recovery-state>div{background:var(--surface);border:.5px solid var(--hairline);border-radius:14px;gap:14px;width:min(420px,100%);padding:22px;display:grid}.recovery-state h1,.recovery-state p{margin:0}.recovery-state p:not(.eyebrow):not(.kicker){color:var(--text-muted);font-size:14px;line-height:1.5}.recovery-state code{overflow-wrap:anywhere;color:var(--danger);background:var(--danger-soft);border-radius:8px;padding:10px 12px;font-size:12px}.status-message{color:var(--accent-link);background:var(--surface-2);border-radius:10px;margin:0;padding:10px 12px;font-size:13px;font-weight:500}.toast-region{right:calc(var(--safe-right) + 16px);bottom:calc(var(--safe-bottom) + 80px);z-index:10;width:min(360px,100vw - 32px);position:fixed}.app-toast{background:var(--surface);border:.5px solid var(--hairline);border-radius:12px;gap:10px;padding:14px;display:grid;box-shadow:0 10px 30px #0000001a}[data-theme=dark] .app-toast{background:var(--surface-2);border-color:#0000;box-shadow:0 10px 30px #00000080}.app-toast>div:first-child{gap:4px;display:grid}.app-toast strong{color:var(--text);font-size:14px;font-weight:500}.app-toast span{color:var(--text-muted);font-size:13px;line-height:1.4}.toast-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.toast-actions button{border:.5px solid var(--hairline-strong);min-height:30px;color:var(--text);background:0 0;border-radius:8px;padding:0 10px;font-size:13px;font-weight:500}.toast-actions button:first-child{color:var(--page);background:var(--text);border-color:#0000}.eyebrow{color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:500}.primary-action,.secondary-action{border:.5px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.primary-action{color:var(--page);background:var(--text)}[data-theme=dark] .primary-action{color:#0c0c0d;background:#ededee}.secondary-action{color:var(--text);border-color:var(--hairline-strong);background:0 0}.secondary-action:hover{background:var(--surface-2)}.secondary-action.danger{color:var(--danger);border-color:var(--hairline-strong)}.deck-grid{flex-direction:column;gap:10px;display:flex}.deck-card{border:.5px solid var(--hairline);background:var(--surface);border-radius:12px;grid-template-columns:auto 1fr;gap:14px;padding:14px 16px;display:grid}[data-theme=dark] .deck-card{background:var(--surface-2);border-color:#0000}.deck-card.active{border-color:var(--hairline-strong)}.deck-swatch{background:var(--deck-color);border-radius:4px;align-self:stretch;width:4px}.deck-card-body{flex-direction:column;gap:12px;min-width:0;display:flex}.deck-card h2{color:var(--text);letter-spacing:-.005em;font-size:16px;font-weight:500}.deck-card p{color:var(--text-muted);margin-top:4px;font-size:13px;line-height:1.4}.deck-stats{flex-wrap:wrap;gap:6px;display:flex}.deck-stats span{color:var(--text-muted);background:var(--surface-2);border-radius:999px;padding:3px 8px;font-size:12px;font-weight:500}.deck-actions{flex-wrap:wrap;gap:8px;display:flex}.deck-actions button{border:.5px solid var(--hairline-strong);min-height:32px;color:var(--text);background:0 0;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:500;display:inline-flex}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.stats-grid article{background:var(--surface-2);border-radius:12px;flex-direction:column;gap:4px;min-width:0;padding:12px 14px;display:flex}.stats-grid span,.card-stats dt{color:var(--text-faint);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:500}.stats-grid strong{overflow-wrap:anywhere;color:var(--text);letter-spacing:-.005em;font-size:18px;font-weight:500}.content-panel{background:var(--surface);border:.5px solid var(--hairline);border-radius:14px;flex-direction:column;gap:14px;padding:16px;display:flex}[data-theme=dark] .content-panel{background:var(--surface-2);border-color:#0000}.content-panel.focused-panel{background:0 0;border:0;padding:0}.muted-copy{color:var(--text-muted);font-size:14px;line-height:1.5}.panel-title{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.panel-title h2{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:500}.panel-title.compact{justify-content:flex-start}.panel-title.compact h3{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:500}input,select,textarea{border:.5px solid var(--hairline-strong);width:100%;min-width:0;color:var(--text);background:var(--surface);border-radius:9px}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--surface);border-color:var(--hairline)}input,select{min-height:38px;padding:0 12px}input[type=color]{min-width:48px;padding:4px}textarea{resize:vertical;padding:10px 12px;line-height:1.45}label{gap:6px;min-width:0;display:grid}label>span{color:var(--text-muted);font-size:12px;font-weight:500}.search-field{height:36px;color:var(--text-muted);background:var(--surface-2);border:.5px solid #0000;border-radius:9px;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:0 12px;display:grid}.search-field input{background:0 0;border:0;min-height:0;padding:0}.card-table{flex-direction:column;display:flex}.card-table article{border-bottom:.5px solid var(--hairline);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px 0;display:grid}.card-table article:last-child{border-bottom:0}.card-table strong,.card-table span,.memory-card strong{overflow-wrap:anywhere}.text-line{color:inherit;font:inherit;text-transform:none;margin:0;display:block}.card-table strong{color:var(--text);font-family:var(--japanese-font-family);white-space:pre-line;font-size:15px;font-weight:500;display:block}.card-table strong+span{color:var(--text-muted);margin-top:4px;font-size:13px;display:block}.card-table strong .text-line+.text-line{color:var(--text-muted);margin-top:2px;font-size:.9em;font-weight:450}.card-table small{color:var(--text-faint);margin-top:6px;font-size:12px;display:block}.card-stats{flex-wrap:wrap;gap:6px 12px;margin:10px 0 0;display:flex}.card-stats div{gap:2px;display:grid}.card-stats dd{color:var(--text);margin:0;font-size:12px;font-weight:500}.icon-actions{align-self:start;gap:2px;display:flex}.icon-actions button{width:32px;height:32px;color:var(--text-muted);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.icon-actions button:hover{color:var(--text);background:var(--surface-2)}.quick-add{flex-direction:column;gap:12px;min-width:0;padding-top:4px;display:flex}.form-grid{flex-direction:column;gap:12px;min-width:0;display:flex}.form-grid.deck-form{flex-direction:column;gap:12px;display:flex}.wide-field{grid-column:1/-1}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.form-actions.left{justify-content:flex-start}.form-error{color:var(--danger);font-size:13px;font-weight:500}.review-page{flex-direction:column;gap:14px;width:100%;max-width:820px;display:flex}.review-meta{color:var(--text-muted);justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:500;display:flex}.segmented-control{background:var(--surface-2);border:0;border-radius:10px;grid-template-columns:1fr 1fr;margin:0;padding:3px;display:grid}.segmented-control button{min-height:30px;color:var(--text-muted);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.segmented-control button.active{color:var(--text);background:var(--surface);box-shadow:0 1px 2px #0000000d}[data-theme=dark] .segmented-control button.active{background:var(--text);color:var(--page);box-shadow:none}.memory-card{width:100%;min-width:0;min-height:360px;color:var(--text);background:var(--surface);border:.5px solid var(--hairline);text-align:left;cursor:pointer;border-radius:16px;grid-template-rows:auto 1fr;padding:clamp(24px,6vw,56px);display:grid;position:relative}[data-theme=dark] .memory-card{background:var(--surface-2);border-color:#0000}.memory-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.memory-card-top{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;display:flex}.memory-card-side-label{color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;align-self:start;font-size:11px;font-weight:500}.reading-toggle{border:.5px solid var(--hairline-strong);min-height:32px;color:var(--text-muted);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:500;display:inline-flex;position:absolute;bottom:clamp(18px,4vw,28px);left:clamp(18px,4vw,28px)}.reading-toggle span{color:inherit;font:inherit}.speech-toggle{border:.5px solid var(--hairline-strong);width:38px;height:38px;color:var(--text-muted);background:0 0;border-radius:8px;place-items:center;display:grid;position:absolute;bottom:clamp(18px,4vw,28px);right:clamp(18px,4vw,28px)}.speech-toggle:hover{color:var(--text);background:var(--surface-2)}.memory-card strong{max-width:720px;color:var(--text);font-family:var(--japanese-font-family);letter-spacing:-.01em;text-align:center;white-space:pre-line;place-self:center;font-size:clamp(2rem,5vw,3.5rem);font-weight:500;line-height:1.05}.memory-card strong .text-line{color:inherit;font:inherit;text-transform:none}.memory-card strong .text-line+.text-line{color:var(--text-muted);margin-top:.32em;font-size:.55em;font-weight:450;line-height:1.15}.memory-card strong.has-floating-reading{position:relative}.memory-card strong.has-floating-reading .text-line+.text-line{white-space:normal;width:min(720px,100vw - 64px);margin-top:0;position:absolute;top:calc(100% + .24em);left:50%;transform:translate(-50%)}.review-back{border:.5px solid var(--hairline-strong);background:0 0;border-radius:8px;min-width:0;min-height:32px;padding:0 10px;font-size:13px}.rating-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.rating-row button{color:#fff;border:0;border-radius:11px;min-height:46px;font-size:14px;font-weight:500}.rating-row .again{background:#8f3f3d}.rating-row .hard{background:#b94a48}.rating-row .medium{background:#9f6b2f}.rating-row .easy{background:#2f7d52}.empty-state{min-height:280px;color:var(--text-muted);text-align:center;place-items:center;gap:8px;display:grid}.empty-state strong{color:var(--text)}.kana-page{flex-direction:column;gap:22px;width:min(820px,100%);display:flex}.kana-grid-section{flex-direction:column;gap:10px;min-width:0;display:flex}.kana-grid-section h2{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:500}.kana-grid{background:var(--hairline);border-radius:12px;grid-template-columns:56px repeat(5,minmax(48px,1fr));gap:1px;display:grid;overflow:hidden}.kana-heading,.kana-row-label,.kana-cell{background:var(--surface);place-items:center;min-height:52px;display:grid}[data-theme=dark] .kana-heading,[data-theme=dark] .kana-row-label,[data-theme=dark] .kana-cell{background:var(--surface-2)}.kana-heading,.kana-row-label{color:var(--text-faint);font-size:12px;font-weight:500}.kana-cell{color:var(--text);font-family:var(--japanese-font-family);font-size:1.55rem;font-weight:500;line-height:1}.kana-cell.empty{color:#0000;background:var(--page)}[data-theme=dark] .kana-cell.empty{background:var(--page)}.settings-grid{flex-direction:column;gap:12px;width:100%;max-width:720px;display:flex}.toggle-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.toggle-row>span{flex-direction:column;gap:2px;display:flex}.toggle-row strong{color:var(--text);font-size:14px;font-weight:500}.toggle-row>span>span{color:var(--text-muted);font-size:13px}.toggle-row input{width:auto}.status-list{flex-direction:column;gap:6px;display:flex}.status-list p{min-height:40px;color:var(--text-muted);background:var(--surface-2);border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:grid}.status-list strong{color:var(--text);font-size:13px;font-weight:500}.status-dot{background:var(--success);border-radius:50%;width:9px;height:9px}.inbox-list{flex-direction:column;gap:6px;display:flex}.inbox-list article{background:var(--surface-2);border-radius:10px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:10px 12px;display:grid}.inbox-list article>div{gap:4px;min-width:0;display:grid}.inbox-list strong,.inbox-list span{overflow-wrap:anywhere}.inbox-list span{color:var(--text-muted);font-size:12px}.inbox-list button{color:var(--page);background:var(--text);border:0;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:500}.inbox-list .danger{color:var(--danger);background:0 0}@media (width>=720px){.stats-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.form-grid.deck-form{grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;display:grid}}@media (width<=420px){.hub{padding-left:calc(18px + var(--safe-left));padding-right:calc(18px + var(--safe-right));gap:28px}.stack-shell{padding-left:calc(18px + var(--safe-left));padding-right:calc(18px + var(--safe-right))}.stack-back{justify-content:center;width:32px;padding:0}.stack-back span{display:none}.hub-bignum{font-size:48px}.rating-row{grid-template-columns:repeat(2,1fr)}}