:root{color-scheme:light;--bg: #ffffff;--card: #fffdf8;--ink: #1d1a16;--muted: #6f675e;--line: #e4dccf;--accent: #0f5f5c;--accent-ink: #f7fffe;--quiet: #efe8dc;--danger: #8d342c;--ok: #0f5f5c;--shadow: 0 10px 30px rgb(40 32 20 / 6%);font-family:Segoe UI,Hiragino Sans,Yu Gothic UI,sans-serif;line-height:1.5;background:var(--bg);color:var(--ink)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg: #161412;--card: #221f1c;--ink: #f4efe6;--muted: #b7aea2;--line: #3a342c;--accent: #8fd9d4;--accent-ink: #10211f;--quiet: #2b2622;--danger: #ffb4ab;--ok: #8fd9d4;--shadow: 0 10px 30px rgb(0 0 0 / 28%)}}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg)}button,input,textarea,select,a{font:inherit}.app{width:min(560px,100%);margin:0 auto;padding:20px 16px 40px;padding:calc(20px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 40px calc(16px + env(safe-area-inset-left))}.mast{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.mast h1,.card h2{margin:0;font-size:1.35rem;letter-spacing:.02em}.mast p,.card p{margin:4px 0 0}.live,.wait,.status,.notice{color:var(--muted);font-size:.92rem}.live:before,.wait:before{content:"";display:inline-block;width:.55rem;height:.55rem;margin-right:.4rem;border-radius:50%;background:var(--muted)}.live{color:var(--ok)}.live:before{background:var(--ok)}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:16px}.item.tone-0{background:#fae7d8}.item.tone-1{background:#e2ecfa}.item.tone-2{background:#f8f1cb}.item.tone-3{background:#def2ea}.item.tone-4{background:#fae3ea}.item.tone-5{background:#e8eafa}.item.tone-6{background:#fae5d2}.item.tone-7{background:#e7f3d9}.item.tone-8{background:#f1e5f8}.item.tone-9{background:#fae2dc}@media(prefers-color-scheme:dark){.item img{background:#161412}.item.tone-0{background:#4a3424}.item.tone-1{background:#24344c}.item.tone-2{background:#433e1e}.item.tone-3{background:#1c3c36}.item.tone-4{background:#4a2c36}.item.tone-5{background:#2c2e4c}.item.tone-6{background:#4a341c}.item.tone-7{background:#2c4024}.item.tone-8{background:#3c2c48}.item.tone-9{background:#4a3028}.place-strip{background:#3a2230;border-color:#ff7eb3}}.card label{display:block;margin-bottom:8px;font-weight:650}.card input,.card textarea,.card select{width:100%;min-height:48px;margin-bottom:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:transparent;color:inherit}.card textarea{min-height:96px;resize:vertical}.card input.file-input{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.compose,.folder-bar,.folder-shortcuts{margin-bottom:12px}.compose-phone{display:none}.place-strip{position:sticky;top:0;top:env(safe-area-inset-top);z-index:20;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px;padding:10px 12px;border:1px solid #ffb0d0;border-radius:14px;background:#ffe4f0;box-shadow:var(--shadow)}.place-strip p{margin:0;font-weight:700}.place-back{border-color:transparent;background:#ff7eb3;color:#3b1024;font-weight:700}.timeline{list-style:none;margin:0;padding:0;display:grid;gap:12px}.item .body{margin:10px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.85rem}.link{display:block;margin-top:8px;color:var(--accent);overflow-wrap:anywhere}.item img{display:block;width:66.67%;max-height:187px;margin-top:10px;object-fit:contain;border-radius:12px;background:#fff}.item .shots{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.item .shots img,.item .shots .heic-file{width:72px;height:72px;max-height:none;margin-top:0}.item .shots .heic-file{display:flex;align-items:center;justify-content:center;border-radius:8px;background:#fff;color:var(--ink);font-size:.75rem;text-decoration:none}@media(min-width:960px){.app:has(.timeline){width:min(1080px,100%)}.lanes{display:flex;align-items:flex-start;gap:16px}.lanes .timeline{flex:1;min-width:0}}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--quiet);color:inherit;text-decoration:none;cursor:pointer}button:disabled{cursor:wait;opacity:.7}.actions .copy,.actions .open,.actions .archive{border-color:transparent;color:#1d1a16}.actions .copy{background:#c5daf6}.actions .open{background:#b7e4cf}.actions .archive{background:#f3c7c2}.actions .save{border-color:transparent;background:#efe3b4;color:#1d1a16}.primary{width:100%;border-color:transparent;background:var(--accent);color:var(--accent-ink);font-weight:650}.quiet{background:transparent}.error{margin:0 0 12px;color:var(--danger)}.empty p,.notice{margin-top:8px}code{font-family:Consolas,Cascadia Mono,monospace;font-size:.92em}button:focus-visible,.button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:959px)and (pointer:coarse){.app{padding:12px 10px 24px;padding:calc(12px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) 24px calc(10px + env(safe-area-inset-left));font-size:.86rem;line-height:1.4}.mast{margin-bottom:10px}.mast h1,.card h2{font-size:1.05rem}.live,.wait,.status,.notice,.meta{font-size:.75rem}.card{padding:10px;border-radius:14px}.timeline{gap:8px}.item .body{margin-top:6px}.link{margin-top:4px}.item img{max-height:112px;margin-top:6px;border-radius:8px}.item .shots{gap:4px;margin-top:6px}.item .shots img,.item .shots .heic-file{width:56px;height:56px;max-height:none;margin-top:0}.compose textarea{min-height:4.2em;height:4.2em;resize:none}.actions{gap:6px;margin-top:8px}button,.button{min-height:32px;padding:0 10px}.app:has(.compose){padding-bottom:calc(200px + env(safe-area-inset-bottom))}.folder-shortcuts{display:none}.compose{position:fixed;left:calc(22px + env(safe-area-inset-left));right:calc(22px + env(safe-area-inset-right));bottom:calc(10px + env(safe-area-inset-bottom));z-index:30;margin:0;display:flex;flex-direction:column;overflow:visible;padding:8px 10px 10px;border-color:#ffb3d0;border-radius:30px;background:#ffe4f0;box-shadow:0 8px 24px #2820141f;transform:translateY(calc(-1 * var(--dock-lift, 0px)));visibility:visible;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .22s ease,visibility 0s linear 0s}.compose.compose-away{transform:translateY(calc(100% + 18px + env(safe-area-inset-bottom)));opacity:0;visibility:hidden;pointer-events:none;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .22s ease,visibility 0s linear .32s}.compose-phone{display:block;order:1}.compose textarea{order:2;border-color:#ffc2dc;background:#fff}.compose .notice{order:3}.compose .status{order:4}.compose-desk,.desk-send{display:none}.compose-tools{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:50px}.compose .icon-btn{width:72px;height:50px;min-height:50px;padding:0;border-color:#ffc2dc;border-radius:16px;background:#fff}.compose-tools>.icon-btn{justify-self:start}.pochi-slot{position:relative;width:76px;height:50px;justify-self:center}.compose .pochi{position:absolute;left:0;bottom:0;width:76px;height:76px;min-height:76px;padding:0;border:4px solid #ffe4f0;border-radius:50%;background:#ff7eb3;box-shadow:0 10px 18px #ff7eb36b}.compose .pochi-ready{box-shadow:0 0 0 4px #ffd0e4,0 10px 18px #ff7eb37a}.folder-slot{position:relative;justify-self:end}.folder-pop{position:absolute;right:0;bottom:calc(100% + 40px);z-index:2;display:flex;flex-direction:column;gap:6px;width:min(240px,70vw);max-height:min(50vh,280px);overflow:auto;padding:8px;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:var(--shadow)}.folder-pop-label{margin:0 4px 2px;color:var(--muted);font-size:.75rem;font-weight:700}.folder-pop a,.folder-pop button{display:flex;width:100%;min-height:40px;justify-content:flex-start;padding:0 12px;border-radius:12px;overflow-wrap:anywhere;text-align:left}.folder-pop .folder-settings{margin-top:4px;border-top:1px solid var(--line);border-radius:12px;background:transparent}.compose .notice{margin-top:4px;margin-bottom:0;font-size:.62rem;line-height:1.25}.place-back{min-height:44px;padding:0 14px}body:has(.compose):before{content:"";position:fixed;left:0;right:0;bottom:0;z-index:40;height:calc(12px + env(safe-area-inset-bottom));background:var(--bg);pointer-events:none}}@media(max-width:959px)and (pointer:coarse)and (prefers-reduced-motion:reduce){.compose,.compose.compose-away{transition:none}}@media(max-width:959px)and (pointer:coarse)and (prefers-color-scheme:dark){.compose{border-color:#ff7eb3;background:#4a2436;box-shadow:0 12px 32px #0006}.compose textarea,.compose .icon-btn{border-color:#ffb0d0;background:#2a1820;color:#f4efe6}.compose .pochi{border-color:#4a2436}.compose .pochi-ready{box-shadow:0 0 0 4px #ffd0e4,0 10px 18px #ff7eb366}}