:root{--color-paper:#f6efdd;--color-card:#fffcf3;--color-hairline:#dccdae;--color-ink:#33281e;--color-ink-soft:#6b5c4b;--color-teal:#26616b;--color-teal-deep:#1b474d;--color-brick:#a93226;--color-marigold:#f2a93b;--color-vermillion:#d9542a;--color-olive:#5e6b33;--font-brand:"Kaisei Tokumin", serif;--font-content:"Zen Kaku Gothic New", sans-serif;--font-ui:"Hanken Grotesk", sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--radius-sm:6px;--radius-md:14px;--radius-pill:999px}*{box-sizing:border-box}html,body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;padding:0}button{font-family:inherit}.shell{background:var(--color-paper);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex}.header{padding:28px 20px 10px}.wordmark{font-family:var(--font-brand);color:var(--color-ink);margin:0;font-size:26px}.tagline{color:var(--color-ink-soft);margin:4px 0 0;font-size:12px}.header-home{background:var(--color-brick);padding:28px 20px 18px}.wordmark-home{font-family:var(--font-brand);color:var(--color-paper);margin:0;font-size:26px;font-weight:700}.tagline-home{color:var(--color-paper);opacity:.85;margin:4px 0 0;font-size:12px}.header-home-band{background-color:var(--color-paper);background-image:repeating-linear-gradient(45deg, var(--color-brick) 0 2px, transparent 2px 11px), repeating-linear-gradient(-45deg, var(--color-brick) 0 2px, transparent 2px 11px);height:11px}.search-row{border-radius:var(--radius-pill);border:1.5px solid var(--color-teal);box-sizing:border-box;background:#fff;align-items:center;gap:11px;height:48px;margin:14px 20px 0;padding:0 18px;display:flex}.search-icon{color:var(--color-ink-soft);flex-shrink:0}.search-row input{font-size:15px;font-family:var(--font-content);color:var(--color-ink);background:0 0;border:none;outline:none;flex:1}.search-row .count{color:var(--color-teal);font-size:11px;font-family:var(--font-ui);white-space:nowrap}.chips{flex-wrap:wrap;gap:8px;margin:14px 20px 0;display:flex}.recent-searches{margin:14px 20px 0}.recent-searches .chips{margin:6px 0 0}.recent-searches-header{color:var(--color-ink-soft);justify-content:space-between;align-items:center;font-size:11px;display:flex}.recent-clear{color:var(--color-teal);font-family:var(--font-ui);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px}.chip{border:1px solid var(--color-hairline);background:var(--color-paper);color:var(--color-ink);border-radius:var(--radius-pill);font-family:var(--font-content);cursor:pointer;padding:7px 14px;font-size:13px}.chip-active{background:var(--color-teal);border-color:var(--color-teal);color:var(--color-paper)}.chip-static{cursor:default}.level-row{color:var(--color-ink-soft);flex-wrap:wrap;align-items:center;gap:8px;margin:14px 20px 0;font-size:12px;display:flex}.level-row select{font-family:var(--font-ui);border-radius:var(--radius-sm);border:1px solid var(--color-hairline);background:var(--color-card);color:var(--color-ink);padding:5px 8px;font-size:12px}.level-hint{color:var(--color-ink-soft);opacity:.8;margin:6px 20px 0;font-size:10px}.tabs{border-bottom:1px solid var(--color-hairline);gap:6px;margin:16px 20px 0;display:flex}.tab-btn{color:var(--color-ink-soft);font-family:var(--font-ui);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 4px 10px;font-size:13px;font-weight:600}.tab-btn-active{color:var(--color-teal);border-bottom-color:var(--color-teal)}.btn{border-radius:var(--radius-pill);font-family:var(--font-ui);cursor:pointer;border:none;padding:10px 20px;font-size:13px;font-weight:600}.btn-primary{background:var(--color-teal);color:var(--color-paper)}.btn-outline{color:var(--color-ink-soft);border:1px solid var(--color-hairline);background:0 0}.btn-strong{background:var(--color-teal-deep)}.btn-sub{opacity:.75;margin-top:2px;font-size:9px;font-weight:400;display:block}.review-card{border-radius:var(--radius-md);background:var(--color-card);border:1px solid var(--color-hairline);flex-direction:column;align-items:center;gap:14px;margin:24px 20px 0;padding:32px 20px;display:flex}.review-segments{gap:4px;width:100%;display:flex}.review-segment{border-radius:var(--radius-pill);background:var(--color-hairline);flex:1;height:4px}.review-segment-done{background:var(--color-olive)}.review-segment-current{background:var(--color-teal)}.review-progress{font-family:var(--font-ui);color:var(--color-ink-soft);font-size:11px}.review-kanji{font-family:var(--font-content);color:var(--color-ink);font-size:52px;font-weight:700}.review-answer{flex-direction:column;align-items:center;gap:4px;display:flex}.review-answer .kana{font-family:var(--font-content);color:var(--color-ink-soft);font-size:15px}.review-answer .gloss{font-family:var(--font-ui);color:var(--color-ink);font-size:14px}.review-answer .pitch-label{font-family:var(--font-ui);color:var(--color-teal);font-size:11px}.review-actions{gap:10px;display:flex}.review-actions-srs{grid-template-columns:repeat(2,1fr);gap:8px;width:100%;display:grid}.review-actions-srs .btn{padding:10px 8px}.session-complete{background-color:var(--color-marigold);background-image:radial-gradient(circle, var(--color-ink) 0 4px, transparent 4.5px), radial-gradient(circle, var(--color-vermillion) 0 4px, transparent 4.5px);background-position:0 0,13px 13px;background-size:26px 26px,26px 26px;justify-content:center;margin:24px 0 0;padding:36px 20px;display:flex}.review-summary{border-radius:var(--radius-md);background:var(--color-paper);flex-direction:column;align-items:center;gap:14px;width:100%;max-width:320px;padding:30px 26px 26px;display:flex;box-shadow:0 8px #33281e2e}.session-complete-kicker{font-family:var(--font-ui);letter-spacing:.14em;color:var(--color-teal);margin:0;font-size:11px;font-weight:700}.review-summary-score{font-family:var(--font-content);color:var(--color-ink);margin:0;font-size:24px;font-weight:700}.review-summary-tally{font-family:var(--font-ui);color:var(--color-ink-soft);margin:-6px 0 0;font-size:11px}.results{border-top:1px solid var(--color-hairline);margin-top:16px}.word-row{border-bottom:1px solid var(--color-hairline);text-align:left;cursor:pointer;background:0 0;border-top:none;border-left:none;border-right:none;align-items:center;gap:14px;width:100%;padding:14px 18px;font-family:inherit;display:flex}.word-row:hover{background:var(--color-card)}.row-chevron{color:var(--color-ink-soft);opacity:.7;flex-shrink:0}.word-head{flex-direction:column;flex-shrink:0;gap:2px;min-width:80px;display:flex}.word-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mastered-dot{color:var(--color-teal);margin-right:3px;font-size:8px;line-height:1}.review-toggle{color:var(--color-ink-soft);cursor:pointer;align-items:center;gap:6px;margin:10px 20px 0;font-size:11px;display:flex}.review-toggle input{accent-color:var(--color-teal)}.review-practice-card{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-card) 86%, var(--color-marigold) 14%);border:1px solid var(--color-hairline);justify-content:space-between;align-items:center;gap:16px;margin:14px 20px 0;padding:14px 16px;display:flex}.review-practice-copy{gap:4px;display:grid}.review-practice-copy strong{font-family:var(--font-ui);color:var(--color-ink);font-size:13px}.review-practice-copy span{font-family:var(--font-ui);color:var(--color-ink-soft);font-size:11px;line-height:1.45}.particle-header{justify-content:space-between;align-items:center;gap:12px;margin:16px 20px 0;display:flex}.particle-header h2{font-family:var(--font-content);color:var(--color-ink);margin:0;font-size:22px}.kanji{font-family:var(--font-content);color:var(--color-ink);font-size:22px;font-weight:700;line-height:1.1}.kana{font-family:var(--font-ui);letter-spacing:.06em;color:var(--color-ink-soft);font-size:10px}.gloss{font-family:var(--font-ui);color:var(--color-ink);font-size:14px}.word-side{flex-shrink:0;align-items:center;gap:10px;display:flex}.tag{font-size:10px;font-family:var(--font-ui);color:var(--color-teal-deep);border-radius:var(--radius-pill);background:#e4eeec;padding:3px 8px;font-weight:600}.tag-muted{color:var(--color-ink-soft);background:0 0}.tag-estimated{border:1px dashed var(--color-hairline);color:var(--color-ink-soft);background:0 0}.pitch{flex-direction:column;align-items:center;gap:2px;display:flex}.pitch-label{font-family:var(--font-ui);color:var(--color-teal);white-space:nowrap;font-size:9px}.particle-summary{margin:16px 20px 0}.particle-level{font-family:var(--font-ui);color:var(--color-ink);margin:0;font-size:13px;font-weight:600}.particle-weak{font-family:var(--font-ui);color:var(--color-ink-soft);margin:4px 0 0;font-size:11px}.particle-card{border-radius:var(--radius-md);background:var(--color-card);border:1px solid var(--color-hairline);flex-direction:column;align-items:center;gap:20px;margin:16px 20px 0;padding:32px 20px;display:flex}.particle-sentence{font-family:var(--font-content);color:var(--color-ink);text-align:center;margin:0;font-size:22px;line-height:1.7}.particle-blank{border-bottom:2px solid var(--color-teal);min-width:1.6em;color:var(--color-ink-soft);padding:0 4px;display:inline-block}.particle-blank-filled{border-bottom-color:#0000;font-weight:600}.particle-blank.particle-correct{color:var(--color-olive)}.particle-blank.particle-incorrect{color:var(--color-brick)}.particle-choices{gap:12px;display:flex}.particle-choice{font-family:var(--font-content);padding:14px 32px;font-size:20px}.particle-feedback{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.particle-result{font-family:var(--font-ui);margin:0;font-size:14px;font-weight:600}.particle-result-correct{color:var(--color-olive)}.particle-result-wrong{color:var(--color-brick)}.particle-translation{font-family:var(--font-ui);color:var(--color-ink);text-align:center;margin:4px 0 0;font-size:13px}.particle-explanation{font-family:var(--font-ui);color:var(--color-ink-soft);text-align:center;margin:0;font-size:12px}.particle-concept-tag{font-family:var(--font-ui);color:var(--color-teal-deep);border-radius:var(--radius-pill);background:#e4eeec;margin:4px 0 8px;padding:3px 10px;font-size:10px;font-weight:600}.pitch-label-lg{margin-top:8px;font-size:13px}.speak-btn{height:44px;font-family:var(--font-content);color:var(--color-teal);border:1.5px solid var(--color-teal);border-radius:var(--radius-sm);box-sizing:border-box;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:700;line-height:1;display:inline-flex}.speak-btn span{font-size:16px}.speak-btn:hover{color:var(--color-teal-deep);border-color:var(--color-teal)}.speak-btn:disabled{cursor:default;opacity:.6}.speak-btn-loading{animation:1.1s ease-in-out infinite speak-btn-pulse}@keyframes speak-btn-pulse{0%,to{opacity:.55}50%{opacity:1}}.speak-error{font-family:var(--font-ui);color:var(--color-ink-soft);margin-top:4px;font-size:11px;display:block}.pitch-bracket{font-family:var(--font-content);display:inline-flex}.pitch-bracket .mora{color:var(--color-ink-soft);padding:0 1px 1px;font-size:12px;line-height:1.4}.pitch-bracket .mora-high{border-top:2px solid var(--color-teal);color:var(--color-ink);transform:translateY(-3px)}.pitch-bracket .mora-drop{border-right:2px solid var(--color-teal);padding-right:3px}.pitch-bracket-lg{margin-top:16px}.pitch-bracket-lg .mora{padding:0 2px 2px;font-size:22px}.pitch-bracket-lg .mora-high{border-top-width:3px;transform:translateY(-5px)}.pitch-bracket-lg .mora-drop{border-right-width:3px;padding-right:6px}.empty{color:var(--color-ink-soft);padding:24px 20px;font-size:13px}.results-hint{color:var(--color-ink-soft);text-align:center;padding:14px 20px;font-size:11px}.detail-header{background:var(--color-paper);border-bottom:1px solid var(--color-hairline);padding:18px 20px 12px}.detail-back{color:var(--color-teal);font-family:var(--font-ui);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;min-height:26px;padding:0;font-size:13px;font-weight:700;display:flex}.detail-card{border-radius:var(--radius-md);background:var(--color-card);border:1px solid var(--color-hairline);flex-direction:column;gap:6px;margin:20px 20px 0;padding:22px 20px;display:flex}.detail-head-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.detail-head{text-align:left;flex-direction:column;gap:4px;min-width:0;display:flex}.detail-head-kana{font-family:var(--font-ui);letter-spacing:.08em;color:var(--color-ink-soft);font-size:12px}.detail-kanji{font-family:var(--font-content);color:var(--color-ink);font-size:46px;font-weight:700;line-height:1.05}.detail-pitch-card{background:var(--color-paper);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);flex-direction:column;flex-shrink:0;align-items:center;gap:6px;padding:12px 14px;display:flex}.detail-pitch-card .pitch-bracket-lg{margin-top:0}.detail-pitch-card .pitch-label-lg{text-align:center;margin-top:0}.detail-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.detail-actions .prono{border-top:none;flex:0 auto;width:auto;min-width:160px;margin-top:0;padding-top:0}:is(.detail-actions .prono-result,.detail-actions .prono:has(.prono-error),.detail-actions .prono:has(.prono-debug)){flex:1 0 100%;width:100%;max-width:440px;margin:10px auto 0}.detail-gloss{color:var(--color-ink);margin:0;font-size:16px}.detail-meta{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;margin-top:14px;display:flex}.example{border-left:3px solid var(--color-teal);text-align:left;box-sizing:border-box;width:100%;margin-top:16px;padding:2px 0 2px 14px}.example-ja{font-family:var(--font-content);color:var(--color-ink);margin:0;font-size:15px}.example-highlight{color:var(--color-teal)}.example-reading{font-family:var(--font-content);color:var(--color-ink-soft);margin:4px 0 0;font-size:11px}.example-en{font-family:var(--font-ui);color:var(--color-ink-soft);margin:6px 0 0;font-size:12px}.detail-mastered{color:var(--color-teal);margin:14px 0 0;font-size:11px}.credits{color:var(--color-ink-soft);opacity:.75;margin-top:auto;padding:18px 20px 28px;font-size:10px}.prono{border-top:1px dashed var(--color-hairline);flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:14px;padding-top:14px;display:flex}.prono-listening{color:var(--color-teal-deep);border-color:var(--color-teal-deep)}.prono-stamp-row{justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.prono-stamp{flex:none;width:54px;height:54px}.prono-stamp-label{font-family:var(--font-brand);color:var(--color-ink);text-transform:lowercase;margin:0;font-size:18px;line-height:1.1}.prono-heard{font-family:var(--font-content);color:var(--color-ink-soft);margin:0;font-size:12px}.prono-note{max-width:300px;font-family:var(--font-ui);color:var(--color-ink-soft);text-align:left;margin:3px 0 0;font-size:11px;line-height:1.45}.prono-error,.prono-hint{color:var(--color-ink-soft);text-align:center;margin:0;font-size:11px}.prono-debug{width:100%;margin-top:4px}.prono-debug summary{font-family:var(--font-ui);color:var(--color-ink-soft);cursor:pointer;text-align:center;font-size:10px;list-style:none}.prono-debug summary::-webkit-details-marker{display:none}.prono-debug summary:before{content:"▸ "}.prono-debug[open] summary:before{content:"▾ "}.prono-debug-text{border-radius:var(--radius-sm);background:var(--color-paper);border:1px solid var(--color-hairline);color:var(--color-ink-soft);white-space:pre-wrap;word-break:break-word;text-align:left;margin:8px 0 0;padding:10px;font-family:monospace;font-size:10px}.prono-debug-copy{border:1px solid var(--color-hairline);background:var(--color-card);color:var(--color-ink-soft);border-radius:var(--radius-pill);font-family:var(--font-ui);cursor:pointer;margin-top:6px;padding:4px 12px;font-size:10px}.home-streak-banner{border-radius:var(--radius-md);border:1px solid var(--color-hairline);background:#fbead0;align-items:center;gap:14px;margin:18px 20px 0;padding:16px 18px;display:flex}.home-streak-chip{border-radius:var(--radius-sm);background:var(--color-teal);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.home-streak-chip-num{font-family:var(--font-ui);color:var(--color-paper);font-size:20px;font-weight:700;line-height:1}.home-streak-chip-label{font-family:var(--font-ui);letter-spacing:.08em;color:var(--color-paper);opacity:.85;margin-top:2px;font-size:8px;font-weight:700}.home-streak-text{flex-direction:column;gap:3px;min-width:0;display:flex}.home-encouragement{font-family:var(--font-ui);color:var(--color-ink);margin:0;font-size:13px;line-height:1.5}.home-streak-due{font-family:var(--font-ui);color:var(--color-ink-soft);margin:0;font-size:11px}.home-quick-row{grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 20px 0;display:grid}.home-quick-card{text-align:center;border:1px solid var(--color-hairline);border-top:3px solid var(--card-accent,var(--color-teal));border-radius:var(--radius-md);background:var(--color-card);cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:14px 8px 12px;font-family:inherit;display:flex}.home-quick-icon{font-size:20px;line-height:1}.home-sound-card{border-radius:var(--radius-md);border:1px solid color-mix(in srgb, var(--color-teal) 24%, var(--color-hairline));background:color-mix(in srgb, var(--color-card) 88%, var(--color-teal) 12%);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:14px 20px 0;padding:14px 16px;display:grid}.home-sound-icon{border-radius:var(--radius-pill);background:var(--color-teal);width:38px;height:38px;color:var(--color-paper);font-family:var(--font-ui);place-items:center;font-size:20px;font-weight:700;display:grid}.home-sound-copy{gap:3px;display:grid}.home-sound-copy strong{color:var(--color-ink);font-family:var(--font-ui);font-size:13px}.home-sound-copy span,.dictionary-sound-hint{color:var(--color-ink-soft);font-family:var(--font-ui);font-size:11px;line-height:1.45}.dictionary-sound-hint{margin:10px 20px 0}@media (width<=560px){.home-sound-card{grid-template-columns:auto 1fr}.home-sound-card .btn{grid-column:1/-1;justify-self:start}}.home-quick-label{font-family:var(--font-ui);color:var(--color-ink);margin-top:2px;font-size:11px;font-weight:700}.home-quick-sub{font-family:var(--font-ui);color:var(--color-ink-soft);font-size:10px}.home-section-header{font-family:var(--font-ui);letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-soft);margin:22px 20px 0;font-size:11px;font-weight:700}.home-domain-grid{flex-direction:column;gap:10px;margin:10px 20px 0;display:flex}.home-domain-card{border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-card);cursor:pointer;text-align:left;flex-direction:column;padding:0;font-family:inherit;display:flex;overflow:hidden}.home-domain-band{height:7px}.home-domain-band-linked-rings{background-color:var(--card-accent,var(--color-teal));background-image:repeating-linear-gradient(135deg, color-mix(in srgb, var(--card-accent,var(--color-teal)) 55%, white) 0 3px, transparent 3px 10px)}.home-domain-band-leaf-lattice{background-color:var(--card-accent,var(--color-olive));background-image:repeating-linear-gradient(45deg, color-mix(in srgb, var(--card-accent,var(--color-olive)) 55%, white) 0 2px, transparent 2px 9px), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--card-accent,var(--color-olive)) 55%, white) 0 2px, transparent 2px 9px)}.home-domain-band-rib-lines{background-color:var(--card-accent,var(--color-brick));background-image:repeating-linear-gradient(90deg, color-mix(in srgb, var(--card-accent,var(--color-brick)) 55%, white) 0 3px, transparent 3px 9px)}.home-domain-band-necktie-stripe{background-image:repeating-linear-gradient(45deg, var(--card-accent,var(--color-marigold)) 0 7px, color-mix(in srgb, var(--card-accent,var(--color-marigold)) 60%, var(--color-vermillion)) 7px 14px)}.home-domain-body{flex-direction:column;gap:8px;padding:14px 16px;display:flex}.home-domain-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.home-domain-main{flex-direction:column;gap:2px;min-width:0;display:flex}.home-domain-name{font-family:var(--font-content);color:var(--color-ink);font-size:15px}.home-domain-name-en{font-family:var(--font-ui);color:var(--color-ink-soft);font-size:11px}.home-domain-due{font-family:var(--font-ui);letter-spacing:.03em;color:var(--color-brick);background:var(--color-paper);border:1px solid var(--color-hairline);border-radius:var(--radius-pill);flex-shrink:0;padding:3px 9px;font-size:10px;font-weight:700}.home-domain-progress-track{border-radius:var(--radius-pill);background:var(--color-hairline);height:4px;overflow:hidden}.home-domain-progress-fill{background:var(--card-accent,var(--color-teal));border-radius:var(--radius-pill);height:100%}.home-domain-footer{justify-content:space-between;align-items:center;display:flex}.home-domain-count{font-family:var(--font-ui);color:var(--color-teal);font-size:11px}.home-stats-line{border-top:1px dashed var(--color-hairline);font-family:var(--font-ui);color:var(--color-ink-soft);text-align:center;margin:20px 20px 0;padding-top:14px;font-size:11px}.domain-detail-header{background:var(--color-teal);padding:18px 20px 16px}.domain-detail-header .detail-back{color:var(--color-paper);opacity:.9}.domain-detail-title-row{justify-content:space-between;align-items:flex-end;gap:12px;margin-top:10px;display:flex}.domain-detail-title{flex-direction:column;gap:3px;min-width:0;display:flex}.domain-detail-name{font-family:var(--font-brand);color:var(--color-paper);font-size:22px;font-weight:700}.domain-detail-desc{font-family:var(--font-ui);color:var(--color-paper);opacity:.85;font-size:12px}.domain-detail-pct{text-align:center;background:var(--color-teal-deep);border-radius:var(--radius-sm);flex-shrink:0;padding:6px 11px}.domain-detail-pct-num{font-family:var(--font-ui);color:var(--color-paper);font-size:16px;font-weight:700;line-height:1.2;display:block}.domain-detail-pct-label{font-family:var(--font-ui);letter-spacing:.1em;color:var(--color-paper);opacity:.85;font-size:8px;display:block}.domain-detail-band{height:9px}.domain-detail-footer{margin:18px 20px 0}.domain-review-btn{justify-content:center;align-items:center;gap:10px;width:100%;padding:13px;display:flex}.domain-review-est{font-family:var(--font-ui);opacity:.8;font-size:11px;font-weight:400}.domain-word-due{color:#8e3517;background:#f6e3d5}.domain-word-progress-track{border-radius:var(--radius-pill);background:var(--color-hairline);width:44px;height:5px;overflow:hidden}.domain-word-progress-fill{background:var(--color-olive);height:100%}.journal-view{flex-direction:column;gap:14px;margin:18px 20px 0;display:flex}.journal-hero,.journal-card{border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-card);padding:18px}.journal-hero{background:radial-gradient(circle at top left, color-mix(in srgb, var(--color-marigold) 28%, transparent), transparent 38%), var(--color-card)}.journal-hero .eyebrow{color:var(--color-brick);font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:11px;font-weight:700}.journal-hero h1{font-family:var(--font-content);letter-spacing:.01em;color:var(--color-ink);margin:0;font-size:23px;font-weight:700;line-height:1.25}.journal-hero p:last-child,.journal-prototype-note,.journal-actions span,.journal-card-title span{color:var(--color-ink-soft);font-size:12px;line-height:1.45}#app[data-app-language=ja] .journal-hero h1,#app[data-app-language=ja] .journal-card-title h2,#app[data-app-language=ja] .journal-label,#app[data-app-language=ja] .journal-prototype-note,#app[data-app-language=ja] .journal-actions span,#app[data-app-language=ja] .journal-card-title span,#app[data-app-language=ja] .journal-setting-row,#app[data-app-language=ja] .journal-study-label,#app[data-app-language=ja] .journal-study-prompt{font-family:var(--font-content)}#app[data-app-language=ja] .journal-hero h1{font-size:22px;line-height:1.35}#app[data-app-language=ja] .journal-hero .eyebrow{letter-spacing:.04em;text-transform:none}.journal-label{color:var(--color-ink);font-family:var(--font-ui);margin-bottom:8px;font-size:13px;font-weight:700;display:block}.journal-textarea{resize:vertical;border:1px solid var(--color-hairline);border-radius:var(--radius-sm);width:100%;color:var(--color-ink);font-family:var(--font-content);background:#fff;padding:12px;font-size:16px;line-height:1.65}.journal-textarea:focus{outline:2px solid color-mix(in srgb, var(--color-teal) 45%, transparent);border-color:var(--color-teal)}.journal-actions,.journal-card-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.journal-actions{flex-wrap:wrap;margin-top:12px}.journal-card-title h2{font-family:var(--font-content);margin:0;font-size:18px;font-weight:700;line-height:1.3}.journal-progress-card{flex-direction:column;gap:10px;display:flex}.journal-progress-row{border:1px solid var(--color-hairline);border-radius:var(--radius-sm);width:100%;color:var(--color-ink);text-align:left;cursor:pointer;background:#fff;grid-template-columns:minmax(88px,1fr) 1.5fr auto;align-items:center;gap:10px;padding:10px;display:grid}.journal-progress-empty{cursor:default;opacity:.72}.journal-progress-row strong,.journal-history-item strong{font-size:13px;display:block}.journal-progress-row span,.journal-progress-row small{color:var(--color-ink-soft);font-size:11px;display:block}.journal-blocks{flex-wrap:wrap;gap:3px;display:flex}.journal-block{border-radius:3px;width:12px;height:12px;display:inline-block}.journal-block-green,.journal-span-green{background:#3f8f55}.journal-block-orange,.journal-span-orange{background:#e29b35}.journal-block-red,.journal-span-red{background:#c64b3b}.journal-block-empty{background:color-mix(in srgb, var(--color-hairline) 60%, white)}.journal-feedback{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.journal-span{border-radius:var(--radius-sm);color:#fff;font-family:var(--font-content);padding:5px 8px;font-size:14px;line-height:1.35}.journal-span-green,.journal-span-orange{color:var(--color-ink)}.journal-span-red{color:#fff}.journal-history{flex-direction:column;gap:8px;display:flex}.journal-history-item{border:1px solid var(--color-hairline);border-radius:var(--radius-sm);color:var(--color-ink);cursor:pointer;background:#fff;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.journal-history-active{border-color:var(--color-teal);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-teal) 18%, transparent)}.journal-empty-state h2{font-family:var(--font-brand);margin:0 0 6px}.journal-empty-state p{color:var(--color-ink-soft);margin:0;font-size:13px;line-height:1.45}@media (width<=430px){.journal-progress-row{grid-template-columns:1fr}}.journal-status-loading{color:var(--color-teal)}.journal-status-error{color:var(--color-brick)}.journal-status-ai{color:var(--color-olive)}.journal-summary{color:var(--color-ink);font-family:var(--font-content);margin:10px 0 0;font-size:14px;line-height:1.5}.journal-rewrite{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-teal) 8%, white);border:1px solid color-mix(in srgb, var(--color-teal) 20%, var(--color-hairline));margin-top:14px;padding:12px}.journal-rewrite strong{color:var(--color-teal);margin-bottom:4px;font-size:12px;display:block}.journal-rewrite p{font-family:var(--font-content);margin:0;font-size:14px;line-height:1.55}.journal-corrections{flex-direction:column;gap:8px;margin-top:14px;display:flex}.journal-corrections>strong,.journal-patterns h2{color:var(--color-ink)}.journal-correction-item{border-radius:var(--radius-sm);border:1px solid var(--color-hairline);background:#fff;padding:10px}.journal-correction-item span{color:var(--color-brick);font-size:12px;font-weight:700;display:block}.journal-correction-item p{color:var(--color-ink);font-family:var(--font-content);margin:4px 0 6px;font-size:13px;line-height:1.45}.journal-correction-item code{white-space:pre-wrap;color:var(--color-teal);font-family:var(--font-content);font-size:13px;display:block}.journal-issue-tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.journal-issue-tags span{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-marigold) 22%, white);color:var(--color-ink);padding:5px 9px;font-size:11px}.journal-pattern-list{flex-direction:column;gap:8px;margin-top:10px;display:flex}.journal-pattern-item{border-radius:var(--radius-sm);border:1px solid var(--color-hairline);background:#fff;justify-content:space-between;gap:10px;padding:10px 12px;display:flex}.journal-pattern-item strong{color:var(--color-ink);font-size:13px}.journal-pattern-item span{color:var(--color-brick);font-size:12px;font-weight:700}.journal-study-card{border-color:color-mix(in srgb, var(--color-olive) 35%, var(--color-hairline))}.journal-study-empty{opacity:.82}.journal-study-label{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-olive) 18%, white);width:fit-content;color:var(--color-ink);margin:8px 0 0;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.journal-study-prompt{color:var(--color-ink);font-family:var(--font-content);margin:10px 0 12px;font-size:14px;line-height:1.5}.journal-study-answer{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-olive) 10%, white);border:1px solid color-mix(in srgb, var(--color-olive) 25%, var(--color-hairline));margin-top:10px;padding:12px}.journal-study-answer strong{color:var(--color-olive);margin-bottom:4px;font-size:12px;display:block}.journal-study-answer p{font-family:var(--font-content);margin:0;font-size:14px;line-height:1.55}.journal-study-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.journal-settings-card{background:color-mix(in srgb, var(--color-card) 88%, white)}.journal-setting-row{justify-content:space-between;align-items:center;gap:14px;margin-top:10px;display:flex}.journal-setting-row span{flex-direction:column;gap:3px;display:flex}.journal-setting-row strong{color:var(--color-ink);font-size:13px}.journal-setting-row small{color:var(--color-ink-soft);font-size:11px;line-height:1.35}.journal-setting-row select{border:1px solid var(--color-hairline);border-radius:var(--radius-pill);color:var(--color-ink);font-family:var(--font-ui);background:#fff;padding:8px 12px;font-size:13px}.global-settings{z-index:10;align-self:flex-end;width:fit-content;margin:8px 20px 0 auto;position:sticky;top:8px}.global-settings summary{border-radius:var(--radius-pill);border:1px solid var(--color-hairline);background:var(--color-card);width:38px;height:38px;color:var(--color-ink);cursor:pointer;box-shadow:0 2px 8px color-mix(in srgb, var(--color-ink) 10%, transparent);place-items:center;list-style:none;display:grid}.global-settings summary::-webkit-details-marker{display:none}.global-settings-panel{border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-card);width:min(330px,100vw - 40px);box-shadow:0 10px 24px color-mix(in srgb, var(--color-ink) 14%, transparent);margin-top:8px;padding:14px;position:absolute;right:0}.global-setting-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.global-setting-row span{flex-direction:column;gap:3px;display:flex}.global-setting-row strong{color:var(--color-ink);font-size:13px}.global-setting-row small{color:var(--color-ink-soft);font-size:11px;line-height:1.35}.global-setting-row select{border:1px solid var(--color-hairline);border-radius:var(--radius-pill);color:var(--color-ink);font-family:var(--font-ui);background:#fff;padding:8px 12px;font-size:13px}.bird-stamp{width:40px;height:40px;filter:drop-shadow(0 1px 0 color-mix(in srgb, var(--color-ink) 8%, transparent));flex:none;display:inline-block}.bird-stamp-sm{width:30px;height:30px}.bird-stamp-xs{vertical-align:middle;width:24px;height:24px;margin-left:8px}.journal-title-stamp{transform:rotate(-5deg)}.journal-card-stamped{position:relative;overflow:hidden}.journal-card-stamped:after{content:"";opacity:.045;pointer-events:none;border:2px solid;border-radius:18px;width:76px;height:76px;position:absolute;bottom:12px;right:14px;transform:rotate(-7deg)}.journal-card-stamped-green:after{color:var(--color-olive)}.journal-card-stamped-orange:after{color:var(--color-vermillion)}.journal-card-stamped-red:after{color:var(--color-brick)}.journal-card-title-stamped{align-items:flex-start}.journal-card-title-stamped>div:first-child{gap:3px;display:grid}.journal-title-right{align-items:center;gap:9px;display:flex}.journal-stamp-label{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-marigold) 18%, white);width:fit-content;color:var(--color-ink-soft);font-family:var(--font-ui);padding:3px 8px;font-size:11px;display:inline-flex}.journal-row-stamp{justify-content:flex-end;display:flex}.home-sound-actions{align-items:center;gap:8px;display:flex}.home-sound-dismiss{border:1px solid var(--color-hairline);border-radius:var(--radius-pill);background:var(--color-card);width:28px;height:28px;color:var(--color-ink-soft);cursor:pointer;font-size:18px;line-height:1}.home-sound-dismiss:hover{color:var(--color-brick);border-color:color-mix(in srgb, var(--color-brick) 45%, var(--color-hairline))}@media (width<=560px){.home-sound-actions{grid-column:1/-1}.journal-card-title-stamped{align-items:center}}.beta-shell{box-sizing:border-box;justify-content:center;padding:24px}.beta-access-card{background:var(--color-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:28px 24px}.beta-access-card h1{font-family:var(--font-brand);color:var(--color-ink);margin:4px 0 8px;font-size:38px}.beta-access-card p{color:var(--color-ink-soft);line-height:1.55}.beta-access-form{gap:10px;margin-top:22px;display:grid}.beta-access-form label{font-family:var(--font-ui);color:var(--color-ink);font-size:12px;font-weight:700}.beta-access-form input{border:1px solid var(--color-hairline);border-radius:var(--radius-sm);color:var(--color-ink);font-family:var(--font-content);background:#fff;padding:12px 14px;font-size:16px}.beta-access-error{margin:12px 0 0;font-weight:700;color:var(--color-brick)!important}.beta-access-note{margin:16px 0 0;font-size:12px}.global-setting-owner{gap:.75rem}.global-setting-owner input{border:1px solid var(--color-border);background:var(--color-paper);width:9rem;min-width:0;color:var(--color-ink);border-radius:999px;padding:.55rem .8rem}.interview-view code{font-size:.9em}.interview-hero h1{max-width:760px}.interview-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.interview-toolbar label{align-items:center;gap:.65rem;font-weight:700;display:flex}.interview-toolbar select{border:1px solid var(--color-border);background:var(--color-paper);color:var(--color-ink);border-radius:999px;padding:.6rem .9rem}.interview-card{gap:1rem;display:grid}.interview-flag{color:var(--color-brick);background:color-mix(in srgb, var(--color-brick) 12%, transparent);border-radius:999px;align-items:center;padding:.35rem .75rem;font-size:.85rem;font-weight:700;display:inline-flex}.interview-question-ja{color:var(--color-ink);margin:0;font-size:clamp(1.45rem,3vw,2rem);font-weight:700;line-height:1.45}.interview-question-en,.interview-answer-en{color:var(--color-muted);margin:0;line-height:1.55}.interview-answer{border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-cream) 54%, white);padding:1rem}.interview-answer p:first-child{margin-top:0;font-size:1.15rem;line-height:1.75}.interview-answer p:last-child{margin-bottom:0}.interview-actions,.interview-backup .journal-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.interview-edit{gap:.9rem;display:grid}.interview-edit label{gap:.4rem;font-weight:700;display:grid}.interview-prono{border-top:1px solid var(--color-border);padding-top:1rem}.interview-import-card,.interview-backup{gap:.9rem;display:grid}.interview-import{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem}@media (width<=720px){.interview-toolbar{align-items:stretch}.interview-toolbar label,.interview-toolbar select,.interview-actions .btn,.global-setting-owner input,.global-setting-owner .btn{width:100%}}