:root{font-family:system-ui,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;line-height:1.5;color-scheme:light;--grain-invert: 0;--bg: #f4eee3;--note: #fbf7ee;--fold: #e8dfcc;--ink: #2b2118;--muted: rgba(43, 33, 24, .7);--line: rgba(43, 33, 24, .18);--accent: #c2410c;--on-accent: #fff8f0;--ember: #ff7a1a;--char: #2a211b}:root[data-theme=ash]{color-scheme:dark;--grain-invert: 1;--bg: #1c1a18;--note: #26231f;--fold: #35302b;--ink: #ede6da;--muted: rgba(237, 230, 218, .7);--line: rgba(237, 230, 218, .18);--accent: #ff8a3d;--on-accent: #1c1a18;--ember: #ffa24d;--char: #0e0d0c}:root[data-theme=ember]{color-scheme:dark;--grain-invert: 1;--bg: #120d0b;--note: #1d1511;--fold: #2d211a;--ink: #f2e4d6;--muted: rgba(242, 228, 214, .7);--line: rgba(242, 228, 214, .18);--accent: #ff5a36;--on-accent: #120d0b;--ember: #ff7b52;--char: #070504}html{background:var(--bg);color:var(--ink)}body{margin:0;min-height:100vh;display:grid;place-items:safe center}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.07;filter:invert(var(--grain-invert));background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}main{width:min(30rem,calc(100vw - 2rem));padding:2rem 0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,p{margin:0}h2{font-size:.95rem;font-weight:600;color:var(--muted)}.top{display:flex;align-items:center;justify-content:space-between;gap:1rem}h1{display:flex;align-items:center;gap:.6rem;font-size:1.5rem;letter-spacing:.02em}.tag,.who,.hint,.empty{color:var(--muted)}.tag{margin-top:.25rem}.who{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.25rem 1rem;margin:1rem 0;padding:.5rem 0;border-block:1px dashed var(--line)}.who form{margin:0}.user{color:var(--muted)}.bi{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1.2}.bi small{font-size:.75em;opacity:.85}.primary .bi,.pill .bi,.keep .bi{align-items:center}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.primary{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.4rem 1.25rem;border-radius:6px;background:var(--accent);color:var(--on-accent);font-weight:600;text-decoration:none}.primary:hover:not(:disabled){filter:brightness(1.08)}.quiet{text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:.25em;cursor:pointer}.quiet:hover{text-decoration-color:var(--accent)}.pill{flex:none;padding:.2rem .85rem;border:1px solid var(--accent);border-radius:999px;color:var(--accent);font-size:.9rem}.pill:hover{background:var(--accent);color:var(--on-accent)}input,textarea{font:inherit;color:inherit;box-sizing:border-box;width:100%;padding:.5rem .6rem;background:transparent;border:1px solid var(--line);border-radius:4px}textarea{min-height:5rem;resize:vertical}.card,.note{position:relative;box-sizing:border-box;padding:1rem 1rem .9rem;background:var(--note);border:1px solid var(--line);border-radius:4px;box-shadow:0 1px 2px #0000001f,0 10px 20px -14px #00000073}.note:before{content:"";position:absolute;top:-1px;right:-1px;width:16px;height:16px;background:linear-gradient(225deg,var(--bg) 50%,var(--fold) 50%);border-bottom-left-radius:3px}.card,.inbox{margin-top:1.5rem}.notes{margin:0;padding:0;list-style:none}.slot{display:grid;grid-template-rows:1fr;margin-top:.75rem}.clip{position:relative;min-height:0}.opened{animation:settle .25s ease-out}.facts{display:grid;gap:.4rem;margin:0;padding-right:1rem}.facts>div{display:grid;grid-template-columns:4.5rem 1fr;gap:.75rem;align-items:baseline}.facts dt{color:var(--muted);font-size:.85rem}.facts dd{margin:0;overflow-wrap:anywhere}.pin{margin-top:.75rem}.actions{display:flex;align-items:center;justify-content:flex-end;gap:1rem;margin-top:.75rem}.burnbar{position:relative;height:4px;margin-top:.9rem;background:var(--line);border-radius:2px}.burnbar>span{position:relative;display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,var(--char),var(--accent) 60%,var(--ember));transition:width 1s linear}.burnbar>span:after{content:"";position:absolute;top:50%;right:-5px;width:10px;height:10px;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,var(--ember) 0 30%,transparent 70%);opacity:.35}.burnbar.low>span{box-shadow:0 0 8px 1px var(--ember)}.burnbar.low>span:after{right:-9px;width:18px;height:18px;opacity:1;animation:flicker 1.1s ease-in-out infinite alternate}.block{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-top:.75rem;padding-top:.75rem;border-top:1px dashed var(--line)}.block p{flex:1;white-space:pre-wrap;overflow-wrap:anywhere}.front{display:none;position:absolute;left:0;right:0;top:-10%;height:3px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--ember) 20%,var(--ember) 80%,transparent);box-shadow:0 0 14px 4px var(--ember)}.burn{animation:collapse .6s linear forwards}.burn>.clip{overflow:hidden}.burn .note{-webkit-mask-image:linear-gradient(to bottom,transparent 0,transparent 46%,#000 54%);mask-image:linear-gradient(to bottom,transparent 0,transparent 46%,#000 54%);-webkit-mask-size:100% 200%;mask-size:100% 200%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:consume .6s linear forwards}.burn .front{display:block;animation:sweep .6s linear forwards}.compose{display:grid;gap:1rem}.label{display:block;margin-bottom:.25rem;font-size:.9rem;font-weight:600}.targets,.files{display:flex;flex-wrap:wrap;gap:.35rem .5rem;margin:0;padding:0;list-style:none}.targets button{min-height:2.25rem;padding:.2rem .85rem;border:1px solid var(--line);border-radius:999px}.targets button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.who-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}.who-actions form{margin:0}.text{display:grid;gap:.35rem;justify-items:end}.adders{display:flex;gap:1.25rem}.files{flex-direction:column}.files li{display:flex;justify-content:space-between;gap:.75rem}.file{position:relative}.file input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.file:focus-within{outline:2px solid var(--accent);outline-offset:3px}.field{display:block}.keep{display:flex;flex-wrap:wrap;gap:.4rem}.keep button{padding:.2rem .7rem;border:1px solid var(--line);border-radius:999px;font-size:.9rem}.keep button[aria-checked=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.send{width:100%}.notice{margin-top:.75rem}.themes{display:flex;gap:.5rem}.swatch{width:1.5rem;height:1.5rem;border-radius:50%;border:1px solid var(--line)}.swatch[aria-checked=true]{outline:2px solid var(--accent);outline-offset:2px}@keyframes consume{0%{-webkit-mask-position:0 110%;mask-position:0 110%}85%,to{-webkit-mask-position:0 -10%;mask-position:0 -10%}}@keyframes sweep{0%{top:-10%;opacity:1}85%{top:110%;opacity:1}to{top:110%;opacity:0}}@keyframes collapse{0%,85%{grid-template-rows:1fr;margin-top:.75rem}to{grid-template-rows:0fr;margin-top:0}}@keyframes settle{0%{opacity:0;transform:translateY(6px)}}@keyframes flicker{0%{opacity:.7;transform:translateY(-50%) scale(.9)}to{opacity:1;transform:translateY(-50%) scale(1.15)}}@media(prefers-reduced-motion:reduce){.burn,.burn .note,.burn .front,.opened,.burnbar>span:after{animation:none}.burn{opacity:0}.burnbar>span{transition:none}}@media(max-width:40rem){body{place-items:start center}main{padding:1.25rem 0 2rem}.top,.who,.adders,.block,.files li{flex-wrap:wrap}.facts>div{grid-template-columns:1fr;gap:.15rem}.actions{justify-content:stretch}.actions .primary,.send{width:100%}.keep button,.targets button,.pill,.swatch{min-height:2.75rem;min-width:2.75rem}input,textarea{font-size:1rem}}