@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Shippori+Mincho:wght@600;700&display=swap";:root{font-family:DM Sans,Hiragino Sans,Yu Gothic,sans-serif;color:#252422;background:#f7f6f2;font-synthesis:none;--ink: #252422;--muted: #8e8d87;--line: #e4e2dc;--paper: #fffefa;--orange: #ed684a;--yellow: #ffd864;--board: #e9e7e0}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f7f6f2}button,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:74px;padding:0 34px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#faf9f5e6}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink);font-weight:700;letter-spacing:-.03em;text-decoration:none;font-size:17px}.brand-mark{width:27px;height:27px;position:relative;display:inline-block}.brand-mark i{position:absolute;width:14px;height:14px;border-radius:2px;transform:rotate(-10deg)}.brand-mark i:nth-child(1){background:#f1a04f;top:0;left:8px}.brand-mark i:nth-child(2){background:#72b5a3;top:8px;left:1px;transform:rotate(12deg)}.brand-mark i:nth-child(3){background:#ed684a;top:11px;left:12px;transform:rotate(30deg)}.topbar-meta{display:flex;align-items:center;gap:18px}.save-status{display:inline-flex;align-items:center;gap:7px;color:#92918b;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.01em}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6fb49c}.header-action,.icon-button,.avatar{border:0;background:transparent;color:#77756f}.header-action{padding:6px 2px;font-family:DM Mono,monospace;font-size:9px}.header-action:hover{color:var(--orange)}.icon-button{padding:7px;font-size:19px;line-height:1;transform:rotate(180deg)}.icon-button:hover{color:var(--orange)}.avatar{width:34px;height:34px;border-radius:50%;background:#252422;color:#fff;font-family:DM Mono,monospace;font-size:10px;letter-spacing:-.04em}.workspace{flex:1;display:grid;grid-template-columns:minmax(250px,29%) 1fr;min-height:calc(100vh - 74px)}.sidebar{padding:clamp(34px,5vw,75px) clamp(28px,5vw,72px) 30px;display:flex;flex-direction:column;background:#f7f6f2}.eyebrow,.board-kicker,.tips-title,.summary-heading{margin:0;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.12em;color:#a09e96}.sidebar h1{margin:19px 0 20px;font-size:clamp(25px,2.5vw,38px);line-height:1.17;letter-spacing:-.06em;font-weight:700}.sidebar h1 em{color:var(--orange);font-family:Shippori Mincho,serif;font-style:normal;letter-spacing:-.08em}.intro-copy{max-width:230px;margin:0;color:#818079;font-size:12px;line-height:1.85}.add-button{margin-top:38px;align-self:flex-start;min-height:44px;padding:0 18px 0 14px;border:0;border-radius:4px;background:var(--ink);color:#fff;font-size:12px;font-weight:600;transition:transform .18s,background .18s}.add-button span{margin-right:8px;font-size:18px;font-weight:400;vertical-align:-1px}.add-button:hover{background:var(--orange);transform:translateY(-2px)}.sidebar-divider{height:1px;background:var(--line);margin:47px 0 25px}.board-summary{color:#8d8b84}.summary-heading{display:flex;justify-content:space-between}.live-label{color:#6eaa96;font-size:9px;letter-spacing:.05em}.note-count{display:flex;align-items:baseline;gap:8px;margin-top:12px;color:var(--ink)}.note-count strong{font-size:32px;letter-spacing:-.08em}.note-count span{font-family:DM Mono,monospace;font-size:10px;color:#a6a49d}.board-summary>p{margin:3px 0 0;font-size:10px;line-height:1.65}.tips{margin-top:auto;padding-top:30px;border-top:1px solid var(--line);color:#8e8d87;font-size:10px;line-height:1.6}.tips-title{margin-bottom:13px}.tips p:not(.tips-title){margin:8px 0}.tips p span{display:inline-block;width:20px;color:var(--orange);font-size:13px}.board-panel{min-width:0;display:flex;flex-direction:column;padding:38px 42px 19px 39px;background:#faf9f5;border-left:1px solid var(--line)}.board-toolbar{display:flex;align-items:flex-end;justify-content:space-between;padding:0 4px 20px}.board-heading{min-width:0}.board-kicker{margin-bottom:8px;color:#b0aea6}.board-toolbar h2{margin:0;font-size:23px;letter-spacing:-.06em}.search-wrap{display:flex;align-items:center;width:220px;height:29px;gap:6px;margin-top:14px;padding:0 9px;border:1px solid #dedcd5;border-radius:3px;background:#ffffff70;color:#a29f96}.search-wrap:focus-within{border-color:#bdb9af;background:#ffffffb3}.search-wrap span{font-size:17px;line-height:1;transform:rotate(-20deg)}.search-wrap input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:10px}.search-wrap input::placeholder{color:#aaa79e}.board-actions{display:flex;align-items:center;gap:12px;color:#a09e96;font-family:DM Mono,monospace;font-size:9px}.divider-dot{width:3px;height:3px;border-radius:50%;background:#c4c1b9}.board-viewport{position:relative;flex:1;min-height:390px;overflow:auto;border:1px solid #dedcd5;border-radius:3px;background-color:var(--board);background-image:radial-gradient(circle,rgba(123,120,111,.24) 1px,transparent 1px);background-size:21px 21px;box-shadow:inset 0 1px #ffffff8c}.board-stage{position:relative;min-width:100%;min-height:100%;height:100%}.viewport-controls{position:absolute;top:12px;right:12px;z-index:25;display:flex;align-items:center;gap:3px;padding:4px;border:1px solid rgba(208,205,196,.9);border-radius:4px;background:#faf9f5d9;box-shadow:0 2px 7px #4340360f;font-family:DM Mono,monospace}.viewport-controls button{min-width:24px;height:24px;padding:0 4px;border:0;border-radius:2px;background:transparent;color:#74716a;font-size:16px;line-height:1}.viewport-controls button:hover{background:#e9e5dc;color:var(--ink)}.viewport-controls span{min-width:34px;color:#89867e;font-size:9px;text-align:center}.viewport-controls .fit-button{width:auto;margin-left:3px;padding:0 7px;border-left:1px solid #dedbd2;font-size:9px}.board-footer{display:flex;align-items:center;gap:9px;margin:13px 2px 0;color:#aaa79e;font-family:DM Mono,monospace;font-size:9px}.footer-cross{color:var(--orange);font-size:15px}.empty-state{position:absolute;top:50%;left:50%;width:250px;transform:translate(-50%,-50%);text-align:center;color:#96948d}.empty-icon{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 15px;border:1px solid #c9c6bd;border-radius:50%;color:var(--orange);font-size:17px}.empty-state h3{margin:0 0 9px;color:#6f6d67;font-size:15px;letter-spacing:-.03em}.empty-state p{margin:0;font-size:11px;line-height:1.75}.empty-state button{margin-top:18px;padding:8px 13px;border:1px solid #c7c4bb;border-radius:3px;background:#ffffff59;color:#727069;font-size:10px}.empty-state button span{margin-left:5px;color:var(--orange);font-size:13px}.empty-state button:hover{border-color:var(--orange);color:var(--orange)}.mobile-add-button{display:none}.sticky-note{--note-color: #ffd864;position:absolute;width:220px;height:158px;padding:16px 15px 14px;display:flex;flex-direction:column;background:var(--note-color);border-radius:2px 2px 3px 3px;box-shadow:4px 5px #3d3a3017,0 2px 9px #3d3a3014;transform:rotate(var(--rotation));transform-origin:center;transition:box-shadow .15s,transform .15s;z-index:1}.sticky-note:before{content:"";position:absolute;top:0;right:13px;width:18px;height:4px;border-radius:0 0 4px 4px;background:#ffffff6b}.sticky-note:hover,.sticky-note.is-dragging{z-index:10;box-shadow:7px 9px #3d3a301a,0 5px 17px #3d3a3029;transform:rotate(0) scale(1.015)}.note-head{min-height:23px;display:flex;align-items:center;gap:3px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.note-head:active{cursor:grabbing}.note-head:focus-visible,.resize-note:focus-visible,.color-note:focus-visible,.delete-note:focus-visible{outline:2px solid rgba(67,59,35,.7);outline-offset:2px;border-radius:3px}.note-label{font-family:DM Mono,monospace;color:#433b2394;font-size:8px;letter-spacing:.08em}.color-note{width:22px;height:22px;margin-left:auto;padding:0;border:0;border-radius:50%;background:transparent;color:#d99c29;font-size:16px;line-height:1;opacity:0}.sticky-note:hover .color-note,.sticky-note:focus-within .color-note{opacity:1}.delete-note{padding:4px;border:0;background:transparent;color:#433b2366;font-size:16px;line-height:1;opacity:0;transition:opacity .15s,color .15s}.sticky-note:hover .delete-note,.sticky-note:focus-within .delete-note{opacity:1}.delete-note:hover{color:#8d3f31}.note-text{width:100%;flex:1;min-height:0;resize:none;padding:2px 1px 0;border:0;outline:0;background:transparent;color:#26221ad1;font-family:Shippori Mincho,Hiragino Mincho ProN,serif;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:.01em}.note-text::placeholder{color:#433b236b}.note-foot{display:flex;align-items:center;justify-content:space-between;min-height:21px;color:#433b236b;font-family:DM Mono,monospace;font-size:8px}.resize-note{width:25px;height:25px;margin:0 -6px -6px 0;padding:0;border:0;background:transparent;color:#433b2370;cursor:nwse-resize;font-size:17px;line-height:1;opacity:0;touch-action:none}.sticky-note:hover .resize-note,.sticky-note:focus-within .resize-note,.sticky-note.is-resizing .resize-note{opacity:1}.sticky-note.is-resizing{-webkit-user-select:none;user-select:none}.note-coral{--note-color: #f39a7e}.note-mint{--note-color: #a9d5c5}.note-lilac{--note-color: #c6bce4}.toast{position:fixed;left:50%;bottom:24px;z-index:50;display:flex;align-items:center;gap:17px;min-height:42px;padding:0 10px 0 16px;border:1px solid #dedbd2;border-radius:4px;background:#252422f2;color:#fff;box-shadow:0 7px 20px #2524222e;transform:translate(-50%);font-size:11px}.toast[hidden]{display:none}.toast button{padding:6px 9px;border:1px solid rgba(255,255,255,.32);border-radius:3px;background:transparent;color:#ffd864;font-size:10px}.toast button:hover{background:#ffffff1a}@media(max-width:900px){.workspace{grid-template-columns:minmax(210px,30%) 1fr}.sidebar{padding-left:28px;padding-right:24px}.board-panel{padding-left:24px;padding-right:24px}.drag-hint,.divider-dot{display:none}}@media(max-width:700px){.topbar{height:62px;padding:0 17px}.topbar-meta{gap:11px}.save-status{display:none}.workspace{display:block;min-height:calc(100vh - 62px)}.sidebar{display:none}.board-panel{min-height:calc(100vh - 62px);padding:23px 13px 15px;border-left:0}.board-toolbar{align-items:center;padding:0 4px 17px}.board-kicker{font-size:9px;margin-bottom:5px}.board-toolbar h2{font-size:20px}.search-wrap{width:min(220px,calc(100vw - 175px));margin-top:10px}.board-actions{display:none}.mobile-add-button{display:block;padding:9px 11px;border:0;border-radius:3px;background:var(--ink);color:#fff;font-size:11px}.mobile-add-button span{margin-right:3px;font-size:16px}.board-viewport{min-height:0;height:calc(100vh - 155px)}.board-stage{min-height:560px;height:100%}.board-footer{margin-top:10px;font-size:8px}.sticky-note{width:196px;height:148px;padding:13px 13px 12px}.note-text{font-size:15px}.delete-note,.resize-note,.color-note{opacity:1}.viewport-controls{top:9px;right:9px}.empty-state{width:235px}}@media(max-width:400px){.topbar{padding:0 13px}.brand{font-size:15px}.board-panel{padding-left:10px;padding-right:10px}.sticky-note{width:184px}}:root{color:#ecf4ff;background:#060d17;--ink: #ecf4ff;--muted: #8495aa;--line: rgba(158, 183, 211, .14);--paper: #f7fbff;--orange: #67e3d1;--yellow: #f5d16d;--board: #091827}body{background:#060d17;color:var(--ink)}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 82% 12%,rgba(42,151,164,.14),transparent 25%),radial-gradient(circle at 12% 88%,rgba(55,83,147,.12),transparent 26%)}.topbar{height:78px;padding:0 42px;border-bottom-color:#9cbfdd21;background:#060d17d6;box-shadow:0 1px #ffffff08}.brand{gap:13px;color:#f4f8ff;font-size:16px;letter-spacing:-.04em}.brand-mark{filter:drop-shadow(0 0 8px rgba(103,227,209,.18))}.brand-mark i{border:1px solid rgba(255,255,255,.18)}.brand-mark i:nth-child(1){background:#6ce4d2}.brand-mark i:nth-child(2){background:#426b9f}.brand-mark i:nth-child(3){background:#d5a95e}.topbar-meta{gap:20px}.save-status{color:#7f93a9}.status-dot{background:#67e3d1;box-shadow:0 0 10px #67e3d1cc}.header-action,.icon-button,.avatar{color:#93a8bd}.header-action:hover,.icon-button:hover{color:var(--orange)}.avatar{background:linear-gradient(135deg,#1b3d5a,#0f7e7c);border:1px solid rgba(117,229,215,.3);box-shadow:0 0 20px #2fa8a526}.workspace{min-height:calc(100vh - 78px);grid-template-columns:minmax(270px,30%) 1fr}.sidebar{position:relative;overflow:hidden;padding:clamp(42px,5vw,82px) clamp(30px,5vw,76px) 34px;background:linear-gradient(150deg,#0b1827,#08131f 64%,#07111c)}.sidebar:after{content:"AI / 01";position:absolute;right:22px;top:96px;color:#85a6c321;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.18em;transform:rotate(90deg);transform-origin:right top}.eyebrow,.board-kicker,.tips-title,.summary-heading{color:#7590a9;font-size:9px;letter-spacing:.16em}.sidebar h1{margin:22px 0;color:#f3f8ff;font-size:clamp(28px,2.5vw,40px);line-height:1.18;letter-spacing:-.075em}.sidebar h1 em{color:#67e3d1;text-shadow:0 0 24px rgba(103,227,209,.18)}.intro-copy{max-width:245px;color:#8ea1b5;font-size:11px;line-height:1.95}.add-button{margin-top:42px;min-height:48px;padding:0 20px 0 15px;border:1px solid rgba(103,227,209,.55);border-radius:3px;background:linear-gradient(135deg,#123449,#0b6e6d);color:#ecffff;box-shadow:0 0 28px #35b6b11f,inset 0 1px #ffffff1f}.add-button:hover{background:linear-gradient(135deg,#1a4b5b,#0c8d86);box-shadow:0 0 32px #48dcd23b}.add-button span{color:#67e3d1}.sidebar-divider{background:var(--line);margin:52px 0 27px}.board-summary{color:#8397ab}.live-label{color:#67e3d1}.note-count{color:#f2f7ff}.note-count strong{font-weight:500}.note-count span,.board-summary>p{color:#75899d}.tips{border-top-color:var(--line);color:#7d91a6}.tips p span{color:#67e3d1}.board-panel{padding:42px 44px 21px 42px;background:#07111e;border-left-color:var(--line)}.board-toolbar{padding:0 7px 22px}.board-kicker{color:#5f7892}.board-toolbar h2{color:#eff6ff;font-size:24px;letter-spacing:-.06em}.search-wrap{border-color:#92b1cf2b;background:#112233b3;color:#7f99b0}.search-wrap:focus-within{border-color:#67e3d18c;background:#0e2735d9;box-shadow:0 0 20px #40c4be14}.search-wrap input{color:#e8f2ff}.search-wrap input::placeholder{color:#657e95}.board-actions{color:#728aa1}.divider-dot{background:#67e3d1;box-shadow:0 0 7px #67e3d199}.board-viewport{border-color:#91b4d32b;background-color:#091827;background-image:linear-gradient(rgba(111,165,191,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(111,165,191,.07) 1px,transparent 1px),radial-gradient(circle at 70% 30%,rgba(43,135,149,.15),transparent 31%);background-size:42px 42px,42px 42px,auto;box-shadow:inset 0 1px #ffffff0a,inset 0 0 70px #01081259}.viewport-controls{border-color:#8eb3d02e;background:#091a2ad9;box-shadow:0 7px 20px #0003,inset 0 1px #ffffff0d}.viewport-controls button{color:#8da8bd}.viewport-controls button:hover{background:#67e3d11f;color:#67e3d1}.viewport-controls span{color:#91acbf}.viewport-controls .fit-button{border-left-color:#8eb3d02e}.board-footer{color:#607a91}.footer-cross{color:#67e3d1;text-shadow:0 0 8px rgba(103,227,209,.7)}.empty-state{color:#7b92a8}.empty-icon{border-color:#67e3d166;color:#67e3d1;box-shadow:0 0 26px #67e3d114}.empty-state h3{color:#c8d8e8}.empty-state button{border-color:#8eb3d040;background:#12293c8c;color:#9eb3c6}.empty-state button:hover{border-color:#67e3d1;color:#67e3d1}.sticky-note{border:1px solid rgba(255,255,255,.2);box-shadow:5px 7px #0000002e,0 4px 18px #00000038}.sticky-note:hover,.sticky-note.is-dragging{box-shadow:8px 11px #0003,0 6px 24px #00000054,0 0 18px #67e3d114}.sticky-note:before{background:#ffffff80}.note-head{color:#1c2b31c2}.note-label{color:#1c2b319e}.color-note,.delete-note,.resize-note{color:#1c2b3185}.delete-note:hover{color:#743d36}.note-text{color:#142026db}.note-text::placeholder{color:#1c2b316b}.note-coral{--note-color: #f29a80}.note-mint{--note-color: #9ed5c1}.note-lilac{--note-color: #c3b9e6}.toast{border-color:#77dbd33d;background:#081725f5;color:#eaf8ff;box-shadow:0 10px 28px #00000059,0 0 25px #39b0ad1a}.toast button{border-color:#67e3d166;color:#67e3d1}.toast button:hover{background:#67e3d11a}@media(max-width:900px){.sidebar{padding-left:28px;padding-right:24px}.board-panel{padding-left:24px;padding-right:24px}}@media(max-width:700px){.topbar{height:66px;padding:0 17px}.topbar-meta{gap:10px}.header-action{font-size:8px}.workspace{min-height:calc(100vh - 66px)}.board-panel{min-height:calc(100vh - 66px);padding:24px 13px 15px}.board-toolbar{padding:0 4px 18px}.board-toolbar h2{font-size:21px}.search-wrap{width:min(220px,calc(100vw - 175px))}.board-viewport{background-size:30px 30px,30px 30px,auto}.mobile-add-button{border:1px solid rgba(103,227,209,.5);background:linear-gradient(135deg,#123449,#0b6e6d)}.viewport-controls{top:9px;right:9px}}@media(max-width:400px){.brand{font-size:14px}.topbar{padding:0 12px}.board-panel{padding-left:10px;padding-right:10px}}