:root{--mat:#0f8a7a;--minor:#ffffff24;--major:#ffffff47;--minorSize:24px;--majorSize:120px;--panelSolid:#fffffff5;--stroke:#0000001a;--text:#0b0b0b;--muted:#000000a6;--accent:#efd960;--danger:#ef4444}*{box-sizing:border-box}html,body{height:100%}body{color:var(--text);background:var(--mat);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden}.mat{background-color:var(--mat);background-image:linear-gradient(to right,var(--minor)1px,transparent 1px),linear-gradient(to bottom,var(--minor)1px,transparent 1px),linear-gradient(to right,var(--major)1px,transparent 1px),linear-gradient(to bottom,var(--major)1px,transparent 1px);background-size:var(--minorSize)var(--minorSize),var(--minorSize)var(--minorSize),var(--majorSize)var(--majorSize),var(--majorSize)var(--majorSize);min-height:100vh;position:relative}.mat:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 35%,#0000 0%,#0000002e 75%);position:absolute;inset:0}.landing{z-index:2;place-items:center;height:100vh;padding:24px;display:grid;position:relative}.landingCard{text-align:center;color:#ffffffeb;background:#0000002e;border:1px solid #fff3;border-radius:18px;width:min(560px,92vw);padding:22px 18px 18px;box-shadow:0 24px 80px #00000059}.mascot{filter:drop-shadow(0 10px 18px #00000059);place-items:center;width:140px;height:140px;margin:0 auto 12px;animation:2.8s ease-in-out infinite floaty;display:grid}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.landingTitle{letter-spacing:-.02em;margin:0 0 10px;font-size:22px;font-weight:900}.typeLine{letter-spacing:.02em;color:var(--accent);justify-content:center;align-items:center;gap:6px;min-height:26px;font:800 18px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;display:inline-flex}.caret{background:var(--accent);border-radius:2px;width:2px;height:18px;animation:.9s step-end infinite blink}@keyframes blink{50%{opacity:0}}.landingHint{color:#ffffffbf;margin:12px 0 0;font-size:13px;line-height:1.4}.main{z-index:1;grid-template-columns:300px minmax(0,1fr);align-items:start;gap:18px;width:calc(100vw - 14px);min-height:100vh;margin:0 0 0 10px;padding:18px 0 28px;display:grid;position:relative}.sidebar{background:var(--panelSolid);border:1px solid var(--stroke);border-radius:14px;height:calc(100vh - 36px);padding:16px;position:sticky;top:18px;overflow:auto;box-shadow:0 12px 30px #0000001a}.headerRow{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.sidebar h1{letter-spacing:-.02em;margin:0;font-size:18px}.tiny{letter-spacing:.08em;color:#0000008c;font:700 11px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.sidebar p{color:var(--muted);margin:10px 0 14px;font-size:14px;line-height:1.35}.row{align-items:center;gap:10px;margin:10px 0;display:flex}input[type=text],textarea{background:#fff;border:1px solid #0000001f;border-radius:10px;outline:none;width:100%;padding:10px;font-size:14px}textarea{resize:vertical;min-height:72px}button{cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #0000001f;border-radius:10px;padding:10px 12px;font-weight:850;transition:transform .12s,background .12s}button:hover{background:#fff;transform:translateY(-1px)}button:active{transform:translateY(0)}.btnDanger{color:#7f1d1d;background:#ef44441a;border-color:#ef444440}.btnDanger:hover{background:#ef444424}.stats{color:#000000b3;border-top:1px solid #00000014;gap:10px;margin-top:14px;padding-top:12px;font-size:13px;display:grid}.statLine{justify-content:space-between;display:flex}.statLine strong{color:#111}.boardWrap{background:0 0;border:1px solid #0000001a;border-radius:16px;height:calc(100vh - 36px);position:relative;overflow:hidden}.board{touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.item{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;will-change:left,top;z-index:3;border:1px solid #0000001f;border-radius:14px;position:absolute;overflow:hidden;transform:translateZ(0);box-shadow:0 10px 22px #0000002e}.item:active{cursor:grabbing}.item.pinned{cursor:default;box-shadow:0 10px 22px #0000001a}.card{background:#fffffff2;width:270px;position:relative}.pin{cursor:pointer;z-index:10;background:#e11d48;border:1px solid #00000040;border-radius:999px;width:22px;height:22px;position:absolute;top:-10px;left:50%;transform:translate(-50%);box-shadow:0 10px 18px #00000040,inset 0 2px #ffffff59}.pin:before{content:"";background:#ffffff8c;border-radius:999px;width:7px;height:7px;position:absolute;top:4px;left:5px}.pin:after{content:"";background:linear-gradient(#d1d5db,#6b7280);border-radius:2px;width:2px;height:18px;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #00000040}.pin[data-color=blue]{background:#2563eb}.pin[data-color=yellow]{background:#f59e0b}.pin[data-color=green]{background:#16a34a}.pin[data-color=black]{background:#111827}.pin[data-color=red]{background:#e11d48}.cardHead{padding:18px 10px 8px}.cardTitle{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;max-width:240px;margin:1px 0 4px;font-size:14px;font-weight:950;line-height:1.15;overflow:hidden}.cardBody{color:#000000b8;white-space:pre-wrap;word-break:break-word;min-height:40px;padding:0 10px 10px;font-size:13px;line-height:1.35}.cardHead,.cardBody{pointer-events:none}.pin{pointer-events:auto}.sticker{z-index:2;background:#ffffffeb;border:1px solid #0000001a;border-radius:22px;place-items:center;width:92px;height:92px;font-size:44px;display:grid;position:relative;box-shadow:0 14px 30px #0000002e}.sticker.pinned{filter:saturate(.95);background:#ffffffdb}.toast{color:#ffffffeb;opacity:0;pointer-events:none;z-index:100;background:#0000008c;border:1px solid #ffffff2e;border-radius:12px;padding:10px 12px;font-size:13px;transition:opacity .18s,transform .18s;position:absolute;bottom:14px;right:14px;transform:translateY(10px)}.toast.show{opacity:1;transform:translateY(0)}.toast.flash{animation:1.4s forwards toastFlash}@keyframes toastFlash{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}.boardTrash{z-index:999;-webkit-user-select:none;user-select:none;pointer-events:none;background:#ffffffeb;border:1px solid #0000001f;border-radius:18px;place-items:center;width:62px;height:62px;transition:transform .14s,background .14s,box-shadow .14s;display:grid;position:absolute;bottom:16px;right:16px;box-shadow:0 16px 32px #0000002e}.boardTrash svg{fill:#000000b3;width:26px;height:26px;transition:fill .14s}.boardTrash.hot svg{fill:#ef4444f2}.modalBack{z-index:1000;background:#0000008c;place-items:center;padding:18px;display:none;position:fixed;inset:0}.modalBack.show{display:grid}.modal{background:#fffffff5;border:1px solid #ffffff2e;border-radius:16px;width:min(520px,96vw);padding:14px;box-shadow:0 30px 90px #00000073}.modal h2{letter-spacing:-.02em;margin:0 0 10px;font-size:16px}.modalActions{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}@media (max-width:900px){body{overflow:auto}.main{grid-template-columns:1fr;width:calc(100vw - 20px);margin:0 10px}.sidebar{height:auto;position:relative;top:auto}.boardWrap{height:70vh}}.boardWrap,.board,.item{pointer-events:auto}.boardTrash.hot{background:#ef444429;transform:scale(1.06);box-shadow:0 18px 40px #00000038}