@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f2ea;font-family:DM Sans,Segoe UI,sans-serif;margin:0}h1,h2,h3{font-family:Space Grotesk,Segoe UI,sans-serif;letter-spacing:-.02em}:root{--ink:#13140f;--paper:#f5f0e8;--accent:#ff5c4d;--accent-strong:#d3422e;--line:#12110f2e;--shadow:0 18px 40px #1111111f}*{box-sizing:border-box}.app{background:radial-gradient(circle at top left,#fff4dc,#0000 55%),radial-gradient(circle at top right,#ffd6c8,#0000 60%),linear-gradient(145deg,#f7f2ea,#f2e7da 55%,#f7efe6);color:#13140f;color:var(--ink);min-height:100vh;padding:32px 40px 48px}.app-header{align-items:flex-end;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-end}.app-eyebrow{font-size:12px;letter-spacing:.4em;margin:0 0 8px;opacity:.7;text-transform:uppercase}.app-header h1{font-size:clamp(28px,3vw,42px);font-weight:700;margin:0}.header-meta{align-items:center;background:#ffffffb3;border:1px solid #00000014;border-radius:999px;box-shadow:0 18px 40px #1111111f;box-shadow:var(--shadow);display:inline-flex;font-size:14px;gap:10px;padding:10px 16px}.header-meta .dot{background:#ff5c4d;background:var(--accent);border-radius:999px;height:6px;width:6px}.header-tools{display:inline-flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.toolbar-button.secondary{background:#ffffffd1;border:1px solid #0000001a;box-shadow:0 10px 20px #11111114;color:#13140f;color:var(--ink)}.toolbar-button.secondary:hover{box-shadow:0 12px 24px #1111111f}.transfer-status{align-items:center;background:#ffffffc2;border:1px solid #00000014;border-radius:999px;box-shadow:0 10px 20px #11111114;display:inline-flex;font-size:13px;line-height:1.2;max-width:320px;padding:10px 14px}.transfer-status.success{background:#e2f8ebe6;color:#1d4f37}.transfer-status.error{background:#ffe6e0eb;color:#8c2418}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.layout{grid-gap:28px;display:grid;gap:28px;grid-template-columns:minmax(240px,320px) minmax(0,1fr)}.panel{display:flex;flex-direction:column;gap:28px}.panel h2{font-size:18px;margin:0 0 12px}.form{background:#ffffffe6;border:1px solid #00000014;border-radius:24px;box-shadow:0 18px 40px #1111111f;box-shadow:var(--shadow);gap:16px;padding:18px}.form,label{display:flex;flex-direction:column}label{font-size:14px;gap:8px}button,input,textarea{font-family:inherit}input,textarea{background:#fffffff2;border:1px solid #00000026;border-radius:12px;font-size:14px;padding:10px 12px}textarea{resize:vertical}.range-row{align-items:center;display:flex;gap:12px}.range-row input[type=range]{width:100%}.palette{display:flex;flex-direction:column;gap:10px}.palette p{font-size:13px;letter-spacing:.18em;margin:0;opacity:.7;text-transform:uppercase}.palette-row{display:flex;flex-wrap:wrap;gap:10px}.palette-swatch{border:1px solid #00000026;border-radius:10px;cursor:pointer;height:28px;width:28px}.palette-swatch.selected{outline:2px solid #0009;outline-offset:2px}.palette-custom{background:conic-gradient(from 90deg,#ffad8f,#ffd18f,#b6f3c5,#9fd7ff,#d6b1ff,#ffad8f);border:1px dashed #00000073;border-radius:10px;cursor:pointer;display:inline-flex;height:28px;overflow:hidden;position:relative;width:28px}.palette-custom input[type=color]{background:#0000;border:none;cursor:pointer;height:100%;opacity:0;padding:0;width:100%}button{background:#ff5c4d;background:var(--accent);border:none;border-radius:999px;color:#fff;cursor:pointer;font-weight:600;padding:12px 16px;transition:transform .2s ease,box-shadow .2s ease}button:hover{box-shadow:0 12px 24px #d3422e33;transform:translateY(-1px)}button.danger{background:#2d1b16}.inspector{background:#ffffffd9;border:1px solid #00000014;border-radius:24px;box-shadow:0 18px 40px #1111111f;box-shadow:var(--shadow);padding:18px}.inspector-body{display:flex;flex-direction:column;gap:14px}.muted{font-size:14px;margin:0;opacity:.6}.board-section{display:flex;flex-direction:column;gap:16px}.board-header h2{font-size:20px;margin:0 0 6px}.board-header p{font-size:14px;margin:0;opacity:.6}.board-header{align-items:flex-end;display:flex;gap:16px;justify-content:space-between}.axis-toggle{background:#ffffffdb;border:1px solid #0000001a;border-radius:999px;box-shadow:0 10px 20px #11111114;color:#13140f;color:var(--ink);flex-shrink:0;padding:10px 14px}.axis-toggle[aria-pressed=true]{background:#ff5c4d1f;border-color:#d3422e47}.board{background:linear-gradient(160deg,#ffffff8c,#fff3);border:1px solid #0000001a;border-radius:32px;box-shadow:0 18px 40px #1111111f;box-shadow:var(--shadow);min-height:560px;overflow:hidden;padding:24px;position:relative;width:100%}.board:after,.board:before{background:#12110f2e;background:var(--line);content:"";height:1px;left:0;position:absolute;top:50%;width:100%}.board:after{height:100%;left:50%;top:0;width:1px}.axis-label{font-size:12px;letter-spacing:.2em;opacity:.5;position:absolute;text-transform:uppercase}.axis-top{top:12px}.axis-bottom,.axis-top{left:50%;transform:translateX(-50%)}.axis-bottom{bottom:12px}.axis-left{left:12px;top:50%;transform:translateY(-50%) rotate(-90deg)}.axis-right{right:12px;top:50%;transform:translateY(-50%) rotate(90deg)}.quadrant-label{font-size:14px;font-weight:600;opacity:.4;position:absolute}.q1{left:20px}.q1,.q2{top:18px}.q2{right:20px}.q3{left:20px}.q3,.q4{bottom:18px}.q4{right:20px}@media (max-width:900px){.board-header{align-items:flex-start;flex-direction:column}}.note-card{border:1px solid #00000014;border-radius:999px;box-shadow:0 12px 24px #00000014;cursor:grab;max-width:220px;min-width:6ch;padding:8px 14px;position:absolute;transform:translate(-50%,-50%);transition:transform .2s ease,box-shadow .2s ease;width:-webkit-max-content;width:max-content}.note-card:active{cursor:grabbing}.note-card.selected{box-shadow:0 14px 30px #00000029}.note-card h3{font-size:13px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-title{align-items:center;display:flex;gap:8px;justify-content:space-between;max-width:200px}.urgency-dot{border-radius:999px;box-shadow:0 0 0 2px #00000014;flex-shrink:0;height:10px;width:10px}.note-hover{background:#fff;border:1px solid #00000014;border-radius:14px;bottom:calc(100% + 10px);box-shadow:0 16px 30px #0000002e;color:#111;font-size:12px;left:50%;line-height:1.45;max-width:280px;min-width:180px;opacity:0;padding:12px 14px;pointer-events:none;position:absolute;transform:translate(-50%,-4px);transform:translate(calc(-50% + var(--hover-shift, 0px)),var(--hover-translate-y,-4px));transition:opacity .2s ease,transform .2s ease;z-index:10}.note-card:hover .note-hover{opacity:1;transform:translate(-50%)}.badge{background:#0000001f;border-radius:999px;font-size:11px;font-weight:600;padding:4px 8px}.list-box{background:#ffffffd9;border:1px solid #00000014;border-radius:24px;box-shadow:0 18px 40px #1111111f;box-shadow:var(--shadow);padding:18px}.list-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.list-header select{background:#fff;border:1px solid #0003;border-radius:10px;font-size:13px;padding:6px 8px}.list-filter-toggle{align-items:center;color:#13140fc7;display:inline-flex;flex-direction:row;font-size:13px;gap:8px;line-height:1.2;margin:0 0 12px}.list-filter-toggle input{flex-shrink:0;height:14px;margin:0;width:14px}.list-body{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow:auto}.list-item{align-items:center;background:#ffffffe6;border:1px solid #00000014;border-radius:12px;cursor:pointer;display:flex;font-size:13px;gap:8px;justify-content:space-between;padding:8px 10px}.list-item.selected{border-color:#0006}.list-title{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-meta{font-size:12px;opacity:.6}.completed-area{background:#ffffffbf;border:1px solid #00000014;border-radius:20px;box-shadow:0 18px 40px #1111111f;box-shadow:var(--shadow);margin-top:18px;padding:16px 18px}.completed-header{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.completed-header h3{font-size:16px;margin:0}.completed-header p{font-size:12px;margin:0;opacity:.6}.completed-list{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.completed-card{align-items:center;border:1px solid #0000001a;border-radius:999px;box-shadow:0 8px 16px #00000014;cursor:pointer;display:inline-flex;font-size:12px;gap:8px;padding:8px 12px}.completed-title{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.completed-meta{font-size:11px;opacity:.6}.list-delete{align-items:center;background:#00000014;border:none;border-radius:999px;color:#111;display:inline-flex;font-size:12px;height:22px;justify-content:center;padding:0;width:22px}.modal-float{bottom:24px;pointer-events:none;position:fixed;right:24px;z-index:60}.modal-layer{inset:0;position:fixed;z-index:70}.modal{background:#fff;border-radius:24px;box-shadow:0 24px 40px #00000038;padding:20px 22px;pointer-events:auto;width:min(520px,92vw)}.modal.popover{max-width:280px;position:absolute}.modal.small{border-radius:16px;padding:8px 10px;width:min(120px,40vw)}.modal-text{font-size:14px;margin:12px 0 4px;opacity:.75}.menu-list{display:flex;flex-direction:column;gap:5px}.menu-item{border-radius:12px;font-size:12px;justify-content:center;padding:6px 8px;width:100%}.ghost{background:#0000;border:1px solid #0000002e;color:#111}.modal-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.modal-header h2{margin:0}.modal-close{background:#0000;border:1px solid #0000002e;color:#111}.modal-body{display:flex;flex-direction:column;gap:14px;margin-top:16px}.modal-actions{display:flex;gap:12px;margin-top:18px}.completed-view-modal{margin:10vh auto 0}.completed-view-body{gap:16px}.readonly-field{display:flex;flex-direction:column;gap:8px}.readonly-label{font-size:12px;letter-spacing:.12em;opacity:.55;text-transform:uppercase}.readonly-value{background:#f5f0e8b3;border:1px solid #00000014;border-radius:14px;font-size:14px;line-height:1.45;min-height:44px;padding:12px 14px}.readonly-value.multiline{white-space:pre-wrap;word-break:break-word}@media (max-width:1100px){.layout{grid-template-columns:1fr}.board{min-height:480px}}@media (max-width:720px){.app{padding:24px}.app-header{align-items:flex-start;flex-direction:column}.header-actions{justify-content:flex-start}.board{min-height:420px}}