:root{--bg:#1a1626;--ink:#f4efe6;--ink-dim:#f4efe68c;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}html,body{overscroll-behavior:none;background:var(--bg);height:100dvh;color:var(--ink);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;font:16px/1.4 -apple-system,PingFang SC,Hiragino Sans GB,Noto Sans CJK SC,system-ui,sans-serif;overflow:hidden}#room{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#fade{z-index:1;background:var(--bg);opacity:0;pointer-events:none;transition:opacity .3s;position:fixed;inset:0}#fade[data-on=true]{opacity:1;pointer-events:auto}#hud{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);pointer-events:none;position:fixed;inset:0}#chip{left:calc(var(--safe-left) + 12px);top:calc(var(--safe-top) + 10px);color:var(--ink-dim);background:#1a1626b8;border-radius:14px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex;position:absolute}#chip[hidden]{display:none}#chip-dot{background:var(--ink-dim);border-radius:50%;flex:none;width:8px;height:8px;transition:background .3s}#chip-dot[data-online=true]{background:#7bd88f}#chip-lines{flex-direction:column;line-height:1.3;display:flex}#chip-status,#chip-spot{color:var(--ink)}#chip-spot[hidden]{display:none}#hud-bottom{left:calc(var(--safe-left) + 12px);right:calc(var(--safe-right) + 12px);bottom:calc(var(--safe-bottom) + 10px);pointer-events:none;flex-wrap:nowrap;justify-content:space-between;align-items:flex-end;gap:8px;display:flex;position:absolute}#hud-tools{color:var(--ink-dim);align-items:center;gap:10px;min-width:0;padding-bottom:5px;font-size:12px;display:flex}#version{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#conn{background:var(--ink-dim);border-radius:50%;flex:none;width:8px;height:8px;transition:background .3s}#conn[data-status=live]{background:#7bd88f}#conn[data-status=connecting]{background:#f0b46a}#conn[data-status=offline]{background:var(--ink-dim)}#conn[data-status=unlinked]{background:#ff9c9c}#conn[data-status=alone]{background:#c9a7ff}#hud-lang{color:var(--ink-dim);pointer-events:auto;white-space:nowrap;background:#1a1626b8;border:1px solid #f4efe640;border-radius:10px;flex:none;padding:5px 10px;font-size:12px}#hud-relink{right:calc(var(--safe-right) + 12px);top:calc(var(--safe-top) + 52px);color:var(--ink-dim);pointer-events:auto;background:#1a1626b8;border:1px solid #f4efe640;border-radius:12px;padding:7px 12px;font-size:12px;position:absolute}#hud-relink[hidden]{display:none}#hud-relink[disabled]{opacity:.5}#hud-actions{pointer-events:none;flex-wrap:nowrap;flex:none;align-items:center;gap:8px;display:flex}#hud-together{color:var(--ink);pointer-events:auto;white-space:nowrap;background:0 0;border:1px solid #f4efe659;border-radius:14px;padding:9px 14px;font-size:13px}#hud-together[data-on=true]{color:#1a1626;background:#f0b46a;border-color:#f0b46a;font-weight:600}#hud-together[hidden]{display:none}#hud-together[disabled]{opacity:.5}#toast{z-index:1;left:50%;bottom:calc(var(--safe-bottom) + 56px);box-sizing:border-box;width:max-content;max-width:min(320px,80vw);color:var(--ink);text-align:center;background:#1a1626db;border-radius:14px;padding:10px 14px;font-size:14px;transition:opacity .25s;position:absolute;transform:translate(-50%)}#toast[hidden]{display:none}#npc-bubble{z-index:1;box-sizing:border-box;max-width:260px;color:var(--ink);pointer-events:none;background:#1a1626db;border-radius:14px;flex-direction:column;gap:2px;padding:8px 12px;font-size:14px;line-height:1.35;display:flex;position:fixed;top:0;left:0}#npc-bubble[hidden]{display:none}#npc-bubble-name{color:#f0b46a;font-size:12px}#overlay{z-index:3;text-align:center;background:#1a1626eb;place-items:center;padding:24px;display:grid;position:fixed;inset:0}#overlay[hidden]{display:none}button{touch-action:manipulation;font:inherit}.screen{z-index:2;padding:calc(var(--safe-top) + 32px) 24px calc(var(--safe-bottom) + 24px);background:var(--bg);flex-direction:column;gap:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.screen[hidden]{display:none}.screen h1{margin:0;font-size:28px}.screen .tagline{color:var(--ink-dim);margin:0}#pair-choice,#pair-show{flex-direction:column;gap:12px;display:flex}#pair-choice[hidden],#pair-show[hidden]{display:none}#pair-enter-label{color:var(--ink-dim);flex-direction:column;gap:6px;display:flex}#pair-input{letter-spacing:.25em;text-transform:uppercase;color:var(--ink);-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;background:#f4efe60f;border:1px solid #f4efe640;border-radius:12px;padding:12px;font:24px/1.2 ui-monospace,Menlo,monospace}#pair-was-paired{color:var(--ink-dim);margin:0;font-size:14px}#pair-was-paired[hidden]{display:none}#pair-code{letter-spacing:.3em;margin:0;font:40px/1.1 ui-monospace,Menlo,monospace}.screen button{color:#1a1626;background:#f0b46a;border:0;border-radius:14px;padding:14px 18px;font-weight:600}.screen button.secondary{color:var(--ink);background:0 0;border:1px solid #f4efe659}.screen button[disabled]{opacity:.5}.screen button[hidden]{display:none}.screen .row{gap:12px;display:flex}#pair-error{color:#ff9c9c;margin:0}#pair-leave[data-armed=true]{color:#ff9c9c;border-color:#ff9c9c}#pair-waiting{color:var(--ink-dim)}#city-cards{flex-direction:column;gap:12px;display:flex}#city-cards .city-card{color:var(--ink);text-align:left;background:#f4efe60f;border:1px solid #f4efe640;border-radius:18px;align-items:center;gap:16px;padding:16px 18px;font-size:18px;font-weight:600;display:flex}#city-cards .city-card svg{width:64px;height:64px;color:var(--ink-dim);flex:none}#city-cards .city-card[data-current=true]{border-color:#f0b46a}#city-cards .city-card[data-current=true] svg{color:#f0b46a}#hud-city{color:var(--ink-dim);pointer-events:auto;white-space:nowrap;background:#1a1626b8;border:1px solid #f4efe640;border-radius:10px;flex:none;padding:5px 10px;font-size:12px}#hud-city[hidden]{display:none}#hud-city[disabled]{opacity:.5}#hud-city-bar{left:calc(var(--safe-left) + 12px);top:calc(var(--safe-top) + 58px);color:var(--ink);font-variant-numeric:tabular-nums;max-width:calc(100vw - var(--safe-left) - var(--safe-right) - 24px);box-sizing:border-box;background:#1a1626b8;border-radius:14px;flex-direction:column;gap:4px;padding:8px 12px;font-size:13px;display:flex;position:absolute}#hud-city-bar[hidden]{display:none}#hud-activity{color:#f0b46a}#hud-activity[hidden]{display:none}#hud-home,#hud-visit{color:var(--ink);pointer-events:auto;white-space:nowrap;background:0 0;border:1px solid #f4efe659;border-radius:14px;padding:9px 14px;font-size:13px}#hud-visit{color:#1a1626;background:#f0b46a;border-color:#f0b46a;font-weight:600}#hud-home[hidden],#hud-visit[hidden]{display:none}#hud-home[disabled],#hud-visit[disabled]{opacity:.5}#install-hint{left:calc(var(--safe-left) + 12px);right:calc(var(--safe-right) + 12px);bottom:calc(var(--safe-bottom) + 64px);pointer-events:auto;background:#1a1626eb;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;font-size:13px;display:flex;position:absolute}#install-hint[hidden]{display:none}#install-hint p{flex:1;margin:0}#install-hint button{color:#1a1626;background:#f0b46a;border:0;border-radius:10px;padding:8px 12px;font-weight:600}#sheet{z-index:2;background:#0c0a128c;align-items:flex-end;display:flex;position:fixed;inset:0}#sheet[hidden]{display:none}#sheet-panel{box-sizing:border-box;width:100%;padding:20px max(20px, calc(var(--safe-right) + 20px)) calc(var(--safe-bottom) + 20px) max(20px, calc(var(--safe-left) + 20px));background:var(--bg);border-radius:22px 22px 0 0;flex-direction:column;gap:12px;display:flex}#sheet-panel h2{margin:0;font-size:22px}#sheet-panel p{color:var(--ink-dim);margin:0;font-size:14px}#sheet-panel #sheet-countdown{color:#f0b46a;font-variant-numeric:tabular-nums;font-size:24px}#sheet-panel .row{gap:12px;display:flex}#sheet-durations{flex-wrap:wrap}#sheet-panel button{color:#1a1626;background:#f0b46a;border:0;border-radius:14px;padding:13px 16px;font-weight:600}#sheet-panel button.secondary{color:var(--ink);background:0 0;border:1px solid #f4efe659}#sheet-panel button.duration{min-width:70px;color:var(--ink);background:#f4efe614;border:1px solid #f4efe640;flex:1 1 0}#sheet-panel button[disabled]{opacity:.45}#sheet-countdown[hidden],#sheet-error[hidden],#sheet-durations[hidden],#sheet-panel button[hidden]{display:none}#sheet-panel #sheet-error{color:#ff9c9c}#hud-arrange,#hud-view{color:var(--ink);pointer-events:auto;white-space:nowrap;background:0 0;border:1px solid #f4efe659;border-radius:14px;padding:9px 14px;font-size:13px}#hud-arrange[data-on=true]{color:#1a1626;background:#f0b46a;border-color:#f0b46a;font-weight:600}#hud-arrange[hidden],#hud-view[hidden]{display:none}#edit-bar{left:calc(var(--safe-left) + 12px);right:calc(var(--safe-right) + 12px);bottom:calc(var(--safe-bottom) + 104px);pointer-events:auto;background:#1a1626e6;border-radius:16px;flex-direction:column;gap:8px;padding:10px 12px;font-size:13px;display:flex;position:absolute}#edit-bar[hidden],#edit-status[hidden],#edit-error[hidden],#edit-swatches[hidden]{display:none}#edit-bar p{margin:0}#edit-tray-count{color:var(--ink-dim);font-size:12px}#edit-tray-count[hidden],#edit-tray[hidden],#edit-tray-empty[hidden]{display:none}#edit-tray-empty{color:var(--ink-dim)}#edit-tray{touch-action:pan-x;overscroll-behavior-x:contain;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.edit-card{width:76px;color:var(--ink);touch-action:pan-x;background:#f4efe60f;border:1px solid #f4efe640;border-radius:12px;flex-direction:column;flex:none;align-items:center;gap:2px;padding:4px;font-size:11px;line-height:1.2;display:flex}.edit-card canvas{width:56px;height:56px}.edit-card .who{color:var(--ink-dim);font-size:10px}.edit-card .name,.edit-card .who{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}#edit-card-ghost{z-index:3;pointer-events:none;position:fixed;transform:translate(-50%,-50%)rotate(-6deg)scale(1.08)}#edit-card-ghost[hidden]{display:none}#edit-status[data-valid=true]{color:#8fd6a8}#edit-status[data-valid=false],#edit-error{color:#ff9c9c}#edit-hint{z-index:1;pointer-events:none;color:var(--ink);white-space:nowrap;background:#1a1626e6;border-radius:10px;margin:0;padding:4px 10px;font-size:12px;position:fixed;transform:translate(-50%,-100%)}#edit-hint[hidden]{display:none}#edit-hint[data-valid=true]{color:#8fd6a8}#edit-hint[data-valid=false]{color:#ff9c9c}#edit-actions,#edit-swatches{flex-wrap:wrap;gap:8px;display:flex}#edit-actions:empty{display:none}#edit-actions button{pointer-events:auto;color:#1a1626;background:#f0b46a;border:0;border-radius:12px;padding:8px 12px;font-size:13px;font-weight:600}#edit-actions button.secondary{color:var(--ink);background:0 0;border:1px solid #f4efe659;font-weight:400}#edit-actions button[disabled]{opacity:.45}@media (max-width:480px){#edit-actions:has(>button:nth-child(5):last-child){grid-template-columns:repeat(6,1fr);display:grid}#edit-actions:has(>button:nth-child(5):last-child)>button:nth-child(-n+3){grid-column:span 2}#edit-actions:has(>button:nth-child(5):last-child)>button:nth-child(n+4){grid-column:span 3}}.swatch{pointer-events:auto;border:2px solid #f4efe659;border-radius:50%;flex:none;width:26px;height:26px;padding:0;display:inline-block}.swatch[aria-pressed=true]{border-color:#f0b46a}#shop{z-index:2;background:#0c0a128c;align-items:flex-end;display:flex;position:fixed;inset:0}#shop[hidden],#shop-error[hidden],#shop-list span[hidden]{display:none}#shop-panel{box-sizing:border-box;width:100%;max-height:82vh;padding:20px max(20px, calc(var(--safe-right) + 20px)) calc(var(--safe-bottom) + 20px) max(20px, calc(var(--safe-left) + 20px));background:var(--bg);border-radius:22px 22px 0 0;flex-direction:column;gap:10px;display:flex;overflow-y:auto}#shop-panel h2{margin:0;font-size:22px}#shop-panel p{color:var(--ink-dim);margin:0;font-size:13px}#shop-error{color:#ff9c9c!important}#shop-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}#shop-list .shop-collection{color:#f0b46a;margin-top:8px;font-size:13px;font-weight:600}#shop-list .shop-item{background:#f4efe60f;border-radius:14px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}#shop-list .shop-head,#shop-list .shop-foot{justify-content:space-between;align-items:center;gap:8px;font-size:15px;display:flex}#shop-list .shop-price{color:#f0b46a;font-variant-numeric:tabular-nums}#shop-list .shop-swatches{gap:8px;display:flex}#shop-list .shop-foot span{color:var(--ink-dim);font-size:12px}#shop-list .shop-foot button{color:#1a1626;background:#f0b46a;border:0;border-radius:12px;margin-left:auto;padding:9px 14px;font-weight:600}#shop-list .shop-foot button[disabled]{opacity:.45}#shop-close{color:var(--ink);background:0 0;border:1px solid #f4efe659;border-radius:14px;padding:13px 16px}.note-paper{width:100%;aspect-ratio:var(--note-aspect);box-sizing:border-box;background:var(--note-paper);color:var(--note-ink);border:1px solid var(--note-edge);--note-fs:5.6cqw;border-radius:4px;position:relative;overflow:hidden;box-shadow:0 8px 22px #00000059;container-type:inline-size}.note-paper[data-paper=sticky]{background:linear-gradient(180deg, var(--note-edge) 0 7%, var(--note-paper) 7%);border-radius:2px}.note-paper[data-paper=letter] .note-text{background:repeating-linear-gradient(180deg, transparent 0 calc(round(1.35em, 1px) - 1px), var(--note-edge) calc(round(1.35em, 1px) - 1px) round(1.35em, 1px)) local;line-height:round(1.35em,1px)}.note-paper[data-paper=postcard]{--note-fs:4.6cqw}.note-paper[data-paper=postcard]:before{content:"";aspect-ratio:.8;border:2px dashed var(--note-edge);border-radius:3px;width:10%;position:absolute;top:7%;right:4%}.note-photo{background:var(--note-edge);border-radius:3px;position:absolute;overflow:hidden}.note-photo img{object-fit:cover;width:100%;height:100%;display:block}.note-photo canvas{width:100%;height:100%;display:block}.note-text{font-size:calc(var(--note-fs) * var(--note-k,1));white-space:pre-wrap;overflow-wrap:anywhere;pointer-events:none;margin:0;line-height:1.35;position:absolute;overflow:hidden}.note-text.note-more{-webkit-mask-image:linear-gradient(#000 calc(100% - 1.6em),#0000);mask-image:linear-gradient(#000 calc(100% - 1.6em),#0000)}.note-paper[data-fit=scroll] .note-text{pointer-events:auto}.note-paper[data-fit=scroll] .note-text.note-over{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;overflow-y:auto}.note-paper[data-fit=scroll] .note-text.note-over::-webkit-scrollbar{display:none}.note-drawing{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.note-sticker{pointer-events:none;background-repeat:no-repeat;position:absolute}#reader{z-index:2;padding:calc(var(--safe-top) + 16px) 16px calc(var(--safe-bottom) + 16px);box-sizing:border-box;background:#0c0a12f0;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}#reader[hidden]{display:none}#reader-box{width:min(92vw, 520px, calc(66dvh * var(--note-aspect,1)))}#reader-meta,#reader-status{color:var(--ink-dim);text-align:center;margin:0;font-size:13px}#reader-status:empty{margin-top:-12px}#reader-error{color:#ff9c9c;margin:0}#reader-error[hidden],#reader-actions button[hidden]{display:none}#reader-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}#reader-actions button{color:#1a1626;background:#f0b46a;border:0;border-radius:14px;padding:11px 16px;font-weight:600}#reader-actions button.secondary{color:var(--ink);background:0 0;border:1px solid #f4efe659;font-weight:400}#composer{z-index:2;background:#0c0a128c;align-items:flex-end;display:flex;position:fixed;inset:0}#composer[hidden]{display:none}#composer-panel{box-sizing:border-box;width:100%;max-height:92dvh;padding:16px max(16px, calc(var(--safe-right) + 16px)) calc(var(--safe-bottom) + 16px) max(16px, calc(var(--safe-left) + 16px));background:var(--bg);border-radius:22px 22px 0 0;flex-direction:column;gap:10px;display:flex;overflow-y:auto}#composer-head{justify-content:space-between;align-items:center;gap:12px;display:flex}#composer-head h2{margin:0;font-size:20px}#composer-on,#composer-count,#composer-left,#composer-sticker-hint,#composer-draw-hint,#composer-photo-status{color:var(--ink-dim);margin:0;font-size:13px}#composer-preview{width:min(100%, 420px, calc(34dvh * var(--note-aspect,1)));align-self:center}#composer-preview .note-text,#composer-preview .note-photo{pointer-events:none}#composer-tabs{gap:6px;display:flex}#composer-tabs button{min-height:44px;color:var(--ink);background:0 0;border:1px solid #f4efe640;border-radius:12px;flex:1;padding:8px 4px;font-size:13px}#composer-tabs button[aria-selected=true]{color:#1a1626;background:#f0b46a;border-color:#f0b46a;font-weight:600}#composer-text{box-sizing:border-box;width:100%;color:var(--ink);font:inherit;resize:none;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;background:#f4efe60f;border:1px solid #f4efe640;border-radius:12px;padding:10px 12px}#composer-text-pane[hidden],#composer-paper-pane[hidden],#composer-stickers-pane[hidden],#composer-draw-pane[hidden],#composer-photo-pane[hidden],#composer-error[hidden],#composer-draw-hint[hidden],#composer-photo-status[hidden],#composer-photo-add[hidden],#composer-photo-remove[hidden]{display:none}#composer-papers,#composer-colors,#composer-pens,#composer-widths{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}#composer-panel .row{gap:8px;display:flex}.paper-choice,.width-choice{min-width:44px;min-height:44px;color:var(--ink);background:0 0;border:1px solid #f4efe640;border-radius:12px;padding:8px 12px;font-size:13px}.paper-choice[aria-pressed=true],.width-choice[aria-pressed=true]{color:#f0b46a;border-color:#f0b46a}#composer-tray{touch-action:pan-x;overscroll-behavior-x:contain;scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}#composer-tray::-webkit-scrollbar{display:none}.tray-sticker{touch-action:pan-x;background-color:#f4efe60f;background-repeat:no-repeat;border:1px solid #f4efe633;border-radius:12px;flex:none;width:56px;height:56px}#composer-ghost{z-index:3;pointer-events:none;background-repeat:no-repeat;width:72px;height:72px;position:fixed;transform:translate(-50%,-50%)scale(1.1)}#composer-ghost[hidden]{display:none}#composer-photo-add,#composer-send{color:#1a1626;background:#f0b46a;border:0;border-radius:14px;padding:12px 16px;font-weight:600}#composer-panel button.secondary{min-width:44px;min-height:44px;color:var(--ink);background:0 0;border:1px solid #f4efe659;border-radius:12px;padding:8px 12px;font-size:14px}#composer-panel button[disabled]{opacity:.45}#composer-error{color:#ff9c9c;margin:0}#composer-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}#composer-colors .swatch,#composer-pens .swatch{width:44px;height:44px}.note-paper[data-mode=stickers],.note-paper[data-mode=draw]{touch-action:none}.note-paper[data-mode=stickers] .note-sticker{pointer-events:auto}.note-sticker.selected{outline-offset:2px;z-index:1;outline:2px dashed #f0b46a}.composer-grip{z-index:1;color:#1a1626;touch-action:none;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;font-size:16px;line-height:1;display:grid;position:fixed}.composer-grip:before{content:"";background:#f0b46a;border-radius:50%;position:absolute;inset:11px;box-shadow:0 1px 4px #00000059}.composer-grip>span{position:relative}.composer-grip[hidden]{display:none}#piece-bar{left:calc(var(--safe-left) + 12px);right:calc(var(--safe-right) + 12px);bottom:calc(var(--safe-bottom) + 104px);pointer-events:auto;background:#1a1626e6;border-radius:16px;justify-content:space-between;align-items:center;gap:10px;padding:8px 8px 8px 14px;font-size:14px;display:flex;position:absolute}#piece-bar[hidden]{display:none}#piece-bar-leave{color:#1a1626;background:#f0b46a;border:0;border-radius:12px;flex:none;min-height:44px;padding:8px 14px;font-size:13px;font-weight:600}#piece-bar-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (min-aspect-ratio:1){#piece-bar{box-sizing:border-box;width:max-content;min-width:240px;max-width:min(360px,100% - 24px);left:50%;right:auto;transform:translate(-50%)}}#hud-box{right:calc(var(--safe-right) + 12px);top:calc(var(--safe-top) + 10px);color:#f0b46a;pointer-events:auto;white-space:nowrap;background:#1a1626b8;border:1px solid #f0b46a99;border-radius:12px;padding:7px 12px;font-size:12px;position:absolute}#hud-box[hidden]{display:none}#hud-box[hidden]+#hud-relink{top:calc(var(--safe-top) + 10px)}#note-banner{left:50%;top:calc(var(--safe-top) + 96px);box-sizing:border-box;pointer-events:auto;background:#f0b46af2;border-radius:16px;align-items:center;gap:4px;width:max-content;max-width:min(340px,86vw);padding:0 0 0 12px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 4px 14px #0000004d}#note-banner[hidden]{display:none}#note-banner-open{color:#1a1626;text-align:left;background:0 0;border:0;min-height:44px;padding:6px 0;font-size:14px;font-weight:600}#note-banner-close{box-sizing:border-box;color:#1a1626;background:#1a16261f padding-box content-box;border:0;border-radius:50%;flex:none;width:44px;height:44px;padding:4px;font-size:18px;line-height:1}#note-box{z-index:2;background:#0c0a128c;align-items:flex-end;display:flex;position:fixed;inset:0}#note-box[hidden],#note-box-waiting[hidden],#note-box-empty[hidden],#note-box-error[hidden],#note-box-more[hidden],#note-box-waiting-list button[hidden]{display:none}#note-box-panel{box-sizing:border-box;width:100%;max-height:92dvh;padding:16px max(16px, calc(var(--safe-right) + 16px)) 0 max(16px, calc(var(--safe-left) + 16px));background:var(--bg);border-radius:22px 22px 0 0;flex-direction:column;display:flex}#note-box-titlebar{justify-content:space-between;align-items:center;gap:12px;display:flex}#note-box-titlebar h2{margin:0;font-size:20px}#note-box-titlebar button{min-width:44px;min-height:44px;color:var(--ink);background:0 0;border:1px solid #f4efe659;border-radius:12px;padding:8px 14px;font-size:14px}#note-box-status{color:var(--ink-dim);margin:6px 0 0;font-size:13px}#note-box-status:empty{margin:0}#note-box-error{color:#ff9c9c;margin:6px 0 0;font-size:13px}#note-box-scroll{overscroll-behavior:contain;min-height:0;padding:12px 0 calc(var(--safe-bottom) + 16px);flex-direction:column;gap:12px;display:flex;overflow-y:auto}#note-box-scroll h3{color:#f0b46a;margin:0 0 8px;font-size:14px}#note-box-waiting-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}#note-box-waiting-list li{align-items:center;gap:8px;display:flex}.box-waiting-open{text-align:left;min-width:0;min-height:44px;color:var(--ink);background:#f4efe60f;border:1px solid #f4efe633;border-radius:12px;flex:1;padding:8px 10px;font-size:13px}#note-box-waiting-list button.secondary{min-height:44px;color:var(--ink);background:0 0;border:1px solid #f4efe659;border-radius:12px;flex:none;padding:8px 12px;font-size:13px}#note-box-waiting-list button[aria-disabled=true]{opacity:.45}#note-box-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));align-items:start;gap:16px 12px;display:grid}.box-card{color:var(--ink);text-align:left;font:inherit;background:0 0;border:0;flex-direction:column;gap:6px;padding:0;display:flex}.box-paper{width:100%}.box-card .note-paper{box-shadow:0 4px 12px #0000004d}.box-meta{color:var(--ink-dim);font-size:11px;line-height:1.3}#note-box-empty{color:var(--ink-dim);margin:0;font-size:13px}#note-box-more{min-height:44px;color:var(--ink);background:0 0;border:1px solid #f4efe659;border-radius:14px;align-self:center;padding:10px 18px}#note-box-more[disabled]{opacity:.45}