:root{font-family:DM Sans,Noto Sans JP,sans-serif;color:#252721;background:#f7f5f0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;font-size:14px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f7f5f0}.app-shell{max-width:1440px;margin:0 auto;padding:0 72px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9e7e0}.brand{display:flex;align-items:center;gap:10px;color:#262820;text-decoration:none;font-weight:700;letter-spacing:-.6px;font-size:18px}.brand-mark{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#d8e1c6;color:#597047;font-size:19px}.brand-light{color:#899080;font-weight:400}.top-actions{display:flex;align-items:center;gap:26px}.save-status{display:flex;align-items:center;gap:8px;color:#81847b;font-size:12px}.status-dot{width:7px;height:7px;background:#82a574;border-radius:50%}.add-button{height:42px;padding:0 18px;background:#32392b;color:#fff;border:0;border-radius:7px;display:flex;align-items:center;gap:9px;font:600 13px DM Sans,Noto Sans JP,sans-serif;cursor:pointer;transition:background .2s,transform .15s}.add-button:hover{background:#46533b;transform:translateY(-1px)}.plus{font-size:19px;font-weight:400;line-height:1}.workspace{padding-top:56px}.intro{margin-bottom:28px}.eyebrow{display:flex;align-items:center;gap:10px;color:#818579;font-size:10px;font-weight:600;letter-spacing:1.5px}.eyebrow-line{height:1px;width:19px;background:#a4aa98}.intro-row{display:flex;justify-content:space-between;align-items:flex-end;margin-top:18px}.intro h1{font-size:35px;line-height:1.3;letter-spacing:-1.2px;margin:0;font-weight:600}.intro h1 span{color:#899779}.subheading{font-size:13px;color:#92948b;margin:8px 0 0}.note-count{display:flex;align-items:baseline;gap:8px;color:#aaa99e;padding-bottom:3px}.count-number{font-size:26px;letter-spacing:-1px;color:#43473d;font-weight:500}.count-label{font-size:9px;letter-spacing:1.4px}.board-wrap{border:1px solid #e9e7e0;border-radius:10px;background:#fbfaf7;box-shadow:0 2px 9px #4b463508;overflow:hidden}.board{height:590px;position:relative;overflow:auto;background-color:#fbfaf7;background-image:radial-gradient(#d9d7cf .75px,transparent .75px);background-size:22px 22px;touch-action:pan-x pan-y}.empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;pointer-events:none;color:#989a91}.empty-state[hidden]{display:none}.empty-sparkle{font-size:30px;color:#b2b9a6;margin-bottom:13px}.empty-state h2{font-size:15px;font-weight:600;color:#63675d;margin:0 0 7px}.empty-state p{font-size:12px;margin:0 0 18px}.empty-button{pointer-events:auto;border:1px solid #dcded5;color:#626b57;background:#fbfaf7;border-radius:6px;padding:10px 15px;font:500 12px DM Sans,Noto Sans JP,sans-serif;cursor:pointer}.empty-button:hover{border-color:#a8b49a;background:#f5f7f0}.note{position:absolute;width:202px;min-height:184px;padding:0 16px 15px;border-radius:3px 3px 7px 7px;box-shadow:0 5px 14px #26271d18,0 1px 2px #26271d12;display:flex;flex-direction:column;transform:rotate(var(--tilt,0deg));transition:box-shadow .18s,transform .18s;touch-action:none}.note:hover{box-shadow:0 9px 22px #26271d23;z-index:20!important}.note.dragging{transform:rotate(0) scale(1.03);box-shadow:0 15px 30px #26271d30;z-index:100!important;transition:none}.note-head{height:38px;display:flex;align-items:center;justify-content:space-between;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.note-head:active{cursor:grabbing}.note-grip{display:flex;gap:3px;opacity:.4}.note-grip i{width:3px;height:3px;border-radius:50%;background:#62634e}.note-delete{border:0;background:transparent;color:#777864;opacity:.5;font-size:20px;line-height:1;cursor:pointer;padding:5px 0 5px 10px}.note-delete:hover{opacity:1;color:#8d4d42}.note-text{width:100%;flex:1;min-height:118px;resize:none;border:0;outline:0;background:transparent;color:#454638;font:400 13px/1.75 Noto Sans JP,sans-serif;padding:2px 0;touch-action:auto}.note-text::placeholder{color:#999984}.note-date{font-size:9px;color:#797a67;opacity:.62;margin-top:7px;letter-spacing:.3px}.board-footer{height:55px;display:flex;align-items:center;gap:25px;color:#96978e;font-size:10px}.board-footer kbd{font:500 10px DM Sans,sans-serif;border:1px solid #ddddd5;border-radius:3px;padding:2px 5px;background:#fbfaf7;color:#77796f}.footer-right{margin-left:auto}.footer-heart{color:#a7b297;margin-left:4px}.note.yellow{background:#f1e9b8}.note.green{background:#dce8d0}.note.pink{background:#f1dcd7}.note.blue{background:#d9e6ed}.note.lavender{background:#e5dff0}@media(max-width:1100px){.app-shell{padding:0 40px}.board{height:580px}}@media(max-width:767px){.app-shell{padding:0 20px}.topbar{height:68px}.brand{font-size:16px}.brand-mark{width:26px;height:26px}.top-actions{gap:12px}.save-status{font-size:0;gap:0}.status-dot{width:8px;height:8px}.add-button{height:42px;padding:0 13px;font-size:12px}.workspace{padding-top:38px}.intro{margin-bottom:23px}.intro h1{font-size:27px;letter-spacing:-.8px}.subheading{font-size:11px;max-width:255px;line-height:1.7}.note-count{gap:5px}.count-number{font-size:22px}.count-label{font-size:8px}.board-wrap{border-radius:8px}.board{height:calc(100dvh - 290px);min-height:390px;background-size:20px 20px}.note{width:180px;min-height:176px;padding-left:14px;padding-right:14px}.note-text{font-size:13px}.empty-state{padding:20px}.empty-state p{max-width:260px;line-height:1.8}.board-footer{height:auto;min-height:54px;gap:10px;flex-wrap:wrap;padding:12px 0;font-size:9px}.footer-right{width:100%;margin-left:0}.board-footer>span:nth-child(2){margin-left:auto}}@media(max-width:380px){.app-shell{padding:0 15px}.intro h1{font-size:25px}.add-button{padding:0 11px}.board{height:calc(100dvh - 280px);min-height:360px}}.note-head{gap:8px}.note-grip{flex:none;cursor:grab;touch-action:none;min-width:22px;min-height:30px;align-items:center;justify-content:center;flex-wrap:wrap;padding:7px 4px}.note-palette{display:flex;align-items:center;gap:5px;margin-left:auto}.color-swatch{width:14px;height:14px;min-width:14px;padding:0;border:1px solid #5555;border-radius:50%;cursor:pointer;opacity:.58;transition:transform .15s,opacity .15s,box-shadow .15s}.color-swatch:hover{opacity:1;transform:scale(1.2)}.color-swatch[aria-pressed=true]{opacity:1;box-shadow:0 0 0 2px #fbfaf7,0 0 0 3px #60624d}.color-swatch.yellow{background:#d8c86d}.color-swatch.green{background:#94b27e}.color-swatch.pink{background:#d69d91}.color-swatch.blue{background:#8eafc0}.color-swatch.lavender{background:#a999c4}.note-text{position:relative;z-index:1;cursor:text;user-select:text;-webkit-user-select:text;pointer-events:auto;touch-action:pan-y}