:root{--bg:#f4eedf;--ink:#2c2a33;--sub:#6d6878;--night:#1d2540;--night-ink:#f4eedf;--accent:#b5562f;--link:#2d4f7c;--focus:#d08a1e;--radius:10px;--sans:"Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0}body{font-family:var(--sans);-webkit-text-size-adjust:100%;font-size:16px;line-height:1.8}a{color:var(--link)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}button{font:inherit;border-radius:var(--radius);border:1px solid var(--night);background:var(--night);color:var(--night-ink);cursor:pointer;margin:.25em .5em .25em 0;padding:.5em 1em}button.secondary{color:var(--night);background:0 0}button.danger{background:var(--accent);border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}button[aria-pressed=true]{outline:3px solid var(--focus)}input{font:inherit;border:1px solid var(--sub);border-radius:6px;width:100%;max-width:24em;margin:.25em 0 .5em;padding:.5em;display:block}.wrap{max-width:44rem;margin:0 auto;padding:16px}.header-bar{background:var(--night);color:var(--night-ink);justify-content:flex-end;align-items:center;gap:1em;padding:8px 16px;display:flex}.header-bar a{color:var(--night-ink)}.sound-toggle{border-color:var(--night-ink);margin:0;padding:.25em .75em}.sound-choice{border-radius:var(--radius);background:var(--night);max-width:44rem;color:var(--night-ink);margin:16px auto 0;padding:16px}.sound-choice button{background:var(--night-ink);color:var(--night)}.note{color:var(--sub);font-size:.9em}.todo{color:var(--sub);border-left:3px solid var(--sub);padding-left:.75em}.error{color:var(--accent)}.disabled{color:var(--sub)}.keep-notice{border:1px solid var(--sub);border-radius:var(--radius);margin-top:1.5em;padding:12px}.card-image{border-radius:14px;width:100%;height:auto}.card-number strong{letter-spacing:.05em;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.3em}.talk-log{flex-direction:column;gap:8px;margin-bottom:1em;display:flex}.bubble{white-space:pre-wrap;border-radius:14px;max-width:85%;margin:0;padding:8px 12px}.bubble-hotaru,.bubble-attach,.bubble-link{background:#fff;align-self:flex-start}.bubble-me{background:var(--night);color:var(--night-ink);align-self:flex-end}.bubble-card{align-self:center;margin:1em 0;font-weight:700}.bubble-system{color:var(--sub);align-self:center;font-size:.9em}.talk-form{background:var(--bg);gap:8px;padding:8px 0;display:flex;position:sticky;bottom:0}.talk-form input{margin:0}.bbs{font-family:MS PGothic,Hiragino Kaku Gothic ProN,sans-serif}.bbs-title{color:#b0202a;font-size:1.15em}.bbs-threads li{margin:.2em 0}.post{margin:0 0 1em}.post-head{color:var(--sub);font-size:.85em}.post-no{color:var(--ink);font-weight:700}.post-name{color:#237b3a;font-weight:700}.post-sage{margin-left:.4em}.post-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:.2em 0 .4em 1.5em}.post .clip-button,.post .wave{margin-left:1.5em}.wave{color:var(--night);margin:.5em 0}.wave svg{background:#fff;border:1px solid #ccc;width:100%;max-width:480px;height:auto}.wave figcaption,.zoom-bar .note{color:var(--sub);font-size:.8em}.site-head{background:var(--night);color:var(--night-ink);margin:0 -16px 1em;padding:12px 16px}.site-head .note{color:#c9c3d4;margin:0}.site-name{margin:0;font-size:1.4em;font-weight:700}.news{padding-left:1em}.news-date{color:var(--sub);font-family:ui-monospace,Menlo,monospace;font-size:.9em}.member-note{border-radius:var(--radius);background:#fff;padding:8px 12px}.thumb{border:1px solid #ccc;max-width:100%;height:auto;display:block}.zoom{margin:.5em 0}.zoom-frame{touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #bbb;width:100%;overflow:auto}.zoom-frame img{max-width:none;height:auto;display:block}.zoom-bar{flex-wrap:wrap;align-items:center;gap:.5em;display:flex}.zoom-bar button{min-width:2.75em;margin:.25em 0}.hint-list{padding-left:0;list-style:none}.hint-item{border-radius:var(--radius);background:#fff;margin:0 0 12px;padding:12px}.hint-solved{opacity:.75}.hint-no{font-weight:700}.hint-badge{color:var(--sub);margin-left:.5em;font-size:.8em}.hint-label{color:var(--accent);font-size:.85em}.hint-body p{margin:0 0 .5em}.hint-answer{border-top:1px dashed var(--sub)}.sign,.letter-sign,.letter-date{text-align:right}.table-scroll{overflow-x:auto}.kiki{border-collapse:collapse;width:100%;font-size:.9em}.kiki th,.kiki td{vertical-align:top;text-align:left;border-bottom:1px solid #d6cfbf;padding:6px 4px}.kiki-time{white-space:nowrap;font-family:ui-monospace,Menlo,monospace}.card-score{width:100%;min-width:160px;max-width:260px;height:auto;display:block}.arrange-cells{grid-template-columns:repeat(2,1fr);gap:6px;padding:0;list-style:none;display:grid}@media (width>=640px),(orientation:landscape){.arrange-cells{grid-template-columns:repeat(4,1fr)}}.cell,.card{text-align:left;width:100%;color:var(--ink);border:1px dashed var(--sub);background:#fff;flex-direction:column;gap:2px;margin:0;display:flex}.cell img,.card img{width:100%;height:auto}.cell-filled{border-style:solid}.cell-now{outline:3px solid var(--focus)}.cell-no{font-weight:700}.cell-empty,.cell-label{color:var(--sub);font-size:.85em}.arrange-cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;padding:0;list-style:none;display:grid}.card-picked{outline:3px solid var(--focus)}.nikki{font-family:Hiragino Mincho ProN,Yu Mincho,serif}.letter{background:#fffdf6;border:1px solid #d6cfbf;padding:16px;font-family:Hiragino Mincho ProN,Yu Mincho,serif}.addendum{font-size:.95em}.tsuzuri{font-family:Hiragino Mincho ProN,Yu Mincho,serif}.blog-head{border-bottom:2px solid var(--night);margin-bottom:1em}.blog-post{border-bottom:1px solid #d6cfbf;margin:0 0 2em;padding-bottom:1em}.tape-speed button{margin:0 0 0 .4em}.title-card{text-align:center;margin:1.5em 0 0;font-size:1.5em;font-weight:700}.title-line{text-align:center;color:var(--sub);margin:0 0 1.5em}.night .bubble{animation:.6s ease-out fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}}.skip{align-self:center}.okuri-cells .cell{border-radius:var(--radius);padding:6px}.last-cell{color:var(--sub);justify-content:space-around;padding:1em 0;display:flex}.last-heard .last-note{color:var(--focus);animation:.6s ease-out both fade-in}.ending p{font-family:Hiragino Mincho ProN,Yu Mincho,serif}.phone{background:var(--night);max-width:240px;color:var(--night-ink);text-align:center;border-radius:24px;margin:1.5em auto;padding:16px}.phone-app{opacity:.7;font-size:.8em}.phone-text{font-size:1.1em}.phone-buttons{justify-content:space-around;display:flex}