:root{--paper: #faf7f5;--card: #ffffff;--ink: #171219;--ink-2: #5b545f;--ink-3: #8d8691;--rule: #e8e2e5;--rule-strong: #d6ced2;--fluo: #e6006e;--fluo-deep: #b80060;--fluo-wash: #ffe7f1;--on-fluo: #ffffff;--blue: #1f3fd1;--blue-deep: #152c93;--blue-wash: #e9edfc;--radius: 8px;--radius-sm: 5px;--shadow-hard: 3px 3px 0 var(--ink);--shadow-soft: 2px 2px 0 var(--ink);--display: "Syne", "Trebuchet MS", ui-sans-serif, system-ui, sans-serif;--sans: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "DM Mono", ui-monospace, "Cascadia Mono", "Segoe UI Mono", Menlo, monospace;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}::selection{background:var(--fluo);color:var(--ink)}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.app{min-height:100dvh;display:flex;flex-direction:column}.app__body{flex:1;width:100%;max-width:660px;margin:0 auto;padding:max(14px,env(safe-area-inset-top)) 16px calc(96px + env(safe-area-inset-bottom))}.view{display:flex;flex-direction:column;gap:14px}.viewhead{position:relative;margin:calc(-1*max(14px,env(safe-area-inset-top))) -16px 2px;padding:calc(max(14px,env(safe-area-inset-top)) + 22px) 16px 18px;background:var(--fluo);border-bottom:3px solid var(--ink);display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.viewhead h1{margin:0;font-family:var(--display);font-size:clamp(30px,9vw,40px);font-weight:800;line-height:.98;letter-spacing:-.02em;color:var(--on-fluo)}.viewhead__meta{margin:8px 0 0;font-family:var(--mono);font-size:11.5px;line-height:1.35;letter-spacing:.02em;color:var(--on-fluo)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;justify-content:center;gap:4px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--card);border-top:1.5px solid var(--ink)}.tabbar__btn{position:relative;flex:1 1 0;max-width:160px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px 5px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-3);font:inherit;font-family:var(--mono);font-size:11px;letter-spacing:.03em;cursor:pointer}.tabbar__btn.is-active{color:var(--fluo-deep);background:var(--fluo-wash)}.tabbar__btn.is-active:before{content:"";position:absolute;top:0;left:22%;right:22%;height:3px;background:var(--fluo)}.btn{border:1px solid var(--rule-strong);background:var(--card);color:var(--ink);font:inherit;font-size:14px;font-weight:500;padding:9px 15px;border-radius:999px;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease,opacity .15s ease}.btn:active{transform:translate(1px,1px)}.btn:disabled{opacity:.5;cursor:default}.btn--primary{background:var(--card);border:1.5px solid var(--ink);color:var(--ink);font-weight:600;white-space:nowrap;box-shadow:var(--shadow-soft)}.btn--primary:active:not(:disabled){transform:translate(2px,2px);box-shadow:none}.btn--primary:disabled{box-shadow:none;opacity:.55}.btn--quiet{background:transparent;border-color:var(--rule);color:var(--ink-2)}.btn--block{width:100%;margin-top:6px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips--scroll{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.chips--scroll::-webkit-scrollbar{display:none}.chip{border:1px solid var(--rule-strong);background:var(--card);color:var(--ink-2);font:inherit;font-family:var(--mono);font-size:11.5px;letter-spacing:.02em;padding:6px 11px;border-radius:999px;white-space:nowrap;cursor:pointer}.chip.is-active{border-color:var(--fluo);background:var(--fluo);color:var(--on-fluo);font-weight:500}.card{background:var(--card);border:1px solid var(--rule);border-radius:var(--radius);padding:15px;display:flex;flex-direction:column;gap:12px}.card h2,.card h3{margin:0;font-family:var(--display);font-size:17px;font-weight:700;letter-spacing:-.01em}.card p{margin:0;font-size:14px;color:var(--ink-2)}.card--warn{border-color:var(--fluo);background:var(--fluo-wash)}.card--warn p{color:var(--ink)}.card--actions{gap:8px}.card--actions .btn{text-align:left;border-radius:var(--radius-sm)}.section{margin:16px 0 -2px;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);display:flex;align-items:center;gap:10px}.section:after{content:"";flex:1;height:1px;background:var(--rule-strong)}.section--toggle{border:0;background:none;padding:0;width:100%;cursor:pointer;font-family:var(--mono);text-align:left}.section--da{color:var(--fluo-deep)}.section--da:after{background:var(--fluo)}.section--en{color:var(--blue-deep)}.section--en:after{background:var(--blue)}.section__sub{letter-spacing:.06em;text-transform:none;color:var(--ink-3);font-weight:400}.caret{display:inline-block;transition:transform .15s ease}.caret.is-open{transform:rotate(90deg)}.stack{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.stack--tight{gap:4px}.hint,.footnote{margin:0;font-size:12.5px;color:var(--ink-3);line-height:1.45}.footnote{padding:6px 2px 0}.progress{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:12.5px;letter-spacing:.02em;color:var(--ink-2);background:var(--card);border:1px solid var(--rule-strong);border-radius:var(--radius-sm);padding:11px 13px}.progress__dot{width:8px;height:8px;background:var(--fluo);animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3;transform:scale(.75)}50%{opacity:1;transform:scale(1.1)}}.digest{display:flex;flex-direction:column;gap:10px}.digest__overview{margin:2px 0 4px;border-left:3px solid var(--fluo);padding:1px 0 1px 14px;font-size:17px;line-height:1.5;color:var(--ink)}.mail{background:var(--card);border:1px solid var(--rule);border-left:4px solid var(--ink-3);border-radius:var(--radius);padding:12px 14px}.mail--high{border-left-color:var(--fluo)}.mail--medium{border-left-color:color-mix(in srgb,var(--fluo) 45%,var(--paper))}.mail--spam{background:var(--paper);border-left-color:var(--rule-strong)}.mail--rescue{border-left-color:var(--blue)}.mail__top{display:flex;align-items:center;gap:8px;margin-bottom:5px}.mail__from{font-family:var(--mono);font-size:11px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail__subject{margin:0 0 4px;font-size:15.5px;font-weight:600;line-height:1.3;letter-spacing:-.01em}.mail__why{margin:0;font-size:14px;color:var(--ink-2)}.mail__meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.urg{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;padding:3px 7px 3px 8px;border:1px solid transparent;white-space:nowrap;flex:none}.urg--high{background:var(--fluo);color:var(--on-fluo);border-color:var(--fluo)}.urg--medium{background:var(--fluo-wash);color:var(--fluo-deep);border-color:var(--fluo)}.urg--low,.urg--spam{background:var(--paper);color:var(--ink-2);border-color:var(--rule-strong)}.tag{font-size:12.5px;padding:4px 10px;border-radius:999px;background:var(--card);border:1px solid var(--rule-strong);color:var(--ink-2)}.tag--action{background:var(--fluo-wash);border-color:var(--fluo);color:var(--fluo-deep);border-radius:var(--radius-sm);line-height:1.4}.tag--when{background:var(--ink);border-color:var(--ink);color:var(--paper);font-family:var(--mono);font-size:11.5px;letter-spacing:.02em}.tag--level{background:var(--blue-wash);border-color:var(--blue);color:var(--blue-deep)}.minor{display:grid;grid-template-columns:1fr;gap:1px;padding:9px 12px;border-radius:var(--radius-sm);background:var(--card);border:1px solid var(--rule)}.minor__from{font-family:var(--mono);font-size:10.5px;color:var(--ink-3)}.minor__subject{font-size:14px;font-weight:500}.minor__note{font-size:13px;color:var(--ink-2)}.word{background:var(--card);border:1px solid var(--rule);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:9px}.word--da{border-top:3px solid var(--fluo)}.word--en{border-top:3px solid var(--blue)}.word__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.word__title{display:flex;flex-direction:column;gap:3px;min-width:0}.word__term{font-family:var(--display);font-size:25px;font-weight:700;line-height:1.1;letter-spacing:-.02em}.word__ipa{font-family:var(--mono);font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}.word__tags{display:flex;gap:6px;flex-wrap:wrap}.word__meaning{margin:0;font-size:14.5px;line-height:1.5}.word__literal{margin:0;font-size:13px;color:var(--ink-3);font-style:italic}.word__example{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-sm);padding:11px 12px;display:flex;flex-direction:column;gap:5px}.word__exampleRow{display:flex;align-items:flex-start;gap:8px}.word__sentence{margin:0;flex:1;font-size:15.5px;font-style:italic;line-height:1.45}.word__translation{margin:0;font-size:13px;color:var(--ink-2)}.word__note{margin:0;font-size:13px;color:var(--ink-2);border-left:2px solid var(--rule-strong);padding-left:10px}.speak{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--rule-strong);background:var(--card);color:var(--ink-2);border-radius:999px;padding:6px 9px;cursor:pointer;flex:none;transition:transform .08s ease,box-shadow .08s ease}.speak:active{transform:translate(1px,1px)}.speak--solid{background:var(--fluo);border:1.5px solid var(--ink);color:var(--on-fluo);padding:8px 11px;box-shadow:var(--shadow-soft)}.speak--solid:active{transform:translate(2px,2px);box-shadow:none}.speak.is-busy{opacity:.55}.speak__label{font-size:13px}.selbubble{position:fixed;z-index:60;transform:translate(-50%,-100%);display:flex;align-items:stretch;gap:0;background:var(--card);border:1.5px solid var(--ink);border-radius:999px;box-shadow:var(--shadow-hard);overflow:hidden;animation:bubble-in .13s ease-out}.selbubble--below{transform:translate(-50%)}@keyframes bubble-in{0%{opacity:0;transform:translate(-50%,-100%) scale(.92)}}.selbubble--below{animation-name:bubble-in-below}@keyframes bubble-in-below{0%{opacity:0;transform:translate(-50%) scale(.92)}}.selbubble__chip,.selbubble__play{border:0;background:transparent;color:var(--ink);font:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:7px;padding:9px 12px}.selbubble__chip{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.1em;color:var(--on-fluo);background:var(--fluo);border-right:1.5px solid var(--ink)}.selbubble__play{max-width:220px;font-size:13.5px}.selbubble__play span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selbubble__play.is-busy{opacity:.6}.status{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.status__row{display:grid;grid-template-columns:10px minmax(90px,1fr) auto;align-items:center;gap:10px;padding:10px 12px;background:var(--card);border:1px solid var(--rule);border-radius:var(--radius-sm)}.status__dot{width:8px;height:8px}.status__dot.is-ok{background:var(--blue)}.status__dot.is-off{background:var(--fluo)}.status__label{font-size:14px}.status__detail{font-family:var(--mono);font-size:10.5px;color:var(--ink-3);text-align:right;line-height:1.35;overflow-wrap:anywhere}.field{display:flex;flex-direction:column;gap:6px;font-size:13.5px;color:var(--ink-2)}.field--row{flex-direction:row;align-items:center;gap:10px}.field__row{display:flex;gap:8px;align-items:center}.field__row select{flex:1;min-width:0}select,input[type=range]{font:inherit;font-size:14px;color:var(--ink);background:var(--card);border:1px solid var(--rule-strong);border-radius:var(--radius-sm);padding:8px 10px;width:100%}input[type=range]{padding:0;accent-color:var(--fluo);background:transparent;border:0}input[type=checkbox]{width:20px;height:20px;accent-color:var(--fluo);flex:none}code{font-family:var(--mono);font-size:12px;background:var(--fluo-wash);color:var(--fluo-deep);border-radius:3px;padding:1px 5px}.toast{position:fixed;left:50%;bottom:calc(78px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:70;max-width:min(90vw,480px);padding:11px 16px;border-radius:999px;font-size:13.5px;background:var(--card);color:var(--ink);border:1.5px solid var(--ink);box-shadow:var(--shadow-hard);animation:toast-in .18s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.toast--error{border-color:var(--fluo);color:var(--fluo-deep);box-shadow:3px 3px 0 var(--fluo)}.toast--ok{border-color:var(--blue);color:var(--blue-deep);box-shadow:3px 3px 0 var(--blue)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}