.sheet-backdrop{z-index:20;padding:var(--gutter);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sheet{width:min(100%,520px);max-height:calc(100dvh - 2 * var(--gutter));background:var(--panel);border:1px solid var(--faint);flex-direction:column;gap:12px;padding:16px;display:flex;overflow:auto}.sheet-head{letter-spacing:.08em;color:var(--dim);justify-content:space-between;align-items:center;font-size:14px;display:flex}.sheet-close{background:0 0;border:0;place-items:center;width:44px;height:44px;margin:-12px -12px -12px 0;display:grid}.sheet-text,.sheet-title{border:1px solid var(--faint);background:0 0;outline:none;width:100%;padding:10px 12px;font-size:16px;line-height:1.4}.sheet-text{resize:vertical;min-height:96px}.sheet-text:focus,.sheet-title:focus{border-color:var(--fg)}.sheet-actions{align-items:center;gap:12px;display:flex}.sheet-button{border:1px solid var(--fg);background:0 0;justify-content:center;align-items:center;gap:8px;min-width:44px;min-height:44px;padding:0 16px;display:inline-flex}.sheet-submit{background:var(--fg);color:var(--bg)}.sheet-button:disabled{opacity:.35;cursor:default}.sheet-kind{text-align:right;letter-spacing:.08em;color:var(--dim);flex:1;font-size:13px}.sheet-error{margin:0;font-size:14px}@media (max-width:600px){.sheet-backdrop{align-items:flex-end;padding:0}.sheet{width:100%;max-height:100dvh;padding-bottom:calc(16px + var(--safe-bottom));padding-left:calc(16px + var(--safe-left));padding-right:calc(16px + var(--safe-right));border-width:1px 0 0}}
.item-list{z-index:4;overscroll-behavior:contain;background:var(--bg);padding:calc(var(--gutter) * 2 + var(--safe-top) + 46px) calc(var(--gutter) + var(--safe-right)) calc(var(--gutter) * 2 + var(--safe-bottom) + 56px) calc(var(--gutter) + var(--safe-left));position:fixed;inset:0;overflow:auto}.item-list ul{border-top:1px solid var(--faint);width:min(100%,760px);margin:0 auto;padding:0;list-style:none}.item-list li{border-bottom:1px solid var(--faint)}.item-row{text-align:left;background:0 0;border:0;grid-template-columns:56px 1fr;align-items:center;gap:14px;width:100%;padding:12px 8px;transition:background .15s;display:grid}.item-thumb{object-fit:cover;border:1px solid var(--faint);background:#0d0d0d;width:56px;height:56px;display:block}.item-text{flex-direction:column;gap:4px;min-width:0;display:flex}.item-title{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.item-meta{letter-spacing:.06em;color:var(--dim);font-size:13px}@media (hover:hover){.item-row:hover{background:#0d0d0d}}
.modal-backdrop{z-index:20;padding:calc(var(--gutter) + var(--safe-top)) calc(var(--gutter) + var(--safe-right)) calc(var(--gutter) + var(--safe-bottom)) calc(var(--gutter) + var(--safe-left));background:#000000b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{overscroll-behavior:contain;background:var(--panel);border:1px solid var(--faint);flex-direction:column;gap:12px;width:min(100%,760px);max-height:100%;padding:20px;display:flex;position:relative;overflow:auto}.modal-close{z-index:2;border:1px solid var(--fg);background:#0009;border-radius:50%;flex:none;align-self:flex-end;place-items:center;width:44px;height:44px;margin:-8px -8px 0 0;padding:0;display:grid;position:sticky;top:0}.modal-image{object-fit:contain;background:#050505;width:100%;height:auto;max-height:70dvh;display:block}.modal-video{aspect-ratio:16/9;background:#050505;width:100%;position:relative}.modal-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.modal-title{overflow-wrap:anywhere;margin:4px 0 0;font-size:20px;font-weight:700;line-height:1.3}.modal-edit{flex-direction:column;gap:12px;margin-top:4px;display:flex}.modal-field{letter-spacing:.06em;color:var(--dim);flex-direction:column;gap:4px;font-size:13px;display:flex}.modal-field input,.modal-field textarea{border:1px solid var(--faint);letter-spacing:normal;width:100%;color:var(--fg);background:0 0;outline:none;padding:8px 10px;font-size:16px;line-height:1.45}.modal-field textarea{resize:vertical}.modal-field input:focus,.modal-field textarea:focus{border-color:var(--fg)}.modal-edit-actions{letter-spacing:.06em;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:0 8px;font-size:13px;display:flex}.modal-sub{color:var(--dim);margin:0}.modal-text{overflow-wrap:anywhere;margin:0;line-height:1.55}.modal-note{white-space:pre-wrap;font-size:17px}.modal-open{border:1px solid var(--fg);align-self:flex-start;align-items:center;gap:8px;min-height:44px;padding:0 16px;text-decoration:none;display:inline-flex}@media (hover:hover){.modal-open:hover{background:var(--fg);color:var(--bg)}}.modal-meta{border-top:1px solid var(--faint);letter-spacing:.06em;color:var(--dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;padding-top:8px;font-size:13px;display:flex}.modal-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:0 8px;margin-left:auto;display:inline-flex}.modal-error{color:var(--fg)}.modal-confirm{color:var(--fg);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:0 4px;display:inline-flex}.modal-action{letter-spacing:.06em;min-width:44px;min-height:44px;color:var(--dim);text-underline-offset:3px;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;margin:-8px 0;padding:0 8px;font-size:13px;text-decoration:underline;display:inline-flex}.modal-confirm .modal-action{color:var(--fg)}.modal-action:disabled{opacity:.4;cursor:default}@media (hover:hover){.modal-action:hover{color:var(--fg)}}@media (max-width:600px){.modal-backdrop{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}.modal{border:0;height:100%;padding:16px}}
.outernet{position:fixed;inset:0}.scene{position:absolute;inset:0}.add-button{right:calc(var(--gutter) + var(--safe-right));bottom:calc(var(--gutter) + var(--safe-bottom));z-index:10;border:1px solid var(--fg);background:var(--bg);border-radius:50%;place-items:center;width:56px;height:56px;padding:0;transition:background .15s,color .15s;display:grid;position:fixed}@media (hover:hover){.add-button:hover{background:var(--fg);color:var(--bg)}}.view-toggle{top:calc(var(--gutter) + var(--safe-top));left:calc(var(--gutter) + var(--safe-left));z-index:10;border:1px solid var(--fg);background:var(--bg);border-radius:23px;display:flex;position:fixed;overflow:hidden}.view-toggle button{background:0 0;border:0;place-items:center;width:52px;height:44px;padding:0;transition:background .15s,color .15s;display:grid}.view-toggle button+button{border-left:1px solid var(--fg)}.view-toggle button[aria-pressed=true]{background:var(--fg);color:var(--bg);cursor:default}@media (hover:hover){.view-toggle button[aria-pressed=false]:hover{background:var(--faint)}}.status{left:calc(var(--gutter) + var(--safe-left));bottom:calc(var(--gutter) + var(--safe-bottom) + 18px);right:calc(var(--gutter) + var(--safe-right) + 72px);z-index:10;pointer-events:none;margin:0;font-size:14px;position:fixed}.status-busy{color:var(--dim)}.empty-hint{z-index:5;padding:var(--gutter);text-align:center;color:var(--dim);pointer-events:none;place-items:center;margin:0;font-size:15px;animation:1.2s .4s both fade-in;display:grid;position:fixed;inset:0}.for-touch{display:none}@media (hover:none) and (pointer:coarse){.for-touch{display:inline}.for-pointer{display:none}}.drop-overlay{z-index:30;border:1px dashed var(--fg);letter-spacing:.08em;pointer-events:none;background:#0009;place-items:center;font-size:18px;display:grid;position:fixed;inset:12px}.drop-label{flex-direction:column;align-items:center;gap:12px;display:flex}@keyframes fade-in{0%{opacity:0}}
.gate{min-height:100dvh;padding:calc(var(--gutter) + var(--safe-top)) calc(var(--gutter) + var(--safe-right)) calc(var(--gutter) + var(--safe-bottom)) calc(var(--gutter) + var(--safe-left));place-items:center;display:grid}.gate-form{flex-direction:column;gap:12px;width:min(100%,360px);display:flex}.gate-label{letter-spacing:.08em;color:var(--dim);font-size:14px}.gate-row{border-bottom:1px solid var(--fg);display:flex}.gate-input{letter-spacing:.12em;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:10px 0;font-size:18px}.gate-submit{background:0 0;border:0;place-items:center;width:44px;height:44px;display:grid}.gate-submit:disabled,.gate-input:disabled{opacity:.4}.gate-error{min-height:1.4em;color:var(--dim);margin:0;font-size:14px}