:root{--bg: #faf8f3;--ink: #1f2421;--sub: #646a64;--faint: #a3a8a1;--line: #e3ddd2;--accent: #b8432c;--accent-soft: #f4e3dd;--card: #f1ece3;--on-ink: #faf8f3;--sans: "Noto Sans JP", system-ui, sans-serif;--mincho: "BIZ UDPMincho", "Yu Mincho", serif;--pitch: 32px;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #181b19;--ink: #e8e4dc;--sub: #a0a69f;--faint: #6c726b;--line: #333a35;--accent: #e0775c;--accent-soft: #3a2621;--card: #222724;--on-ink: #181b19;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.7;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3,p{margin:0}.typeset{display:block}.screen{max-width:560px;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) 24px calc(32px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:20px}.bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:sticky;top:0;z-index:5;background:var(--bg);padding:12px 0 10px;margin-bottom:-8px}.bar__back{justify-self:start;background:none;border:none;padding:4px 0;color:var(--sub);font-size:14px}.bar__title{font-weight:700;font-size:15px}.bar__right{justify-self:end}.timer{font-weight:500;font-size:20px;letter-spacing:.04em;font-variant-numeric:tabular-nums}.timer--done{color:var(--accent);font-size:15px;font-weight:700}.remain{height:3px;border-radius:2px;background:var(--line);overflow:hidden}.remain>span{display:block;height:100%;background:var(--accent);transition:width .25s linear}.btn{display:block;width:100%;border-radius:999px;padding:15px 20px;font-size:15px;font-weight:500;border:1px solid var(--ink);background:transparent;color:var(--ink)}.btn--primary{background:var(--ink);color:var(--on-ink);font-weight:700;padding:17px 20px}.btn--muted{border-color:var(--line);color:var(--sub)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.chip{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:14px;border:1px solid var(--ink);font-size:13px;font-weight:500;white-space:nowrap}.chip--accent{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.chip--muted{border-color:var(--faint);color:var(--faint)}.label{font-size:12px;color:var(--sub)}.muted{color:var(--sub)}.faint{color:var(--faint)}.small{font-size:12px}.center{text-align:center}.rule{height:1px;background:var(--line);border:none;margin:0}.home{gap:24px;padding-top:max(40px,env(safe-area-inset-top))}.home__head{display:flex;flex-direction:column;gap:2px}.home__date{font-size:14px;color:var(--sub)}.home__title{font-size:24px;font-weight:700;letter-spacing:.02em}.progress{background:var(--card);border-radius:14px;padding:16px 20px 18px}.progress__top{display:flex;justify-content:space-between;font-size:13px;color:var(--sub)}.progress__top span:first-child{font-weight:500}.progress__count{display:flex;align-items:baseline;gap:10px;margin:2px 0 10px}.progress__count strong{font-size:26px;font-weight:700;letter-spacing:.02em}.progress__count span{font-size:14px;color:var(--sub);font-weight:500}.progress__bar{height:6px;border-radius:3px;background:var(--line);overflow:hidden}.progress__bar>span{display:block;height:100%;background:var(--accent);border-radius:3px}.menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.menu__item{width:100%;display:grid;grid-template-columns:28px 1fr auto;gap:16px;align-items:center;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--bg);text-align:left}.menu__item.is-next{border-color:var(--ink)}.menu__no{width:28px;height:28px;border-radius:50%;border:1px solid var(--faint);color:var(--faint);display:grid;place-items:center;font-size:13px;font-weight:500}.menu__item.is-next .menu__no{border-color:var(--ink);color:var(--ink)}.menu__name{display:block;font-size:17px;font-weight:700;line-height:1.4}.menu__meta{display:block;font-size:12px;color:var(--sub);margin-top:4px}.streak{display:flex;justify-content:space-between;align-items:flex-end;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.streak__count{display:flex;align-items:baseline;gap:4px;margin-top:2px}.streak__count strong{font-size:34px;font-weight:700;line-height:1}.streak__count span{font-size:14px;font-weight:500}.week{display:flex;gap:8px;list-style:none;margin:0;padding:0}.week li{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;color:var(--sub)}.week i{width:18px;height:18px;border-radius:50%;border:1px solid var(--line)}.week i.on{background:var(--ink);border-color:var(--ink)}.week li.today i{outline:2px solid var(--accent);outline-offset:2px}.linkrow{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 0;margin-top:-24px;background:none;border:none;border-bottom:1px solid var(--line);font-size:14px;font-weight:500}.instruction{color:var(--sub)}.photo{margin:0}.photo img{width:100%;max-height:46vh;object-fit:contain;background:var(--card);border-radius:10px;display:block}.photo figcaption{display:flex;justify-content:space-between;font-size:11px;color:var(--faint);margin-top:6px}.photo a{color:inherit}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:20}.lightbox img{max-width:100%;max-height:100%;object-fit:contain}.pad{width:100%;min-height:calc(var(--pitch) * 8 + 8px);resize:vertical;border:none;padding:0 0 8px;background-color:transparent;background-image:linear-gradient(to bottom,transparent calc(var(--pitch) - 1px),var(--line) calc(var(--pitch) - 1px));background-size:100% var(--pitch);background-attachment:local;color:var(--ink);font-family:var(--mincho);font-size:16px;line-height:var(--pitch)}.pad::placeholder{color:var(--faint)}.pad:focus{outline:none}.pad--long{min-height:calc(var(--pitch) * 12 + 8px)}.notice{padding:12px 16px;border-radius:10px;background:var(--accent-soft);color:var(--ink);font-size:14px}.notice--quiet{background:var(--card)}.topic{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 0 4px}.topic__label{font-size:13px;font-weight:500;color:var(--sub);letter-spacing:.08em}.topic__word{width:100%}.topic__mark{width:32px;height:2px;background:var(--accent);margin-top:10px}.rules{margin:0;padding:20px 20px 20px 2.2em;background:var(--card);border-radius:14px;font-size:14px}.rules li{word-break:auto-phrase;text-wrap:pretty}.rules li+li{margin-top:4px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;padding:24px;z-index:30}.modal__body{background:var(--bg);border-radius:18px;padding:28px 24px 24px;width:min(100%,360px)}.modal__title{font-weight:700;font-size:18px;margin-bottom:4px}.modal__actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.done{display:flex;align-items:center;gap:12px;padding:4px 0}.done__mark{width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--on-ink);display:grid;place-items:center;font-weight:700;font-size:16px}.done h1{font-size:21px;font-weight:700}.section{display:flex;flex-direction:column;gap:14px;padding-top:20px;border-top:1px solid var(--line)}.section h2{font-size:17px;font-weight:700}.pair{display:grid;grid-template-columns:1fr auto;gap:16px}.pair>div{display:flex;flex-direction:column;gap:8px}.senses{list-style:none;margin:0;padding:0}.senses li{display:grid;grid-template-columns:6em 1fr 4em;align-items:center;padding:6px 0;font-size:14px}.senses li+li{border-top:1px solid var(--line)}.meter{display:flex;gap:6px}.meter i{width:28px;height:6px;border-radius:3px;background:var(--line)}.meter i.on{background:var(--ink)}.senses .lv{text-align:right;font-size:13px;font-weight:500;color:var(--sub)}.senses .lv--なし{color:var(--faint)}.quote{border-left:2px solid var(--ink);padding:2px 0 2px 12px}.quote+.quote{margin-top:8px}.hint{background:var(--card);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:6px}.hint h3{font-size:12px;font-weight:700;color:var(--accent)}.reflect{display:flex;flex-direction:column;gap:8px}.reflect ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.reflect li{padding:12px 14px;background:var(--card);border-radius:10px;display:flex;flex-direction:column;gap:6px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:11px;padding:0 8px;border-radius:99px;border:1px solid var(--faint);color:var(--sub)}.detail summary{color:var(--sub);font-size:13px;cursor:pointer}.levels{width:100%;border-collapse:collapse;margin-top:8px;font-size:13px}.levels th{text-align:left;font-weight:500;width:6.5em;padding:4px 0}.levels td{padding:4px 8px}.levels .lvcol{width:4em;font-weight:500}.words{font-size:12px;color:var(--sub)}.thumb{width:100%;border-radius:10px;display:block}.written{padding:4px 0}.history{list-style:none;margin:0;padding:0}.history button{width:100%;display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;text-align:left;padding:16px 0;border:none;border-bottom:1px solid var(--line);background:none}.history__date{font-weight:700;font-size:15px}.version{text-align:center;font-size:11px;color:var(--faint);letter-spacing:.04em;margin-top:-8px}