:root{--paper:#ffeef7;--paper-bg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 300 300'%3E%3Cpath d='M44 66 a11 11 0 0 1 18 -5 a11 11 0 0 1 18 5 c0 13 -18 24 -18 24 s-18 -11 -18 -24 z' fill='%23ff9ac4' opacity='0.16'/%3E%3Cpath d='M232 46 l5 12 13 1 -10 9 3 13 -12 -7 -12 7 3 -13 -10 -9 13 -1 z' fill='%23ffd36e' opacity='0.20'/%3E%3Cg fill='%2383dca0' opacity='0.16'%3E%3Ccircle cx='150' cy='158' r='8'/%3E%3Ccircle cx='164' cy='158' r='8'/%3E%3Ccircle cx='157' cy='146' r='8'/%3E%3Crect x='156' y='164' width='2' height='12'/%3E%3C/g%3E%3Ccircle cx='66' cy='224' r='15' fill='%23a9e2f5' opacity='0.15'/%3E%3Ccircle cx='60' cy='218' r='4' fill='%23ffffff' opacity='0.6'/%3E%3Cpath d='M248 248 l4 9 10 1 -7 7 2 10 -9 -5 -9 5 2 -10 -7 -7 10 -1 z' fill='%23ffd36e' opacity='0.15'/%3E%3Cpath d='M176 250 a8 8 0 0 1 13 -4 a8 8 0 0 1 13 4 c0 9 -13 17 -13 17 s-13 -8 -13 -17 z' fill='%23ff9ac4' opacity='0.14'/%3E%3Ccircle cx='120' cy='72' r='10' fill='%23c9b3f0' opacity='0.14'/%3E%3Cg fill='%23ffffff'%3E%3Ccircle cx='24' cy='150' r='2.2' opacity='0.75'/%3E%3Ccircle cx='210' cy='120' r='2' opacity='0.7'/%3E%3Ccircle cx='96' cy='196' r='1.8' opacity='0.7'/%3E%3Ccircle cx='280' cy='200' r='2' opacity='0.7'/%3E%3Ccircle cx='130' cy='270' r='2.2' opacity='0.72'/%3E%3C/g%3E%3Cg stroke='%23ffffff' stroke-width='1.4' opacity='0.6'%3E%3Cpath d='M100 34 v10 M95 39 h10'/%3E%3Cpath d='M264 168 v9 M259.5 172.5 h9'/%3E%3C/g%3E%3C/svg%3E"), linear-gradient(160deg, #ffd9ec 0%, #ffeef7 30%, #e8f7ff 68%, #efe6ff 100%);--line:#d8b6e8;--card:#fffafd;--ink:#5c3a52;--ink-soft:#a17c96;--accent:#ff7fb2;--accent-ink:#fff;--accent-soft:#ffe4f1;--sub:#48b2cf;--sub-soft:#e3f6fd;--good:#4d8a5c;--good-soft:#e9f3ec;--radius:14px;--font-head:"Zen Maru Gothic", "Hiragino Maru Gothic ProN", sans-serif;--font-body:"Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;--font-hand:"Klee One", "Hiragino Maru Gothic ProN", cursive;--tape-opacity:.45;--shadow:0 3px 10px #ff7fb233}.phone.t-seishun{--paper:#fdfdfd;--paper-bg:linear-gradient(90deg, transparent 0 38px, #d64a4a47 38px 39px, transparent 39px 100%), repeating-linear-gradient(transparent 0 27px, #2b4bda21 27px 28px);--line:#dbe2f2;--card:#fff;--ink:#1d2b56;--ink-soft:#6a7597;--accent:#2b4bda;--accent-ink:#fff;--accent-soft:#e8edfd;--sub:#b08c00;--sub-soft:#fff4c2;--radius:4px;--font-head:"Zen Kaku Gothic New", sans-serif;--font-body:"Zen Kaku Gothic New", "Yu Gothic", sans-serif;--font-hand:"Yusei Magic", sans-serif;--shadow:0 1px 4px #1d2b5624}.phone.t-letter{--paper:#f6efe2;--paper-bg:repeating-linear-gradient(transparent 0 33px, #7a3b2e1c 33px 34px);--line:#e2d5bd;--card:#fbf6ea;--ink:#46352a;--ink-soft:#8a7461;--accent:#7a3b2e;--accent-ink:#f6efe2;--accent-soft:#eddfd0;--sub:#5f6e54;--sub-soft:#e7e8da;--radius:6px;--font-head:"Zen Old Mincho", "Hiragino Mincho ProN", serif;--font-body:"Zen Old Mincho", "Hiragino Mincho ProN", serif;--font-hand:"Zen Old Mincho", serif;--tape-opacity:.35;--shadow:0 2px 5px #46352a29}.phone.t-craft{--paper:#c3a67c;--paper-bg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.10'/%3E%3C/svg%3E");--line:#a68a5e;--card:#efe7d3;--ink:#33302a;--ink-soft:#6b6152;--accent:#47614a;--accent-ink:#f2eddd;--accent-soft:#dcd9c4;--sub:#7c503a;--sub-soft:#e6d9c4;--radius:4px;--font-head:"Zen Kaku Gothic New", sans-serif;--font-body:"Zen Kaku Gothic New", "Yu Gothic", sans-serif;--font-hand:"Zen Kaku Gothic New", sans-serif;--tape-opacity:.5;--shadow:0 2px 4px #33302a47}.phone.t-night{--paper:#1d232e;--paper-bg:repeating-linear-gradient(transparent 0 23px, #ffffff0d 23px 24px), repeating-linear-gradient(90deg, transparent 0 23px, #ffffff09 23px 24px);--line:#354052;--card:#242c3a;--ink:#dfe6ef;--ink-soft:#93a0b3;--accent:#7ee0c0;--accent-ink:#0f241c;--accent-soft:#24493e;--sub:#8fadd6;--sub-soft:#28313f;--good:#a3d977;--good-soft:#2c3b2a;--radius:8px;--font-head:"M PLUS 1 Code", monospace;--font-body:"M PLUS 1 Code", "Yu Gothic", sans-serif;--font-hand:"M PLUS 1 Code", monospace;--tape-opacity:.3;--shadow:0 2px 8px #0006}.phone.t-heisei .screen-head:after{content:"";opacity:.85;background:radial-gradient(circle at 50% 0,#ffb3d4 0 5px,#0000 5.6px) 0 0/15px 10px repeat-x;height:10px;margin-top:8px;display:block}.phone.t-heisei .entry{border-radius:var(--radius);border:2px dashed #c9a2e8}.phone.t-heisei .entry.skip{border-color:#d8b6e8}.phone.t-heisei .entry:not(.skip):before{opacity:.8;background:linear-gradient(90deg,#ffb3d4,#b7e5ff,#d9c2ff,#ffe9a8);border-radius:3px;width:104px;height:20px;box-shadow:0 1px 3px #7850822e}.phone.t-heisei .primary:not(:disabled){color:#fff;background:linear-gradient(#ff7fb2 0%,#ff9ecb 100%);box-shadow:0 3px #e85f95,0 5px 11px #ff7fb259}.phone.t-heisei .primary:not(:disabled):active{box-shadow:0 1px #e85f95,0 2px 6px #ff7fb24d}@media print{.phone.t-heisei{--paper-bg:none;--paper:#fff}.phone.t-heisei .screen-head:after{display:none}}*{box-sizing:border-box}html,body{background:#e8e0d8;margin:0}body{font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.75}#root{justify-content:center;min-height:100vh;display:flex}.phone{background-color:var(--paper);background-image:var(--paper-bg);width:100%;max-width:430px;min-height:100vh;font-family:var(--font-body);color:var(--ink);transition:background-color .3s;box-shadow:0 0 40px #40323a2e}.screen{padding:20px 18px calc(48px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:14px;display:flex}.screen-head{margin-bottom:4px}.screen-head.center{text-align:center}.eyebrow{letter-spacing:.18em;color:var(--accent);font-size:11px;font-weight:700}h1{font-family:var(--font-head);margin:6px 0;font-size:21px;line-height:1.4}.sub{color:var(--ink-soft);margin:4px 0 0;font-size:13px}.hint{color:var(--ink-soft);margin:2px 0;font-size:11.5px}.center{text-align:center}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:var(--ink-soft);letter-spacing:.04em;font-size:12px;font-weight:700}input,textarea{font-family:var(--font-hand);color:var(--ink);background:var(--card);border:1.5px solid var(--line);border-radius:calc(var(--radius) - 3px);outline:none;padding:10px 12px;font-size:16px}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}:focus-visible,.book-page.cover-page:focus-visible,.book-spine:focus-visible{outline:2px solid var(--accent);outline-offset:2px}textarea{resize:vertical}.counter{color:var(--ink-soft);text-align:right;font-variant-numeric:tabular-nums;font-size:11px}button{font-family:var(--font-body);cursor:pointer;font-size:14px}.primary{background:var(--accent);color:var(--accent-ink);border-radius:var(--radius);box-shadow:var(--shadow);border:none;padding:13px 16px;font-size:15px;font-weight:700}.primary:disabled{opacity:.4;cursor:default;box-shadow:none}.primary:not(:disabled):active{transform:translateY(2px)}.ghost{color:var(--ink-soft);background:0 0;border:none;border-radius:8px;min-width:44px;min-height:44px;padding:6px 10px;font-weight:600}.ghost:hover{background:#0000000f}.ghost.small{font-size:12px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;min-height:44px;padding:6px 14px;font-size:15px}.chip.wide{font-size:13px}.chip.on{border-color:var(--accent);background:var(--accent-soft)}.swatch{border:3px solid #0000;border-radius:50%;width:32px;height:32px;position:relative}.swatch:after{content:"";border-radius:50%;position:absolute;inset:-6px}.swatch.on{border-color:var(--ink)}.profile-card{background:var(--card);border:2px dashed var(--accent);border-radius:16px;flex-direction:column;gap:14px;padding:22px 18px 18px;display:flex;position:relative}.profile-mark{color:#fff;border:3px solid var(--paper);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:-40px auto 0;font-size:26px;display:flex}.profile-card.view{gap:6px;margin-top:28px}.profile-name{text-align:center;font-size:16px;font-weight:700;font-family:var(--font-head)}.you-tag{background:var(--accent-soft);color:var(--accent);vertical-align:middle;border-radius:999px;margin-left:6px;padding:2px 8px;font-size:10px}.profile-card dl{margin:0;font-size:13px}.profile-card dt{color:var(--ink-soft);margin-top:8px;font-size:11px}.profile-card dd{font-family:var(--font-hand);margin:0}.profile-edit{align-self:flex-start;margin-top:10px;font-size:12px}.profiles{flex-direction:column;gap:8px;display:flex}.profiles.grid2{grid-template-columns:1fr 1fr;align-items:start;gap:8px;display:grid}.member-list{flex-direction:column;gap:8px;display:flex}.member-row{background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);text-align:left;color:var(--ink);align-items:center;gap:10px;padding:10px 12px;display:flex}.member-row.on{border-color:var(--accent);background:var(--accent-soft)}.member-name{font-weight:700}.member-sub{color:var(--ink-soft);flex:1;font-size:11px}.check{color:var(--accent);font-weight:700}.avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:inline-flex}.avatar.sm{width:28px;height:28px;font-size:14px}.theme-list{flex-direction:column;gap:8px;display:flex}.theme-list.panel{background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px}.theme-row{background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);text-align:left;color:var(--ink);align-items:center;gap:10px;padding:9px 10px;display:flex}.theme-row.on{border-color:var(--accent);background:var(--accent-soft)}.theme-swatch{flex-shrink:0;display:inline-flex}.theme-swatch i{width:16px;height:26px;display:inline-block}.theme-swatch i:first-child{border-radius:4px 0 0 4px}.theme-swatch i:last-child{border-radius:0 4px 4px 0}.theme-info{flex-direction:column;flex:1;display:flex}.theme-name{font-size:13px;font-weight:700}.theme-desc{color:var(--ink-soft);font-size:10.5px}.theme-tag{color:var(--accent);border:1px solid var(--accent);white-space:nowrap;border-radius:999px;padding:2px 7px;font-size:10px}.font-list{flex-direction:column;gap:6px;margin-top:8px;display:flex}.font-list.panel{background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px}.font-list-head{letter-spacing:.08em;color:var(--ink-soft);padding:2px 2px 4px;font-size:11px;font-weight:700}.font-row{background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);text-align:left;min-height:44px;color:var(--ink);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.font-row.on{border-color:var(--accent);background:var(--accent-soft)}.font-sample{font-size:16px;line-height:1.3}.font-check{color:var(--accent);border:1px solid var(--accent);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:10px}.home-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.home-head h1{font-size:19px}.opt-badge{color:var(--ink-soft);border:1px solid var(--line);vertical-align:middle;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:10px;font-weight:700}.note-list{flex-direction:column;gap:10px;display:flex}.note-card{background:var(--card);border:1.5px solid var(--line);border-left:6px solid var(--accent);border-radius:var(--radius);text-align:left;color:var(--ink);box-shadow:var(--shadow);flex-direction:column;gap:4px;padding:14px 16px;display:flex}.note-title{font-size:15px;font-weight:700;font-family:var(--font-head)}.note-sub{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:11.5px}.turn-badge{color:var(--ink-soft);font-size:12px}.turn-badge.you{width:fit-content;color:var(--paper);background:var(--accent);border-radius:999px;align-self:flex-start;padding:2px 10px;font-weight:700;display:inline-block}.memory-card{text-align:left;background:var(--sub-soft);border:1.5px solid var(--line);border-radius:var(--radius);color:var(--ink);box-shadow:var(--shadow);flex-direction:column;gap:5px;padding:13px 15px;display:flex}.memory-eyebrow{letter-spacing:.16em;color:var(--sub);font-size:11px;font-weight:700}.memory-lead{font-family:var(--font-head);font-size:14.5px;font-weight:700}.memory-peek{color:var(--ink-soft);border-left:3px solid var(--line);padding-left:9px;font-size:13px;line-height:1.5}.memory-foot{color:var(--sub);font-size:11.5px;font-weight:700}.footer-tools{text-align:center;margin-top:24px}.note-head{align-items:center;gap:2px;display:flex}.note-head-mid{text-align:center;flex:1;min-width:0}.progress-bar{background:var(--line);border-radius:999px;height:6px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .4s}.today-date{color:var(--ink-soft);letter-spacing:.02em;margin:2px 2px 6px;font-size:12px;font-weight:700}.today-card{background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;font-size:13.5px}.today-card.you{border-color:var(--accent)}.today-label{color:var(--accent);margin-bottom:4px;font-size:12px;font-weight:700}.today-card p{margin:0 0 10px}.wait-note{color:var(--ink-soft);margin-top:4px;font-size:12px;display:block}.today-actions{align-items:center;gap:8px;display:flex}.today-actions .primary{flex:1}.demo-advance{border:1.5px dashed var(--sub);background:var(--sub-soft);color:var(--sub);border-radius:calc(var(--radius) - 2px);min-height:44px;padding:8px 12px;font-size:12.5px;font-weight:700}.timeline{flex-direction:column;gap:20px;margin-top:10px;display:flex}.empty{text-align:center;color:var(--ink-soft);font-size:13px;font-family:var(--font-hand);padding:24px 0}.volume-divider{font-family:var(--font-head);color:var(--ink-soft);letter-spacing:.06em;align-items:center;gap:10px;padding:2px 0;font-size:12px;font-weight:700;display:flex}.volume-divider:before,.volume-divider:after{content:"";background:var(--line);flex:1;height:1px}.entry{background:var(--card);border:1px solid var(--line);border-radius:calc(var(--radius) - 4px);box-shadow:var(--shadow);padding:16px 14px 12px;position:relative}.timeline .entry:nth-child(odd){transform:rotate(.5deg)}.timeline .entry:nth-child(2n){transform:rotate(-.45deg)}.entry:before{content:"";background:var(--member,var(--accent));width:92px;height:18px;opacity:var(--tape-opacity);border-radius:2px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(-2.5deg);box-shadow:0 1px 2px #0000001f}.entry.skip{box-shadow:none;color:var(--ink-soft);background:0 0;border-style:dashed;align-items:center;gap:8px;padding:10px 12px;font-size:12.5px;display:flex;transform:none}.entry.skip:before{display:none}.skip-note{color:var(--ink);word-break:break-word;font-size:12.5px}.entry.skip{flex-wrap:wrap}.skip-panel{margin-top:10px}.skip-panel .field{margin-bottom:8px}.skip-auto{opacity:.7;white-space:nowrap;margin-left:auto;font-size:11px}.entry-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.entry-author{font-size:13.5px;font-weight:700;font-family:var(--font-head)}.entry-day{color:var(--ink-soft);border:1px dashed var(--ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:3px;margin-left:auto;padding:1px 6px;font-size:10px;transform:rotate(2deg)}.topic-badge{color:var(--good);background:var(--good-soft);border-radius:999px;margin-bottom:6px;padding:2px 10px;font-size:11px;font-weight:700;display:inline-block}.slot-label{letter-spacing:.08em;color:var(--ink-soft);margin-bottom:2px;font-size:10.5px;font-weight:700;display:block}.slot-label.big{color:var(--accent);font-size:12px}.entry-reply{background:var(--sub-soft);font-size:13px;font-family:var(--font-hand);border-radius:8px;margin-bottom:8px;padding:8px 10px}.entry-body{white-space:pre-wrap;font-size:14.5px;font-family:var(--font-hand);margin:0 0 8px;line-height:1.9}.hand-1 .entry-body,.hand-1 .entry-reply{font-family:"Klee One", var(--font-hand)}.hand-2 .entry-body,.hand-2 .entry-reply{font-family:"Yusei Magic", var(--font-hand)}.hand-3 .entry-body,.hand-3 .entry-reply{font-family:"Zen Maru Gothic", var(--font-hand)}.entry-photo{border:5px solid #fff;border-radius:4px;width:100%;margin-bottom:8px;transform:rotate(-.9deg);box-shadow:0 2px 8px #0003}.entry-photo.drawing{background:#fffdf8;transform:rotate(.7deg)}.entry-question{background:var(--accent-soft);font-size:13px;font-family:var(--font-hand);border-radius:8px;padding:8px 10px}.entry-foot{gap:6px;margin-top:10px;display:flex}.react{border:1px solid var(--line);background:0 0;border-radius:999px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:3px 12px;font-size:13px;display:inline-flex}.react.on{border-color:var(--accent);background:var(--accent-soft)}.react-n{color:var(--ink-soft);font-variant-numeric:tabular-nums;margin-left:3px;font-size:11px}.compose-block{background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:8px;padding:12px 14px;display:flex}.prev-question{font-size:14.5px;font-weight:700;font-family:var(--font-hand)}.topic-banner{background:var(--good-soft);color:var(--good);border-radius:var(--radius);padding:10px 12px;font-size:13px}.photo-row{display:flex}.photo-add{border:1.5px dashed var(--line);border-radius:calc(var(--radius) - 2px);min-height:44px;color:var(--ink-soft);cursor:pointer;padding:10px 14px;font-size:13px}.photo-add:hover{border-color:var(--accent);color:var(--accent)}.photo-add.as-button{text-align:left;background:0 0}.photo-preview{flex-direction:column;gap:4px;display:flex}.photo-preview img{border:4px solid #fff;border-radius:6px;max-width:180px;box-shadow:0 1px 5px #0000002e}.photo-preview img.drawing{background:#fffdf8}.row-gap{gap:8px;display:flex}.pad-overlay{z-index:200;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#40323a6b;justify-content:center;align-items:stretch;height:100dvh;display:flex;position:fixed;inset:0}.pad{width:100%;max-width:460px;height:100%;padding:10px 12px calc(10px + env(safe-area-inset-bottom));padding-top:calc(10px + env(safe-area-inset-top));box-sizing:border-box;background:#fffdf8;flex-direction:column;gap:8px;display:flex;overflow:hidden}.pad-canvas-wrap{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex}.pad-canvas{border:1px solid var(--line);touch-action:none;cursor:crosshair;background:#fffdf8;border-radius:6px;max-width:100%;max-height:100%}.pad-tools{flex-wrap:wrap;flex:none;align-items:center;gap:6px;display:flex}.pen-row{flex-basis:100%;gap:4px;display:flex}.pen{box-sizing:border-box;background-clip:content-box;border:3px solid #0000;border-radius:50%;width:44px;height:44px;padding:6px}.pen.on{border-color:var(--ink)}.pen.light{border-style:dashed}.pad-tools .chip{padding:4px 10px;font-size:12px}.pad-tools .chip:disabled{opacity:.4}.pad-actions{flex:none;justify-content:space-between;align-items:center;display:flex}.primary.slim{padding:8px 16px;font-size:13px}.tpl-chips .chip{min-height:44px;font-size:12px}.tpl-fields{background:var(--paper);border-radius:calc(var(--radius) - 2px);flex-direction:column;gap:10px;padding:10px;display:flex}.tpl-scale{align-items:center;gap:10px;display:flex}.tpl-scale .tpl-label{color:var(--ink-soft);width:5.5em;font-size:12px;font-weight:700}.tpl-scale input[type=range]{appearance:none;cursor:pointer;--pct:0%;background:0 0;flex:1;height:18px}.tpl-scale input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) 0%, var(--accent) var(--pct), var(--line) var(--pct), var(--line) 100%);border-radius:999px;height:8px}.tpl-scale input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--paper);border-radius:50%;width:18px;height:18px;margin-top:-5px;box-shadow:0 1px 3px #00000040}.tpl-scale input[type=range]::-moz-range-track{background:var(--line);border-radius:999px;height:8px}.tpl-scale input[type=range]::-moz-range-progress{background:var(--accent);border-radius:999px;height:8px}.tpl-scale input[type=range]::-moz-range-thumb{background:var(--accent);border:2px solid var(--paper);border-radius:50%;width:18px;height:18px;box-shadow:0 1px 3px #00000040}.tpl-scale input[type=range]:focus-visible{outline:none}.tpl-scale input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 40%, transparent)}.tpl-scale input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 40%, transparent)}.tpl-scale-n{font-variant-numeric:tabular-nums;text-align:right;width:1.6em;font-weight:700}.tpl-view{border:1.5px solid var(--accent-soft);background:var(--paper);border-radius:calc(var(--radius) - 2px);margin-bottom:8px;padding:10px 12px}.tpl-view-title{color:var(--accent);margin-bottom:6px;font-size:11px;font-weight:700}.tpl-view dl{flex-direction:column;gap:6px;margin:0;display:flex}.tpl-view-row dt{color:var(--ink-soft);font-size:11px;font-weight:700}.tpl-view-row dd{font-size:13.5px;font-family:var(--font-hand);margin:0}.tpl-meter{align-items:center;gap:8px;width:100%;display:flex}.tpl-meter-track{background:var(--line);border-radius:999px;flex:1;height:10px;position:relative;overflow:hidden}.tpl-meter-fill{background:var(--accent);border-radius:999px;height:100%;position:absolute;top:0;left:0}.tpl-meter-n{text-align:right;font-variant-numeric:tabular-nums;min-width:2.8em;color:var(--ink-soft);flex:none;font-size:11px}.celebrate .screen-head h1{font-size:24px}.digest-card{background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}.digest-card h3{color:var(--accent);font-size:13.5px;font-family:var(--font-head);margin:0 0 10px}.muted-card{opacity:.85}.per-member{flex-direction:column;gap:8px;display:flex}.pm-row{align-items:center;gap:8px;font-size:13px;display:flex}.pm-name{width:4.5em;font-weight:700}.pm-bar{background:var(--line);border-radius:999px;flex:1;height:8px;overflow:hidden}.pm-fill{border-radius:999px;height:100%;display:block}.pm-n{font-variant-numeric:tabular-nums;text-align:right;width:2em}.album{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.album img{aspect-ratio:1;object-fit:cover;border:3px solid #fff;border-radius:4px;width:100%;box-shadow:0 1px 4px #0000002e}.album img:nth-child(odd){transform:rotate(-1.2deg)}.album img:nth-child(2n){transform:rotate(1deg)}.qa-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.qa-q{font-size:13px;font-weight:700}.qa-a{color:var(--ink-soft);font-size:12.5px;font-family:var(--font-hand);margin-top:2px}.todo-list{flex-direction:column;gap:6px;margin:0;padding-left:0;font-size:13px;list-style:none;display:flex}.book-open-button{margin-top:2px}.volume-next-button{align-self:center}.completed-books{flex-direction:column;gap:8px;display:flex}.completed-books-head{justify-content:space-between;align-items:baseline;padding:0 2px;display:flex}.completed-books-head h2{font-family:var(--font-head);margin:0;font-size:14px}.completed-books-head span{color:var(--ink-soft);font-size:11px}.completed-books-shelf{border-bottom:5px solid color-mix(in srgb, var(--ink) 28%, transparent);scrollbar-width:none;gap:10px;padding:3px 2px 11px;display:flex;overflow-x:auto}.completed-books-shelf::-webkit-scrollbar{display:none}.book-spine{transform-origin:bottom;border:none;border-radius:2px 4px 4px 2px;flex-direction:column;flex:none;justify-content:flex-start;align-items:center;height:92px;padding:0;transition:transform .16s;display:flex;position:relative;overflow:hidden;box-shadow:1.5px 2px 4px #281e2252,inset -3px 0 5px -3px #0006,inset 3px 0 4px -3px #ffffff47}.book-spine:hover,.book-spine:focus-visible{transform:perspective(400px)rotateX(-4deg)translateY(-3px)}.book-spine .bs-title{font-family:var(--font-head);text-align:center;max-height:60px;font-size:11px;font-weight:700;line-height:1.25;overflow:hidden}.book-spine .bs-vol{font-variant-numeric:tabular-nums;margin-top:auto;font-family:"M PLUS 1 Code",monospace;font-size:11px}.book-spine.bs-simple{color:#2b2622;background:#f4efe6;padding:9px 5px 22px}.book-spine.bs-simple .bs-title{writing-mode:horizontal-tb}.book-spine.bs-simple .bs-vol{color:#948b7c;margin-bottom:2px}.book-spine.bs-simple .bs-obi{background:#c14a2e;height:9px;position:absolute;bottom:12px;left:0;right:0}.book-spine.bs-retro{color:#c9a86b;background:linear-gradient(90deg,#5d2129,#85343c 52%,#6c272e);justify-content:center;padding:12px 4px 10px}.book-spine.bs-retro .bs-title{writing-mode:vertical-rl;letter-spacing:.16em;max-height:66px}.book-spine.bs-retro .bs-vol{color:#c9a86b;margin-top:6px}.book-spine.bs-retro .bs-band{background:linear-gradient(#ffffff47,#0000006b);height:6px;position:absolute;top:12%;left:0;right:0}.book-spine.bs-retro .bs-band.b2{top:auto;bottom:12%}.phone:has(.book-screen){max-width:1080px}.book-screen{background-color:color-mix(in srgb, var(--ink) 15%, #bbaea5);background-image:linear-gradient(90deg,#ffffff14,#0000 22% 78%,#00000014),repeating-linear-gradient(0deg,#0000 0 35px,#ffffff09 35px 36px);flex-direction:column;height:100dvh;min-height:min(560px,100dvh);display:flex;position:relative;overflow:hidden}.book-head{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--paper) 96%, transparent);z-index:5;flex:none;min-height:61px;padding:10px 18px;box-shadow:0 2px 10px #2d232624}.book-close{white-space:nowrap;width:92px;padding-inline:4px}.book-counter{text-align:right;width:92px;color:var(--ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.book-scroller{scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scrollbar-width:none;flex:auto;min-height:0;display:flex;overflow:auto hidden}.book-scroller::-webkit-scrollbar{display:none}.book-slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;place-items:stretch stretch;width:100%;min-width:100%;height:100%;padding:28px 70px 38px;display:grid;position:relative}.book-spread{filter:drop-shadow(0 14px 16px #3023263d);grid-template-columns:repeat(2,minmax(0,1fr))}.book-spread:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(90deg,#0000,#3125262b 43%,#fff3 53%,#0000);width:22px;position:absolute;top:28px;bottom:38px;left:50%;transform:translate(-50%)}.book-single,.book-single-page{place-items:center}.book-page{background-color:color-mix(in srgb, var(--card) 95%, #efd9a9);background-image:linear-gradient(90deg, #60483b09, transparent 8%, transparent 92%, #60483b0b), var(--paper-bg);border:1px solid color-mix(in srgb, var(--line) 74%, #aa9278);scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--line) 75%, transparent) transparent;width:100%;min-width:0;height:100%;padding:38px 42px 62px;position:relative;overflow-y:auto}.book-page.memory-focus{outline:2px solid var(--sub);outline-offset:-2px}.book-spread .book-page:first-child{border-right:0;border-radius:8px 1px 1px 8px;box-shadow:inset -18px 0 22px -22px #231a1da6}.book-spread .book-page:last-child{border-left:0;border-radius:1px 8px 8px 1px;box-shadow:inset 18px 0 22px -22px #231a1da6}.book-spread .book-page:first-child:before,.book-spread .book-page:last-child:before{content:"";pointer-events:none;opacity:.26;width:6px;position:absolute;top:0;bottom:0}.book-spread .book-page:first-child:before{border-left:1px solid var(--line);border-radius:8px 0 0 8px;left:4px}.book-spread .book-page:last-child:before{border-right:1px solid var(--line);border-radius:0 8px 8px 0;right:4px}.book-single-page .book-page{border-radius:7px;width:min(100%,480px);box-shadow:0 14px 22px #3023263d}.book-page .page-head{align-items:center;gap:8px;margin-bottom:18px;display:flex}.book-page .entry-body{font-size:15px;line-height:2}.book-page .entry-photo{object-fit:contain;max-height:36vh}.book-page .page-no{text-align:center;color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:11px;position:absolute;bottom:18px;left:0;right:0}.book-page.reading{flex-direction:column;padding-bottom:0;display:flex;overflow:hidden}.book-page.reading>.page-scroll{overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--line) 75%, transparent) transparent;flex:auto;min-height:0;overflow-y:auto}.page-foot{padding-block:2px calc(10px + env(safe-area-inset-bottom,0px));flex:none;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.book-page.reading .page-foot .page-no{grid-column:2;padding-inline:8px;position:static}.page-foot .page-save{border:1px solid var(--line);background:color-mix(in srgb, var(--card) 84%, transparent);min-height:44px;color:var(--ink-soft);opacity:.8;border-radius:999px;grid-column:1;justify-self:start;padding:4px 12px;font-size:11px;line-height:1.5}.page-foot .page-save:disabled{opacity:.5}.book-spread .page-foot .page-save{padding-inline:9px;font-size:10px}.book-page.cover{background-color:var(--accent);width:min(100%,430px);color:var(--accent-ink);box-shadow:-7px 0 0 color-mix(in srgb, var(--accent) 68%, #352a2d), 0 18px 26px #30232652;background-image:linear-gradient(90deg,#1d141938,#0000 7% 92%,#ffffff1c),repeating-linear-gradient(90deg,#0000 0 3px,#ffffff05 3px 4px);border:0;border-radius:5px 12px 12px 5px;place-items:center;padding:34px;display:grid}.cover-inner{border:2px solid color-mix(in srgb, var(--accent-ink) 55%, transparent);text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:min(560px,88%);padding:36px 24px 28px;display:flex}.cover-label{letter-spacing:.16em;opacity:.8;font-size:11px}.cover-title{font-family:var(--font-head);margin:18px 0 6px;font-size:25px;line-height:1.45}.cover-no{font-size:13px;font-weight:700}.cover-meta{opacity:.8;margin-top:18px;font-size:12px}.cover-members{flex-wrap:wrap;justify-content:center;gap:8px 12px;margin-top:24px;display:flex}.cover-member{align-items:center;gap:5px;font-size:11.5px;display:inline-flex}.cover-hint{opacity:.72;margin:auto 0 0;padding-top:24px;font-size:10.5px}.book-page.back .primary{background:var(--accent-ink);color:var(--accent);margin-top:28px}.blank-page{place-items:center;display:grid}.blank-page span{color:var(--ink-soft);font-family:var(--font-hand);opacity:.45;font-size:12px}.page-nav{z-index:4;border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 90%, transparent);width:44px;height:58px;color:var(--ink);box-shadow:var(--shadow);place-items:center;font-size:28px;line-height:1;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.page-nav.prev{border-radius:0 6px 6px 0;left:14px}.page-nav.next{border-radius:6px 0 0 6px;right:14px}@media (width<=759px){.phone:has(.book-screen){max-width:430px}.book-head{padding-inline:12px}.head-label{display:none}.book-close{width:44px;padding-inline:0;font-size:18px}.book-counter{width:62px}.book-binding{padding-inline:8px}.book-slide{padding:0}.book-single .book-page.cover,.book-single-page .book-page{width:100%;max-width:none;box-shadow:none;border:0;border-radius:0}.book-page{padding:30px 46px 56px}.book-page.cover{border-radius:0}.page-nav{opacity:.82;width:44px;height:56px}.page-nav.prev{border-radius:0 8px 8px 0;left:0}.page-nav.next{border-radius:8px 0 0 8px;right:0}}@media (height<=650px){.book-slide{padding-top:16px;padding-bottom:20px}.book-page{padding-top:20px}.cover-inner{min-height:94%;padding-block:22px}.cover-members{margin-top:14px}}@media (width<=759px) and (height<=650px){.book-slide{padding:0}.flip-leaf{width:50%;top:0;bottom:0}.flip-layer.fwd .flip-leaf{right:0}.flip-layer.back .flip-leaf{left:0}}.book-scroller.mode-single{perspective:1600px;perspective-origin:0;isolation:isolate;gap:0;padding-inline:0;scroll-padding-inline:0}.mode-single .book-slide{scroll-snap-align:start;width:100%;min-width:100%;transform-style:preserve-3d;flex:0 0 100%;padding:0}.mode-single .book-slide>*{grid-area:1/1}.mode-single .book-single-page .book-page,.mode-single .book-single .book-page{backface-visibility:hidden;border-radius:0;width:100%;height:100%}.mode-single .book-slide[data-turning]{transform:translateX(calc(var(--turn) * -100%)) rotateY(calc(min(var(--turn), 0) * 178deg));transform-origin:0;will-change:transform}.mode-single .book-slide[data-turning] .book-page,.mode-single .book-slide[data-turning] .leaf-verso{opacity:clamp(0, calc((var(--turn) + 1) / .12), 1)}.mode-single .book-slide>.leaf-verso{backface-visibility:hidden;pointer-events:none;background-color:color-mix(in srgb, var(--card) 92%, #e6d2a6);background-image:linear-gradient(270deg, #60483b0d, transparent 10%, transparent 90%, #60483b17), var(--paper-bg);grid-area:1/1;place-self:stretch stretch;transform:rotateY(180deg)translateZ(1px);box-shadow:inset 0 0 40px #503c301f}.mode-single .book-slide>.leaf-shade{backface-visibility:hidden;pointer-events:none;opacity:0;background:linear-gradient(90deg,#1e16198c,#0000 62%);grid-area:1/1;place-self:stretch stretch;transform:translateZ(2px)}.mode-single .book-slide[data-turning]>.leaf-shade{opacity:calc(min(var(--turn), 0) * -.85)}.leaf-verso,.leaf-shade{display:none}.mode-single .book-slide>.leaf-verso,.mode-single .book-slide>.leaf-shade{display:block}.mode-single .book-page:before{content:"";pointer-events:none;background:linear-gradient(90deg,#31252629,#0000);border-radius:7px 0 0 7px;width:26px;position:absolute;top:0;bottom:0;left:0}.mode-single .book-page:after{content:"";pointer-events:none;opacity:.6;background:repeating-linear-gradient(90deg,#60483b38 0 1px,#0000 1px 3px);width:7px;position:absolute;top:4px;bottom:4px;right:0}.mode-single .cover-page.cloth-back:before,.mode-single .cover-page.press-back:before{border-radius:7px 0 0 7px;left:auto;right:0;transform:scaleX(-1)}.mode-single .cover-page.cloth-back:after,.mode-single .cover-page.press-back:after{left:0;right:auto;transform:scaleX(-1)}.book-scroller.flipping{touch-action:none;pointer-events:none}.flip-layer{z-index:6;pointer-events:none;perspective:1400px;position:absolute;inset:61px 0 0;overflow:hidden}.flip-leaf{background-color:color-mix(in srgb, var(--card) 95%, #efd9a9);background-image:var(--paper-bg);border:1px solid color-mix(in srgb, var(--line) 74%, #aa9278);backface-visibility:hidden;width:calc(50% - 80px);position:absolute;top:28px;bottom:38px;box-shadow:0 10px 20px #281e224d}.flip-leaf:after{content:"";opacity:0;background:linear-gradient(90deg,#1e161966,#0000 70%);animation:.45s ease-in forwards flipShade;position:absolute;inset:0}.flip-layer.fwd .flip-leaf{transform-origin:0;animation:.45s ease-in forwards flipFwd;right:70px}.flip-layer.back .flip-leaf{transform-origin:100%;animation:.45s ease-in forwards flipBack;left:70px}@keyframes flipFwd{0%{transform:perspective(1400px)rotateY(0)}to{transform:perspective(1400px)rotateY(-180deg)}}@keyframes flipBack{0%{transform:perspective(1400px)rotateY(0)}to{transform:perspective(1400px)rotateY(180deg)}}@keyframes flipShade{0%{opacity:0}50%{opacity:.9}to{opacity:0}}.book-scroller.mode-single.nudge .book-page{transform-origin:0;animation:.26s ease-out pageNudge}@keyframes pageNudge{0%{transform:perspective(900px)rotateY(6deg)}to{transform:perspective(900px)rotateY(0)}}.binding-retro{background-color:#4a3b30;background-image:repeating-linear-gradient(0deg,#0000 0 5px,#00000014 5px 6px)}.binding-retro .book-page{background-color:#f0e5c9;background-image:radial-gradient(at 84% 8%,#96703c21,#0000 42%),radial-gradient(at 8% 92%,#96703c1c,#0000 38%),repeating-linear-gradient(#0000 0 31px,#7a5c2e21 31px 32px);border-color:#c4ae83}.binding-retro .book-page .entry-body,.binding-retro .book-page .entry-reply,.binding-retro .book-page .entry-question,.binding-retro .book-page .tpl-view-row dd{font-family:Zen Old Mincho,serif}.binding-retro .book-page .entry-day{color:sienna;opacity:.85;border-style:solid;border-color:sienna}.binding-retro .book-page .page-no:before{content:"- "}.binding-retro .book-page .page-no:after{content:" -"}.binding-retro .book-page.cover{color:#ecdfbc;background-color:#3f5240;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.14'/%3E%3C/svg%3E"),radial-gradient(at 3% 3%,#0006,#0000 26%),radial-gradient(at 97% 97%,#0006,#0000 26%);border-color:#2c3a2d}.binding-retro .cover-inner{color:#ecdfbc;border:3px double #c9a86b;border-radius:4px}.binding-retro .cover-label,.binding-retro .cover-no{color:#c9a86b}.binding-retro .cover-title{letter-spacing:.18em;color:#f2e6c4;font-family:Zen Old Mincho,serif}.binding-retro .cover-meta,.binding-retro .cover-hint{color:#d9cca6}.binding-retro .cover-members{color:#4a3b30;background:#f0e5c9f0;border:1px solid #c9a86b;border-radius:4px;padding:10px 14px}.binding-pick{gap:10px;display:flex}.binding-card{background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);color:var(--ink);flex-direction:column;flex:1;align-items:center;gap:6px;padding:10px 8px;font-size:12px;display:flex}.binding-card.on{border-color:var(--accent);background:var(--accent-soft)}.binding-cover i{border-radius:3px 6px 6px 3px;width:52px;height:70px;display:block;box-shadow:inset 4px 0 6px #00000038}.binding-card.bp-simple .binding-cover i{background:var(--accent)}.binding-card.bp-retro .binding-cover i{background:#3f5240;border:2px solid #c9a86b}.book-page.cover-page{outline:none;overflow:hidden}.book-page.press-cover{background:#f4efe6 repeating-linear-gradient(0deg,#0000 0 3px,#2b262203 3px 4px);border-color:#d8d0c0;padding:34px 30px;display:block}.press-title{letter-spacing:.02em;color:#2b2622;text-align:left;overflow-wrap:anywhere;max-width:88%;margin:0;font-family:Zen Kaku Gothic New,sans-serif;font-size:clamp(30px,8vw,46px);font-weight:700;line-height:1.28}.press-issue{color:#c14a2e;letter-spacing:.12em;border-top:2.5px solid #c14a2e;margin-top:12px;padding-top:7px;font-family:Zen Kaku Gothic New,sans-serif;font-size:14px;font-weight:700;display:inline-block}.press-code{letter-spacing:.1em;color:#948b7c;font-family:"M PLUS 1 Code",monospace;font-size:11px;position:absolute;top:36px;right:26px}.press-obi{color:#f7ede4;background:#c14a2e;padding:15px 30px;position:absolute;bottom:11%;left:0;right:0;box-shadow:0 -5px 8px -6px #00000073,0 5px 8px -6px #00000059}.press-obi span{letter-spacing:.08em;font-family:Zen Old Mincho,serif;font-size:16px}.press-colophon{color:#6d675c;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;font-size:10.5px;display:flex;position:absolute;bottom:3.2%;left:30px;right:30px}.press-author{white-space:nowrap;margin-right:10px}.press-author i{width:7px;height:7px;margin-right:4px;display:inline-block}.book-page.cloth-cover{background:#7a2e35;border-color:#571f26;padding:0;display:flex}.cloth-cover:after{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#c8b08a80,#0000 4.5%),radial-gradient(circle at 100% 100%,#c8b08a73,#0000 4%),linear-gradient(#ffffff1f,#0000 26%);position:absolute;inset:0}.cloth-spine{background:linear-gradient(90deg,#571f26,#6c272e 42%,#85343c 58%,#5d2129);border-right:1px solid #0006;flex:0 0 46px;position:relative}.spine-text{writing-mode:vertical-rl;letter-spacing:.24em;color:#c9a86b;white-space:nowrap;max-height:62%;font-family:Zen Old Mincho,serif;font-size:11.5px;position:absolute;top:22px;left:50%;overflow:hidden;transform:translate(-50%)}.cloth-spine .band{background:linear-gradient(#ffffff47,#0006);height:7px;position:absolute;left:0;right:0}.cloth-spine .b1{top:10%}.cloth-spine .b2{bottom:22%}.cloth-spine .b3{bottom:8%}.cloth-face{background-color:#7a2e35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.13'/%3E%3C/svg%3E"),repeating-linear-gradient(45deg,#0000 0 2px,#0000000d 2px 3px),repeating-linear-gradient(-45deg,#0000 0 2px,#ffffff08 2px 3px);flex:1;position:relative}.daisen{writing-mode:vertical-rl;letter-spacing:.3em;color:#463222;background:#f0e5c9;border:1px solid #c9a86b;min-height:36%;max-height:52%;padding:18px 9px;font-family:Zen Old Mincho,serif;font-size:19px;position:absolute;top:26px;right:12%;overflow:hidden;box-shadow:0 0 0 3px #7a2e35,0 0 0 4px #c9a86ba6,3px 4px 8px #0006}.exlibris{background:#f0e5c9;border:1px solid #c9a86b;width:58%;padding:11px 13px;position:absolute;bottom:7%;left:8%;transform:rotate(-2.2deg);box-shadow:2px 4px 9px #0006}.ex-head{letter-spacing:.34em;color:#8a5a2e;border-bottom:1px solid #c9a86b;margin-bottom:6px;padding-bottom:4px;font-family:Zen Old Mincho,serif;font-size:9px}.ex-line{color:#6b5136;margin:0 0 6px;font-size:10.5px}.ex-names{flex-wrap:wrap;gap:2px 14px;margin:0;padding:0;list-style:none;display:flex}.ex-names li{font-size:14.5px;line-height:1.5}.ex-names.cols2{column-count:2;column-gap:14px;display:block}.ex-names.cols2 li{break-inside:avoid}.ex-meta{letter-spacing:.08em;color:#8a7452;margin-top:8px;font-family:"M PLUS 1 Code",monospace;font-size:9px}.cloth-mark{color:#c9a86bcc;border:1px solid #c9a86b8c;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-family:Zen Old Mincho,serif;font-size:13px;display:flex;position:absolute;bottom:14px;right:16px}.mode-single .book-single-page .book-page,.mode-single .book-single .book-page{border-radius:0;align-self:stretch;width:100%;height:100%;box-shadow:inset -7px 0 9px -9px #30232680}.book-spread .book-page:first-child{box-shadow:-1.5px 1.5px 0 -.5px #efe6cf,-3px 3px 0 -1px #e3d8bc,-4.5px 4.5px 0 -1.5px #d6c9a8,inset -18px 0 22px -22px #231a1da6}.book-spread .book-page:last-child{box-shadow:1.5px 1.5px 0 -.5px #efe6cf,3px 3px 0 -1px #e3d8bc,4.5px 4.5px 0 -1.5px #d6c9a8,inset 18px 0 22px -22px #231a1da6}.binding-retro .book-spread:after{background:repeating-linear-gradient(#0000 0 34px,#f0e5c9d9 34px 42px) 50% 0/2px 100% no-repeat,linear-gradient(90deg,#0000,#3125263d 43%,#ffffff29 53%,#0000)}.binding-simple .book-page{background-color:#f7f1e0;background-image:linear-gradient(90deg,#60483b09,#0000 8% 92%,#60483b0b);border-color:#ddd2b8}.binding-simple .book-page .page-no{letter-spacing:.1em;color:#97907e;font-family:Zen Old Mincho,serif;font-size:10.5px}.binding-simple .book-page .entry-day{border:none;font-family:Zen Old Mincho,serif;transform:none}.book-page.press-back{background:#f4efe6 repeating-linear-gradient(0deg,#0000 0 3px,#2b262203 3px 4px);border-color:#d8d0c0;padding:34px 30px;display:block}.pb-blurb{color:#3b352d;text-align:left;max-width:92%;font-family:Zen Old Mincho,serif;font-size:13.5px;line-height:2.1}.pb-blurb p{margin:0 0 1.2em}.press-obi.back-obi{bottom:24%}.press-obi.back-obi span{font-size:13.5px}.pb-bottom{justify-content:space-between;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:3.5%;left:30px;right:30px}.pb-barcode-box{background:#fff;border:1px solid #c9c1b0;flex-direction:column;gap:3px;padding:8px 10px;display:flex}.pb-barcode{background:repeating-linear-gradient(90deg,#2b2622 0 2px,#0000 2px 3px,#2b2622 3px 4px,#0000 4px 7px,#2b2622 7px 8px,#0000 8px 10px,#2b2622 10px 13px,#0000 13px 15px);width:132px;height:22px;display:block}.pb-barcode.b2{height:16px}.pb-barcode-box span{letter-spacing:.05em;color:#2b2622;font-family:"M PLUS 1 Code",monospace;font-size:8.5px}.pb-price{color:#6d675c;flex-direction:column;align-items:flex-end;gap:2px;font-family:Zen Kaku Gothic New,sans-serif;font-size:10.5px;display:flex}.book-page.cloth-back{background:#7a2e35;border-color:#571f26;flex-direction:row-reverse;padding:0;display:flex}.book-page.cloth-back:after{content:"";pointer-events:none;background:radial-gradient(circle at 0 0,#c8b08a80,#0000 4.5%),radial-gradient(circle at 0 100%,#c8b08a73,#0000 4%),linear-gradient(#ffffff1f,#0000 26%);position:absolute;inset:0}.cloth-spine.back-spine{background:linear-gradient(270deg,#571f26,#6c272e 42%,#85343c 58%,#5d2129);border-left:1px solid #0006;border-right:0}.lend-slot{width:min(72%,250px);position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.lend-card{background:#f7f1de;border:1px solid #c9bb96;margin:0 10px;padding:10px 12px 46px;position:relative;box-shadow:0 2px 6px #0000004d}.lend-head{text-align:center;letter-spacing:.4em;text-indent:.4em;color:#8a5a2e;border-bottom:1.5px solid #b9433c;margin-bottom:6px;padding-bottom:4px;font-size:10px}.lend-title{color:#46352a;border-bottom:1px solid #cabf9d;margin-bottom:2px;padding-bottom:4px;font-family:Zen Old Mincho,serif;font-size:12px}.lend-table{border-collapse:collapse;width:100%;font-size:12px}.lend-table td{border-bottom:1px solid #d5cba9;padding:4px 2px}.lend-table td:last-child{text-align:right;color:#6b5136;font-family:"M PLUS 1 Code",monospace;font-size:10.5px}.lend-table .lend-total td{color:#8a7452;border-bottom:none;padding-top:7px;font-family:"M PLUS 1 Code",monospace;font-size:10px}.lend-table.cols2 tbody{column-count:2;column-gap:12px;display:block}.lend-table.cols2 tr{break-inside:avoid;justify-content:space-between;gap:6px;display:flex}.lend-table.cols2 td{padding:3px 2px}.lend-table.cols2 .lend-total{column-span:all;border-top:1px solid #cabf9d;margin-top:4px;padding-top:4px}.lend-pocket{background:linear-gradient(#e6d9b9,#dccfae);border:1px solid #c0b28b;border-radius:2px 2px 4px 4px;justify-content:center;align-items:flex-end;height:64px;padding-bottom:8px;display:flex;position:absolute;bottom:-12px;left:0;right:0;box-shadow:0 -1px 3px #0000002e,0 3px 7px #00000052}.lend-pocket span{letter-spacing:.06em;color:#7c6a45;font-size:9px}.lend-slot .lend-pocket{margin-top:-34px;position:relative;bottom:auto}.blind-stamp{color:#0000004d;text-shadow:0 1px #ffffff1f;border:1px solid #00000047;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-family:Zen Old Mincho,serif;font-size:14px;display:flex;position:absolute;bottom:3.5%;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 2px #0000004d,0 1px #ffffff1f}.binding-card.bp-simple .binding-cover i{background:linear-gradient(#f4efe6 0 68%,#c14a2e 68% 88%,#f4efe6 88%);border:1px solid #d8d0c0}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.book-scroller{scroll-behavior:auto}}.loading-screen{justify-content:center;align-items:center;min-height:60vh;display:flex}.loading-note{color:var(--ink-soft);letter-spacing:.08em;font-size:14px}.restore-hint{background:var(--accent-soft);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:10px;margin:8px 0;padding:8px 12px;font-size:12.5px;display:flex}.capacity-warn{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);text-align:center;margin:10px 0;padding:8px 12px;font-size:12.5px;font-weight:700}.capacity-note{color:var(--ink-soft);margin:0 0 10px;font-size:12px}.backup-panel{text-align:left;background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:12px;margin-top:12px;padding:14px 14px 16px;display:flex}.backup-block{border-bottom:1px solid var(--line);flex-direction:column;gap:6px;padding-bottom:10px;display:flex}.backup-label{color:var(--accent);font-size:13px;font-weight:700}.backup-notes{flex-direction:column;gap:4px;max-height:160px;display:flex;overflow-y:auto}.backup-note-row{align-items:center;gap:10px;min-height:44px;font-size:13px;display:flex}.backup-note-row input{flex-shrink:0;width:22px;height:22px}.rescue-banner{border-radius:var(--radius);background:var(--sub-soft);color:var(--sub);border:1px solid var(--line);padding:10px 12px;font-size:13px}.rescue-banner.hitokoto{background:var(--accent-soft,var(--sub-soft));color:var(--accent);border-color:var(--accent)}.rescue-banner .hint{margin-top:4px;display:block}.chain-prev,.relay-prev{border:1px dashed var(--line);border-radius:calc(var(--radius) - 4px);background:var(--sub-soft);margin-bottom:10px;padding:10px 12px}.chain-tail{font-family:var(--font-hand);color:var(--ink);margin:4px 0 0;font-size:15px}.relay-reveal{background:#fff;border-radius:6px;justify-content:center;align-items:flex-end;height:90px;margin:6px 0;display:flex;overflow:hidden}.relay-reveal .drawing{object-fit:cover;clip-path:inset(50% 0 0);width:100%}.today-card.resting{border-color:var(--sub);border-style:dashed}.today-card.resting .today-label{color:var(--sub)}.rest-controls{flex-direction:column;display:flex}.rest-open{align-self:flex-start}.rest-panel{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);padding:12px 14px}.rest-panel-label{margin-bottom:8px;font-size:13px;font-weight:700}.rest-days-row{align-items:center;gap:10px;display:flex}.rest-days-row input[type=range]{flex:1}.rest-days-n{text-align:right;min-width:44px;font-size:14px;font-weight:700}.rest-panel .row-gap{margin-top:8px}.rest-panel .row-gap .primary{flex:1}.resume-divider{color:var(--accent)}.resume-divider:before,.resume-divider:after{background:var(--accent)}.turn-badge.resting{color:var(--sub)}.sticker-img{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.sticker-img svg{width:100%;height:100%;display:block;overflow:visible}.sticker-img.is-image img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 1px 1.5px #3c2d3747);width:100%;height:100%;display:block}.sticker-picker{margin:8px 0}.sticker-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.sticker-tabs::-webkit-scrollbar{display:none}.sticker-tab{border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;padding:6px 14px;font-size:13px;transition:background .12s,color .12s,border-color .12s}.sticker-tab:hover{border-color:var(--accent)}.sticker-tab.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.sticker-palette{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px;margin:8px 0;display:grid}.sticker-swatch{aspect-ratio:1;border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:12px;padding:5px;transition:transform 80ms,border-color .12s}.sticker-swatch:hover{border-color:var(--accent)}.sticker-swatch:active{transform:scale(.92)}.sticker-swatch:disabled{opacity:.4;cursor:not-allowed}.waiting-screen{text-align:center}.waiting-lead{font-family:var(--font-head);color:var(--ink);margin:6px 0 4px;font-size:15px}.waiting-mark{justify-content:center;gap:7px;margin:18px 0 14px;display:flex}.waiting-mark i{background:var(--accent);opacity:.35;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite kkn-waiting}.waiting-mark i:nth-child(2){animation-delay:.25s}.waiting-mark i:nth-child(3){animation-delay:.5s}@keyframes kkn-waiting{0%,to{opacity:.25}50%{opacity:.9}}@media (prefers-reduced-motion:reduce){.waiting-mark i{opacity:.5;animation:none}}.sticker-layer{pointer-events:none;z-index:3;position:absolute;inset:0;overflow:visible}.placed-sticker{display:block;position:absolute}.placed-sticker.reaction{pointer-events:auto;cursor:help}.sticker-block .mini-paper,.react-sticker-editor .mini-paper{background-color:var(--paper);background-image:var(--paper-bg);border:1px solid var(--line);border-radius:10px;min-height:190px;padding:14px 16px;position:relative;overflow:hidden}.mini-head{align-items:center;gap:6px;margin-bottom:8px;display:flex}.mini-line{color:var(--ink);white-space:pre-wrap;word-break:break-word;margin:4px 0;font-size:13px;line-height:1.6}.mini-line.empty{color:var(--ink-soft)}.mini-photo{border-radius:6px;max-width:60%;margin-top:6px;display:block}.sticker-editor{touch-action:none;-webkit-user-select:none;user-select:none;margin:8px 0;position:relative}.sticker-editor-bg{z-index:0;position:relative}.sticker-stage{margin-top:10px;margin-left:-15.5px;margin-right:-15.5px}.sticker-stage .sticker-editor{margin:0}.entry.sticker-paper{min-height:200px;transform:none}.entry.sticker-paper:before{display:none!important}.entry.sticker-paper .preview-empty{color:var(--ink-soft)}.react-sticker-editor .entry.sticker-paper{box-shadow:none;min-height:150px}.edit-sticker{z-index:4;cursor:grab;touch-action:none;position:absolute}.edit-sticker:active{cursor:grabbing}.edit-sticker.selected,.edit-sticker.blocked{z-index:6}.edit-sticker.blocked .sticker-img{filter:drop-shadow(0 0 #c4384f)drop-shadow(0 0 5px #c4384fd9);opacity:.72}.sticker-block-warn{z-index:8;color:#fff;white-space:nowrap;pointer-events:none;background:#c4384f;border-radius:999px;padding:4px 12px;font-size:12px;line-height:1.5;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #281e2347}.edit-sticker.just-placed .sticker-img{transform-origin:50% 60%;animation:.26s cubic-bezier(.34,1.56,.64,1) both kkn-sticker-pop}@keyframes kkn-sticker-pop{0%{transform:scale(.55)}45%{transform:scale(1.14,.86)}72%{transform:scale(.95,1.06)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.edit-sticker.just-placed .sticker-img{animation:none}}.sticker-selbox{z-index:7;pointer-events:none;position:absolute}.sel-frame{border:1.5px dashed var(--accent);border-radius:8px;position:absolute;inset:0}.sel-handle{border:1.5px solid var(--accent);background:var(--paper);width:26px;height:26px;color:var(--accent);pointer-events:auto;touch-action:none;border-radius:50%;justify-content:center;align-items:center;margin:-13px;font-size:15px;line-height:1;display:flex;position:absolute;box-shadow:0 1px 3px #281e2340}.sel-handle.del{cursor:pointer;top:0;left:0}.sel-handle.rot{cursor:grab;background:var(--accent);top:0;right:0}.sel-handle.rot:before{content:"↻";color:var(--accent-ink);font-size:15px}.sel-handle.scale{cursor:nwse-resize;background:var(--accent);bottom:0;right:0}.sel-handle.scale:before{content:"⤢";color:var(--accent-ink);font-size:14px}.entry-foot{flex-wrap:wrap}.react-sticker-ctrl{margin-left:auto}.react.sticker-on,.react.sticker-off{white-space:nowrap;width:auto;padding:0 10px;font-size:12px}.react.sticker-on.open{border-color:var(--accent);color:var(--accent)}.react-sticker-palette,.react-sticker-editor{border:1px dashed var(--line);background:color-mix(in srgb, var(--paper) 96%, transparent);border-radius:10px;margin-top:8px;padding:8px 10px}.react-sticker-palette .hint,.react-sticker-editor .hint{margin:0 0 4px}.react-sticker-editor .row-gap{margin-top:8px}.react-sticker-editor .primary.small{width:auto;padding:6px 14px;font-size:13px}.export-actions{flex-direction:column;gap:10px;display:flex}.export-button{text-align:left;border:1.5px solid var(--accent);border-radius:var(--radius);background:var(--accent-soft);color:var(--ink);flex-direction:column;gap:3px;width:100%;padding:12px 14px;display:flex}.export-button:disabled{opacity:.5;cursor:default}.export-title{font-family:var(--font-head);color:var(--accent);font-size:15px;font-weight:700}.export-desc{color:var(--ink-soft);font-size:12px;line-height:1.5}.video-progress{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);color:var(--ink);text-align:center;flex-direction:column;align-items:center;gap:4px;margin-top:12px;padding:12px;font-size:13px;display:flex}.video-progress .spinner{border:3px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.video-error{border-radius:var(--radius);background:color-mix(in srgb, #c0392b 12%, var(--card));color:#9c2b1e;margin-top:10px;padding:10px 12px;font-size:12.5px;line-height:1.6}.export-button.quiet{border-color:var(--line);background:var(--card)}.export-button.quiet .export-title{color:var(--ink);font-size:14px}.page-image-result{flex-direction:column;gap:8px;margin-top:12px;display:flex}.page-image-lead{color:var(--ink-soft);font-size:12.5px}.page-image-strip{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:8px;margin:0;padding:2px 2px 6px;list-style:none;display:flex;overflow-x:auto}.page-image-strip>li{scroll-snap-align:start;flex:none}.page-image-chip{color:var(--ink-soft);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex}.page-image-chip img{object-fit:cover;object-position:top center;border:1px solid var(--line);background:var(--card);width:68px;height:121px;box-shadow:var(--shadow);border-radius:6px;display:block}.page-image-chip:active img{transform:translateY(1px)}.page-image-label{font-variant-numeric:tabular-nums;font-size:10.5px}.book-keep-open{z-index:6;right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));border:1.5px solid var(--accent);background:color-mix(in srgb, var(--paper) 92%, transparent);min-height:44px;color:var(--accent);font-family:var(--font-head);box-shadow:var(--shadow);border-radius:999px;padding:9px 16px;font-size:13px;font-weight:700;position:absolute}.book-keep-sheet-backdrop{z-index:20;background:#0000006b;align-items:flex-end;display:flex;position:absolute;inset:0}.book-keep-sheet{width:100%;max-height:88%;padding:12px 16px calc(24px + env(safe-area-inset-bottom,0px));background:var(--paper);border-radius:18px 18px 0 0;overflow-y:auto;box-shadow:0 -8px 24px #00000047}.book-keep-sheet-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.print-screen{flex-direction:column;gap:14px;padding:16px 14px 40px;display:flex}.print-toolbar{z-index:5;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #40323a1f}.print-toolbar-mid{text-align:center;flex:1;min-width:0}.print-toolbar .primary.slim{width:auto;padding:8px 14px}.print-guide{color:var(--ink-soft);margin:0;font-size:12px;line-height:1.6}.print-book{flex-direction:column;align-items:center;gap:18px;display:flex}.print-page{aspect-ratio:148/210;background-color:var(--paper);background-image:var(--paper-bg);width:100%;max-width:420px;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 14px #30232633}.print-page .book-page{border-radius:0;width:100%;height:100%;overflow:hidden}.print-page .book-page.cover-page{width:100%;height:100%}.print-page .book-page .entry-photo{max-height:42%}.print-entry{border:0}@media print{@page{size:A5;margin:12mm 15mm}html,body{background:#fff!important}#root{min-height:0;display:block}.print-toolbar,.print-guide{display:none!important}.phone{width:auto!important;max-width:none!important;min-height:0!important;box-shadow:none!important;background:#fff!important}.print-screen{gap:0!important;padding:0!important}.print-book{gap:0;display:block}.print-page{aspect-ratio:auto;width:100%;max-width:none;height:auto;min-height:96vh;box-shadow:none;break-after:page;page-break-after:always;break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-page:last-child{break-after:auto;page-break-after:auto}.print-page .book-page{border:0;height:auto;min-height:96vh;overflow:visible}.print-page .book-page .entry-photo{max-height:60vh}}.capsule-toggle{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.capsule-toggle input{width:22px;height:22px;accent-color:var(--accent);flex:none;margin-top:2px}.capsule-toggle-text{flex-direction:column;gap:2px;display:flex}.capsule-body{flex-direction:column;gap:10px;margin-top:4px;display:flex}.capsule-chips{margin:0}.capsule-date-field{flex-direction:column;gap:4px;display:flex}.capsule-date-field input[type=date]{font:inherit;border:1.5px solid var(--line);border-radius:calc(var(--radius) - 2px);background:var(--paper);color:var(--ink);padding:8px 10px}.capsule-when{color:var(--ink);background:var(--accent-soft);border-radius:var(--radius);margin:0;padding:8px 10px;font-size:13px}.capsule-when .hint{margin-top:2px;display:block}.warn-hint{color:var(--accent)}.capsule-envelope{background:var(--paper);border:1.5px solid var(--accent);width:168px;height:108px;box-shadow:var(--shadow);border-radius:6px;margin:10px auto 12px;position:relative;overflow:hidden}.capsule-envelope.big{width:240px;height:154px}.capsule-flap{background:var(--accent);opacity:.22;clip-path:polygon(0 0,100% 0,50% 100%);height:56%;position:absolute;top:0;left:0;right:0}.capsule-seal{background:var(--accent);width:40px;height:40px;color:var(--accent-ink);font-family:var(--font-head);box-shadow:var(--shadow);border-radius:50%;place-items:center;font-size:18px;font-weight:700;display:grid;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.capsule-envelope.big .capsule-seal{width:52px;height:52px;font-size:22px}.capsule-lock{text-align:center;font-family:var(--font-head);color:var(--accent);flex-direction:column;gap:2px;margin:4px 0 2px;font-size:15px;font-weight:700;display:flex}.capsule-open-when{color:var(--ink);font-size:13px;font-weight:700}.book-page.capsule-page>.page-scroll{flex-direction:column;justify-content:center;display:flex}.book-page.capsule-page .page-head{justify-content:flex-start}.capsule-opened-note{font-family:var(--font-head);color:var(--accent);background:var(--accent-soft);border-radius:999px;align-self:flex-start;margin-bottom:6px;padding:3px 10px;font-size:11.5px;font-weight:700}.entry.just-opened{animation:.9s ease-out both capsule-open}@keyframes capsule-open{0%{opacity:0;transform:translateY(7px)scale(.985)}55%{opacity:1}to{opacity:1;transform:none}}.entry.just-opened .capsule-opened-note{animation:1.2s ease-out both capsule-badge}@keyframes capsule-badge{0%,28%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.entry.just-opened,.entry.just-opened .capsule-opened-note{animation:none}}.online-panel{flex-direction:column;gap:8px;margin:8px 0 4px;display:flex}.online-status{color:var(--ink-soft);align-items:center;gap:6px;font-size:12px;display:inline-flex}.conn-dot{background:var(--ink-soft);border-radius:50%;width:8px;height:8px}.conn-dot.live{background:var(--good)}.conn-dot.polling{background:var(--sub)}.conn-dot.offline{background:var(--accent)}.invite-area{flex-direction:column;gap:8px;display:flex}.invite-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:8px;padding:12px;display:flex}.invite-code{font-family:var(--font-hand);letter-spacing:.5px;word-break:break-all;background:var(--accent-soft);cursor:pointer;-webkit-user-select:all;user-select:all;border-radius:8px;padding:10px 12px;font-size:15px}.invite-url{word-break:break-all;font-size:11px}.join-requests{background:var(--accent-soft);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:8px;padding:12px;display:flex}.join-requests-head{color:var(--ink);font-size:12.5px;font-weight:700}.join-request{background:var(--card);border:1px solid var(--line);border-radius:10px;align-items:center;gap:8px;padding:8px;display:flex}.join-request-who{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.join-request-name{color:var(--ink);font-size:13px;font-weight:600}.join-request-note{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.join-request-actions{flex-shrink:0;gap:6px;display:flex}.pending-badge{font-size:10.5px;font-weight:700;font-family:var(--font-body);color:var(--paper);background:var(--accent);vertical-align:middle;border-radius:999px;margin-left:8px;padding:1px 8px;display:inline-block}.note-card-pending{opacity:.9;border-left-color:var(--line)}.app-toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--ink);max-width:88%;color:var(--paper);box-shadow:var(--shadow);z-index:50;text-align:center;border-radius:999px;padding:10px 16px;font-size:13px;position:fixed;transform:translate(-50%)}.recovery-code{border:1.5px dashed var(--accent);border-radius:var(--radius);background:var(--card);flex-direction:column;gap:6px;margin-top:4px;padding:12px;display:flex}.recovery-code-value{letter-spacing:.12em;color:var(--accent);text-align:center;-webkit-user-select:all;user-select:all;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:20px;font-weight:700}.recovery-input{letter-spacing:.08em;text-transform:uppercase;min-height:44px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.turnstile-overlay{z-index:200;background:#00000047;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.turnstile-box{background:var(--card,#fff);border-radius:16px;flex-direction:column;align-items:center;gap:12px;max-width:90vw;padding:20px 18px;display:flex;box-shadow:0 12px 40px #00000040}.turnstile-label{color:var(--ink,#333);text-align:center;margin:0;font-size:13px}.notify-summary{color:var(--ink-soft);align-items:center;gap:8px;font-size:12px;display:flex}.notify-summary-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.notify-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:10px;padding:12px;display:flex}.notify-title{font-family:var(--font-head);color:var(--ink);margin:0;font-size:13px;font-weight:700}.notify-device{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.notify-device .notify-on-label{color:var(--ink-soft);font-size:12px}.notify-choices{flex-direction:column;gap:6px;display:flex}.notify-choice{text-align:left;min-height:44px;font-family:var(--font-body);color:var(--ink);background:var(--paper);border:1px solid var(--line);cursor:pointer;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;display:flex}.notify-choice.on{background:var(--accent-soft);border-color:var(--accent)}.notify-choice:disabled{opacity:.6;cursor:default}.notify-choice-label{font-size:13px;font-weight:600}.notify-choice-note{color:var(--ink-soft);font-size:11px}.member-area{flex-direction:column;gap:8px;display:flex}.member-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:10px;padding:12px;display:flex}.member-title{font-family:var(--font-head);color:var(--ink);margin:0;font-size:13px;font-weight:700}.member-order{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.member-row{background:var(--paper);border:1px solid var(--line);border-radius:10px;align-items:center;gap:8px;padding:6px 8px;display:flex}.member-no{width:16px;color:var(--ink-soft);text-align:right;flex:none;font-size:11px}.member-name{min-width:0;color:var(--ink);overflow-wrap:anywhere;flex:1;font-size:13px}.member-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.member-actions .ghost.small{min-height:44px;padding:4px 8px}.member-move{width:44px;font-size:14px;line-height:1;padding:4px 0!important}.member-move:disabled{opacity:.35;cursor:default}.member-leave{border-top:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:4px;padding-top:8px;display:flex}.join-cover{border-radius:3px;width:190px;height:264px;margin:18px auto 12px;display:flex;position:relative;overflow:hidden;transform:rotate(-1.2deg);box-shadow:0 10px 22px -12px #0000008c,0 2px 5px #0000002e}.join-cover .jc-face{flex:1;display:block;position:relative}.join-cover.jc-simple{background:#f4efe6;border:1px solid #d8d0c0}.join-cover .jc-title{font-family:"Zen Kaku Gothic New", var(--font-head);letter-spacing:.02em;color:#2b2622;overflow-wrap:anywhere;font-size:21px;font-weight:700;line-height:1.3;position:absolute;top:26px;left:20px;right:20px}.join-cover .jc-obi{color:#f7ede4;letter-spacing:.08em;background:#c14a2e;padding:9px 18px;font-family:Zen Old Mincho,serif;font-size:12px;position:absolute;bottom:11%;left:0;right:0;box-shadow:0 -4px 7px -6px #00000073}.join-cover.jc-retro{background:#7a2e35}.join-cover .jc-spine{background:linear-gradient(90deg,#571f26,#6c272e 42%,#85343c 58%,#5d2129);border-right:1px solid #0006;flex:0 0 26px;position:relative}.join-cover .jc-band{background:linear-gradient(#ffffff47,#0006);height:5px;position:absolute;top:12%;left:0;right:0}.join-cover .jc-band.b2{top:auto;bottom:14%}.join-cover.jc-retro .jc-face{background-color:#7a2e35;background-image:repeating-linear-gradient(45deg,#0000 0 2px,#0000000d 2px 3px),repeating-linear-gradient(-45deg,#0000 0 2px,#ffffff08 2px 3px)}.join-cover .jc-daisen{writing-mode:vertical-rl;letter-spacing:.12em;color:#3a2118;background:#f0e6d2;border:1px solid #c9a86b;max-height:68%;padding:12px 7px;font-family:Zen Old Mincho,serif;font-size:15px;position:absolute;top:24px;right:16%;overflow:hidden}.join-preview-count{text-align:center;color:var(--ink);margin:0 0 2px;font-size:14px;font-weight:600}.install-hint{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);align-items:flex-start;gap:10px;margin:10px 12px 0;padding:12px;display:flex}.install-hint-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.install-hint-lead{font-family:var(--font-head);color:var(--ink);margin:0;font-size:13.5px;font-weight:700}.install-hint .hint{margin:0}.install-hint-actions{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.legal-doc{background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:14px;padding:16px 15px;display:flex}.legal-block{flex-direction:column;gap:6px;display:flex}.legal-h{font-family:var(--font-head);color:var(--accent);margin:4px 0 0;font-size:14px;font-weight:700;line-height:1.5}.legal-p{color:var(--ink);margin:0;font-size:12.5px;line-height:1.85}.legal-list{flex-direction:column;gap:5px;margin:0;padding-left:1.3em;display:flex}.legal-list li{color:var(--ink);font-size:12.5px;line-height:1.85}.legal-meta{color:var(--ink-soft);margin:6px 0 0;font-size:11.5px}.legal-switch{margin-top:4px}.legal-links{flex-wrap:wrap;gap:6px;display:flex}.legal-links .ghost.small{border:1px solid var(--line);border-radius:999px;padding:6px 12px}.link-inline{font:inherit;color:var(--accent);text-underline-offset:2px;background:0 0;border:none;margin:0;padding:0;font-weight:700;text-decoration:underline}.consent-line{line-height:1.8}.age-card{background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:12px;padding:14px;display:flex}.age-guardian{border:1.5px dashed var(--line);border-radius:calc(var(--radius) - 4px);background:var(--sub-soft);flex-direction:column;gap:8px;padding:12px;display:flex}.age-guardian-lead{color:var(--ink);margin:0;font-size:13px;font-weight:700;line-height:1.6}.check-row{align-items:center;gap:8px;min-height:44px;font-size:13px;line-height:1.6;display:flex}.check-row input{flex-shrink:0;width:20px;height:20px}.entry-more{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.react.more{letter-spacing:-1px;width:auto;min-width:44px;color:var(--ink-soft);padding:0 10px;font-size:12px}.entry-more-menu{flex-wrap:wrap;gap:6px;display:flex}.entry-more-menu .ghost{font-size:12px}.profile-more{align-self:flex-start;margin-top:6px}.profile-more-open{color:var(--ink-soft);font-size:12px}.profile-more-menu{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.profile-more-menu .ghost{font-size:12px}.blocked-tag{background:var(--line);color:var(--ink-soft);vertical-align:middle;border-radius:999px;margin-left:6px;padding:2px 8px;font-size:10px}.safety-overlay{z-index:60;background:#281e2373;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.safety-panel{background:var(--paper);border-radius:var(--radius);width:100%;max-width:380px;max-height:90vh;box-shadow:var(--shadow);flex-direction:column;gap:12px;padding:20px 18px;display:flex;overflow-y:auto}.safety-title{font-size:16px;font-family:var(--font-head);color:var(--ink);margin:0}.safety-lead{color:var(--ink);margin:0;font-size:13.5px;line-height:1.7}.safety-choices{flex-direction:column;gap:6px;display:flex}.safety-choice{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;min-height:44px;padding:10px 12px;display:flex}.safety-choice.on{border-color:var(--accent);background:var(--accent-soft)}.safety-choice-label{color:var(--ink);font-size:13px;font-weight:600}.safety-choice-note{color:var(--ink-soft);font-size:11px}.safety-panel textarea{resize:vertical;font-size:13px;line-height:1.6}.safety-actions{justify-content:flex-end}