@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap";:root{color:#24263a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--blue:#3154d9;--ink:#24263a;--line:#dddcd6;background:#f3f1ea;font-family:DM Sans,Noto Sans JP,sans-serif}*{box-sizing:border-box}html,body{background:#f3f1ea;min-width:320px;min-height:100%}body{background:radial-gradient(circle at 8% 2%,#ffffffe6 0,#0000 27rem),#f3f1ea;min-height:100vh;margin:0;overflow-x:hidden}button,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-header{z-index:1000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd6;border-bottom:1px solid #d6d5cfd9;justify-content:space-between;align-items:center;gap:20px;height:78px;padding:0 clamp(22px,4.8vw,76px);display:flex;position:relative;box-shadow:0 4px 24px #2d2f410b}.brand{color:var(--ink);letter-spacing:-.5px;align-items:center;gap:12px;font-size:20px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{background:var(--blue);border-radius:10px;grid-template-columns:1fr 1fr;gap:3px;width:34px;height:34px;padding:6px;display:grid;box-shadow:0 6px 14px #3154d93b}.brand-mark i{background:#fff;border-radius:2px;display:block}.brand-mark i:nth-child(2),.brand-mark i:nth-child(3){opacity:.6}.add-note-button{color:#fff;background:var(--blue);cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 18px;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex;box-shadow:0 8px 20px #3154d938}.add-note-button span{margin-top:-2px;font-size:25px;font-weight:400;line-height:1}.add-note-button b{font-size:14px;font-weight:700}.add-note-button:hover{background:#2749ca;transform:translateY(-1px);box-shadow:0 10px 24px #3154d94d}.add-note-button:active{transform:translateY(1px)}.add-note-button:focus-visible,.delete-note:focus-visible,.sticky-note textarea:focus-visible{outline-offset:3px;outline:3px solid #3154d952}.workspace{width:min(1400px,100%);margin:0 auto;padding:clamp(28px,4vw,54px) clamp(18px,4.8vw,76px) 38px}.board-shell{border:1px solid var(--line);background:#fff;border-radius:17px;overflow:hidden;box-shadow:0 20px 55px #37364114,0 2px 7px #3736410a}.board-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:107px;padding:22px 28px;display:flex}.eyebrow{color:#9999a5;letter-spacing:1.65px;margin:0 0 5px;font-size:10px;font-weight:700}h1{color:var(--ink);letter-spacing:-.9px;margin:0;font-size:clamp(24px,2.2vw,30px);line-height:1.25}.note-counter{color:#787986;background:#faf9f6;border:1px solid #e4e3de;border-radius:999px;flex:none;align-items:center;gap:8px;height:33px;padding:0 13px;font-size:12px;font-weight:600;display:inline-flex}.counter-dot{background:var(--blue);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #3154d91a}.board{isolation:isolate;background-color:#f8f7f2;background-image:radial-gradient(circle,#5e5e662e 1px,#0000 1.2px);background-size:23px 23px;min-height:650px;position:relative;overflow:hidden}.board:before{z-index:-1;content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff85,#0000 25%),radial-gradient(circle at 90% 80%,#3154d909,#0000 30%);position:absolute;inset:0}.empty-state{color:#9696a0;text-align:center;flex-direction:column;align-items:center;gap:8px;width:min(330px,100% - 40px);display:flex;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.empty-state[hidden]{display:none}.empty-state strong{color:#555666;font-size:15px}.empty-state>span:last-child{font-size:12px}.empty-icon{color:#777985;background:#ffffffb3;border:1px dashed #b9b9c0;border-radius:13px;place-items:center;width:48px;height:48px;margin-bottom:4px;font-size:27px;display:grid}.sticky-note{--note-bg:#fff0a5;--note-edge:#eadb91;background:var(--note-bg);width:236px;height:212px;transform:translate3d(var(--x), var(--y), 0);will-change:transform;border:1px solid #544c2514;border-radius:6px 6px 13px;transition:box-shadow .18s,opacity .15s,scale .15s;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 14px 30px #403d2e1c,0 3px 6px #403d2e0f}.sticky-note--blue{--note-bg:#cfe8ff;--note-edge:#bbd5ee}.sticky-note--peach{--note-bg:#ffd8c8;--note-edge:#ebc3b2}.sticky-note--mint{--note-bg:#ccebd9;--note-edge:#b5d8c4}.sticky-note--lavender{--note-bg:#e2d9fa;--note-edge:#cec4e8}.sticky-note.is-dragging{cursor:grabbing;scale:1.025;box-shadow:0 22px 42px #35343d33,0 6px 12px #35343d14;z-index:999!important}.sticky-note.is-removing{opacity:0;scale:.88}.drag-handle{z-index:2;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;height:46px;padding:0 7px 0 18px;display:flex;position:relative}.grip{opacity:.34;grid-template-columns:repeat(3,3px);gap:3px;width:18px;display:grid}.grip i{background:#353640;border-radius:50%;width:3px;height:3px}.delete-note{color:#2c2c3494;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:38px;height:38px;padding:0 0 3px;font-size:24px;font-weight:300;line-height:1;transition:color .15s,background .15s;display:grid}.delete-note:hover{color:#2a2b34;background:#ffffff61}.sticky-note textarea{z-index:1;resize:none;color:#34353d;background:0 0;border:0;outline:0;width:100%;height:calc(100% - 46px);padding:3px 21px 22px;font-family:Noto Sans JP,sans-serif;font-size:15px;font-weight:500;line-height:1.75;position:relative}.sticky-note textarea::placeholder{color:#3e3e4573}.sticky-note textarea:focus-visible{outline-offset:-4px;border-radius:8px}.corner-fold{background:linear-gradient(135deg, var(--note-edge) 0 49%, #ffffffb8 51% 100%);pointer-events:none;width:25px;height:25px;position:absolute;bottom:0;right:0;box-shadow:-3px -3px 6px #50462809}.hint{color:#898994;justify-content:center;align-items:center;gap:8px;margin:18px 0 0;font-size:12px;font-weight:500;display:flex}.hint span{color:var(--blue)}.toast{z-index:2000;color:#fff;opacity:0;pointer-events:none;background:#24263af0;border-radius:10px;padding:11px 17px;font-size:13px;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,12px);box-shadow:0 10px 28px #1f202d38}.toast.is-visible{opacity:1;transform:translate(-50%)}@media (width<=959px){.workspace{padding:30px 28px 32px}.sticky-note{width:205px;height:194px}.board{min-height:640px}}@media (width<=519px){.app-header{height:68px;padding:0 16px}.brand{gap:9px;font-size:16px}.brand-mark{border-radius:9px;width:31px;height:31px}.add-note-button{border-radius:13px;min-width:48px;min-height:48px;padding:0}.add-note-button b{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.add-note-button span{font-size:28px}.workspace{padding:18px 12px 26px}.board-shell{border-radius:14px}.board-heading{gap:10px;min-height:91px;padding:17px 16px}.eyebrow{letter-spacing:1.2px;margin-bottom:3px;font-size:8px}h1{letter-spacing:-.6px;font-size:22px}.note-counter{gap:6px;height:31px;padding:0 10px;font-size:11px}.counter-dot{width:6px;height:6px}.board{background-size:19px 19px;min-height:600px}.sticky-note{border-radius:5px 5px 10px;width:calc(50% - 17px);height:174px}.drag-handle{height:48px;padding:0 4px 0 12px}.delete-note{width:42px;height:42px;font-size:23px}.sticky-note textarea{height:calc(100% - 48px);padding:0 13px 17px;font-size:13px;line-height:1.65}.corner-fold{width:19px;height:19px}.hint{text-align:center;align-items:flex-start;margin-top:14px;padding:0 20px;font-size:11px;line-height:1.6}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}