:root{--cream:#f6f0e3;--paper:#fffaf0;--coffee:#2a231b;--coffee-2:#5b4a3a;--muted:#8a7a68;--line:#e2d6c2;--teal:#3f7f74;--teal-soft:#dcebe7;--brick:#b5523b;--mine:#cfe6df;--gothic:system-ui, "Hiragino Sans", "Noto Sans JP", "Yu Gothic", sans-serif;--mincho:"Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;--rounded:"Hiragino Maru Gothic ProN", "M PLUS Rounded 1c", "Noto Sans JP", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--cream);height:100%;color:var(--coffee);font-family:var(--gothic);-webkit-text-size-adjust:100%;margin:0}body{flex-direction:column;display:flex}#app{flex-direction:column;width:100%;max-width:1100px;min-height:100dvh;margin:0 auto;display:flex}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--teal)}rt{color:var(--coffee-2);font-size:.55em}.muted{color:var(--muted);font-size:.9em}.empty{color:var(--muted);text-align:center;padding:24px}[hidden]{display:none!important}.status-bar{padding:calc(env(safe-area-inset-top) + 8px) 16px 8px;background:var(--coffee);color:var(--cream);align-items:center;gap:12px;font-size:14px;display:flex}.status-bar .home-link{color:var(--cream);letter-spacing:.05em;font-weight:700;text-decoration:none}.status-bar .clock{font-variant-numeric:tabular-nums;margin-left:auto}.open-pill{border-radius:999px;padding:2px 10px;font-size:12px}.open-pill.open{background:var(--teal)}.open-pill.closed{background:var(--brick)}.closed-sign{border:2px solid var(--brick);background:var(--paper);border-radius:6px;flex-direction:column;align-items:center;gap:4px;margin:12px 16px 0;padding:12px 16px;display:flex}.closed-sign-text{font-family:var(--mincho);letter-spacing:.3em;color:var(--brick);font-size:28px;font-weight:700}.closed-sign-sub{color:var(--coffee-2);font-size:13px}.view{flex-direction:column;flex:1;min-height:0;display:flex}.view>section,.split>section{flex-direction:column;flex:1;min-height:0;padding:0 16px 16px;display:flex}.app-header{border-bottom:1px solid var(--line);align-items:center;gap:8px;margin-bottom:8px;padding:12px 0;display:flex}.app-header h2{flex:1;margin:0;font-size:18px}.back{color:var(--coffee);margin-left:-6px;padding:4px;display:inline-flex}.home .grid{grid-template-columns:repeat(4,1fr);gap:18px 8px;padding:20px 0;display:grid}.tile{color:var(--coffee);flex-direction:column;align-items:center;gap:6px;font-size:12px;text-decoration:none;display:flex}.tile-icon{background:var(--paper);border:1px solid var(--line);width:56px;height:56px;color:var(--teal);border-radius:16px;place-items:center;display:grid;position:relative;box-shadow:0 1px 2px #2a231b14}.tile-messages .tile-icon,.tile-genki .tile-icon{background:var(--teal);color:var(--paper)}.badge{background:var(--brick);color:#fff;text-align:center;border-radius:999px;min-width:20px;height:20px;padding:0 6px;font-size:12px;line-height:20px}.tile-icon .badge{position:absolute;top:-6px;right:-6px}.btn{border:1px solid var(--line);background:var(--paper);min-height:44px;color:var(--coffee);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:4px;padding:10px 14px;text-decoration:none;display:inline-flex}.btn.primary{background:var(--teal);border-color:var(--teal);color:var(--paper)}.btn:disabled{opacity:.5}label{flex-direction:column;gap:4px;margin:10px 0;font-size:14px;display:flex}label.row{flex-direction:row;align-items:center}input,select,textarea{border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:10px;font-size:16px}fieldset{border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:6px;margin:12px 0;padding:8px 14px 14px;display:flex}.range{align-items:center;gap:6px;display:flex}.tag{background:var(--teal-soft);color:var(--teal);border-radius:999px;padding:1px 6px;font-size:11px;display:inline-block}.attribution{color:var(--muted);margin-top:auto;padding-top:16px;font-size:11px}.placeholder{color:var(--coffee-2);text-align:center;background:repeating-linear-gradient(45deg,#efe6d6,#efe6d6 8px,#f6efe2 8px 16px);border:1px dashed #c9b89c;border-radius:8px;place-items:center;display:grid;position:relative}.placeholder-label{padding:4px;font-size:13px}.placeholder.stamp{width:120px;height:120px}.placeholder.stamp.small{width:72px;height:72px}.placeholder.photo{width:200px;height:150px}.thread-list{margin:0;padding:0;list-style:none}.thread-row{color:var(--coffee);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 0;text-decoration:none;display:flex}.avatar{border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-weight:700;display:grid}.thread-main{flex-direction:column;flex:1;min-width:0;display:flex}.thread-name{font-weight:700}.thread-preview{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.thread-meta{color:var(--muted);flex-direction:column;align-items:flex-end;gap:4px;font-size:12px;display:flex}.thread .title{flex-direction:column;flex:1;display:flex}.thread .title h2{flex:none}.thread .title .sub{color:var(--muted);font-size:12px}.furigana-toggle{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:4px 10px;font-size:12px}.furigana-toggle[aria-pressed=true]{background:var(--teal-soft)}.log{flex-direction:column;flex:1;gap:10px;min-height:200px;padding:8px 0;display:flex;overflow-y:auto}.day{color:var(--muted);background:var(--line);border-radius:999px;align-self:center;padding:2px 10px;font-size:12px}.msg{align-items:flex-start;gap:8px;display:flex}.msg.mine{justify-content:flex-end}.msg .avatar{width:36px;height:36px;font-size:14px}.msg-col{flex-direction:column;max-width:78%;display:flex}.sender{color:var(--muted);margin-bottom:2px;font-size:12px}.msg-row{align-items:flex-end;gap:6px;display:flex}.bubble{word-break:break-word;border:1px solid var(--line);background:#fff;border-radius:16px;padding:8px 12px;line-height:1.7}.mine .bubble{background:var(--mine);border-color:#b9d8cf}.theirs .bubble{border-top-left-radius:4px}.mine .bubble{border-top-right-radius:4px}.face-mincho{font-family:var(--mincho)}.face-rounded{font-family:var(--rounded)}.meta{color:var(--muted);white-space:nowrap;flex-direction:column;font-size:10px;display:flex}.mine .meta{align-items:flex-end}.read{color:var(--teal)}.voice{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.voice-play,.voice-text{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:4px 10px}.transcript{flex-basis:100%}.typing{border:1px solid var(--line);background:#fff;border-radius:16px;align-self:flex-start;gap:4px;margin-left:44px;padding:10px 14px;display:flex}.typing span{background:var(--muted);border-radius:50%;width:6px;height:6px;animation:1.2s infinite blink}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}@media (prefers-reduced-motion:reduce){.typing span{opacity:.6;animation:none}}.reply-options{flex-wrap:wrap;gap:8px;padding:6px 0;display:flex}.chip{border:1px solid var(--teal);color:var(--teal);background:var(--paper);border-radius:999px;padding:6px 12px}.closed-note{color:var(--brick);margin:4px 0;font-size:13px}.compose{padding:8px 0 env(safe-area-inset-bottom);border-top:1px solid var(--line);align-items:flex-end;gap:8px;display:flex}.compose-input{resize:none;flex:1;max-height:120px}.send,.stamp-btn{color:var(--teal);background:0 0;border:none;min-width:44px;min-height:44px;padding:8px}.send:disabled,.stamp-btn:disabled{color:var(--muted)}.stamp-picker{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;max-height:200px;padding:8px 0;display:grid;overflow-y:auto}.stamp-choice{background:0 0;border:none;padding:0}body.world-closed .compose{opacity:.5}.search-row{gap:8px;display:flex}.search-row input{flex:1}.dict-results,.history,.plain{margin:0;padding:0;list-style:none}.dict-entry{border-bottom:1px solid var(--line);padding:10px 0}.dict-word{margin-right:8px;font-size:22px;font-weight:700}.dict-reading{color:var(--coffee-2);margin-right:8px}.dict-senses{margin:6px 0 0;padding-left:20px}.pos{color:var(--muted);margin-right:6px;font-size:11px}.history{flex-wrap:wrap;gap:6px;display:flex}.history-item{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:4px 10px}.count{color:var(--muted);margin-left:4px;font-size:11px}.hw-tasks{flex-wrap:wrap;gap:6px;display:flex}.hw-task{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:4px 10px;font-size:13px}.hw-task.on{background:var(--teal);color:var(--paper)}.hw-prompt{align-items:baseline;gap:12px;margin:10px 0;display:flex}.hw-reading{font-size:22px}.hw-board{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.hw-canvas{aspect-ratio:1;border:2px solid var(--coffee-2);touch-action:none;background:#fff;border-radius:6px;width:min(100%,360px)}.hw-model svg{background:var(--paper);border:1px solid var(--line);border-radius:6px;width:140px;height:140px}.model path{fill:none;stroke:var(--coffee);stroke-width:3px;stroke-linecap:round}.model path.bad{stroke:var(--brick)}.model text{fill:var(--teal);font-size:8px}.hw-actions{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.hw-result{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hw-mark{font-size:36px}.hw-mark.ok{color:var(--teal)}.hw-mark.retry{color:var(--brick)}.hw-issues{flex-basis:100%;margin:0;padding-left:18px}.map-board{aspect-ratio:4/3;width:100%;margin-bottom:12px}.map-pin{background:var(--paper);border:1px solid var(--teal);white-space:nowrap;border-radius:8px;padding:2px 6px;font-size:12px;position:absolute;transform:translate(-50%,-100%)}.places li,.history .txn,.events li{border-bottom:1px solid var(--line);padding:8px 0}.photo-1996{aspect-ratio:3/2;width:100%}.faces{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:10px;padding:0;list-style:none;display:grid}.face{flex-direction:column;align-items:center;gap:4px;font-size:12px;display:flex}.face-img{border-radius:50%;width:64px;height:64px}.clues{gap:10px;padding:0;list-style:none;display:grid}.clue{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:10px 44px 10px 12px;position:relative}.clue.pinned{border-color:var(--brick);box-shadow:2px 2px 0 var(--brick)}.clue-title{font-weight:700}.pin-btn{color:var(--muted);background:0 0;border:none;padding:8px;position:absolute;top:6px;right:6px}.pin-btn[aria-pressed=true]{color:var(--brick)}.ic-card{background:linear-gradient(135deg, #7fae9f, var(--teal));color:#fff;aspect-ratio:1.6;border-radius:14px;flex-direction:column;justify-content:flex-end;max-width:340px;margin-bottom:12px;padding:20px;display:flex}.ic-balance{font-size:32px;font-weight:700}.txn{align-items:baseline;gap:8px;display:flex}.txn .amount{margin-left:auto}.txn.in .amount{color:var(--teal)}.route{border-bottom:1px solid var(--line);padding:10px 0}.legs{padding-left:20px}.leg{margin:6px 0}.platform{font-weight:700}.line-chip{border-left:6px solid;padding-left:6px}.wx-day{border-bottom:1px solid var(--line);padding-bottom:8px}.alert{background:var(--brick);color:#fff;border-radius:6px;padding:6px 10px}.pop{border-collapse:collapse;font-size:13px}.pop th,.pop td{border:1px solid var(--line);text-align:center;padding:4px 8px}.gomi-week td{padding:4px 12px 4px 0}.kuho-issue{border-bottom:1px solid var(--line);padding:8px 0}.big{font-size:22px}.pair-video{background:#000;border-radius:10px;width:100%;max-width:360px}.pair-status{min-height:1.5em}@media (width>=700px){.home .grid{grid-template-columns:repeat(6,1fr)}.tile-icon{width:72px;height:72px}.hw-canvas{width:min(100%,480px)}.hw-model svg{width:200px;height:200px}}.split{flex:1;grid-template-columns:minmax(260px,340px) 1fr;min-height:0;display:grid}.split>section:first-child{border-right:1px solid var(--line)}