:root{--ink:#202119;--muted:#777b70;--paper:#ecebe4;--accent:#d65f3d;--shadow:#332b1438}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow:hidden;color:var(--ink);background:radial-gradient(circle at 20% 10%,#faf9f4 0,#eeeeE7 34%,#dfddd3 100%)}body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{color:inherit}.hidden{display:none!important}.board{height:100vh;position:relative}.topbar{height:54px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:0 22px;user-select:none}.brand{font-size:18px;font-weight:760;letter-spacing:.01em;display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-mark{width:24px;height:8px;border-radius:999px;background:linear-gradient(90deg,#f1d57c,#fff0b5);box-shadow:0 2px 8px #6b5a2526;transform:rotate(-8deg)}.hint{text-align:center;color:#8a8d84;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date{color:#8a8d84;font-size:12px;white-space:nowrap}.canvas{position:absolute;inset:54px 0 0;overflow:hidden}.note{--note:#ffeb3f;--shade:#c1a72f44;--drag-x:0px;--drag-y:0px;--drag-rot:0deg;--lift:0;position:absolute;width:306px;min-height:338px;max-height:calc(100vh - 82px);display:flex;flex-direction:column;padding:15px 14px 12px;background:var(--note);border:0;border-radius:1px;box-shadow:0 18px 26px -22px rgba(32,32,20,.42),14px 22px 36px -30px var(--shade),0 2px 5px rgba(42,38,20,.08);transform-origin:18% 12%;transform:translate(var(--drag-x),var(--drag-y)) perspective(900px) rotate(calc(var(--tilt,-.25deg) + var(--drag-rot))) rotateX(calc(.4deg + var(--lift)*2deg));transition:box-shadow .18s ease,transform .18s ease,opacity .2s ease}.note:before{content:"";position:absolute;left:8%;right:5%;bottom:-17px;height:34px;background:radial-gradient(ellipse at center,rgba(32,30,18,.2) 0%,rgba(32,30,18,.11) 42%,rgba(32,30,18,0) 72%);filter:blur(8px);opacity:.72;z-index:-2;pointer-events:none}.note:after{content:"";position:absolute;right:8%;bottom:-18px;width:54%;height:30px;background:radial-gradient(ellipse at center,rgba(32,30,18,.16) 0%,rgba(32,30,18,.08) 45%,rgba(32,30,18,0) 74%);filter:blur(10px);opacity:.58;z-index:-2;pointer-events:none}.note.lifting{--lift:.18}.note.tearing{opacity:0;--lift:1!important;--drag-x:52px!important;--drag-y:-64px!important;--drag-rot:8deg!important;transform:translate(var(--drag-x),var(--drag-y)) perspective(900px) rotate(calc(var(--tilt,-.25deg) + var(--drag-rot))) rotateX(7deg) scale(.96);transition:opacity .24s ease,transform .26s cubic-bezier(.22,.72,.2,1),box-shadow .24s ease}.note[data-color=yellow]{--note:#ffea35;--shade:#b89a2344}.note[data-color=pink]{--note:#ffb7cf;--shade:#b9637d44}.note[data-color=green]{--note:#bff08a;--shade:#6f9c4a44}.note[data-color=blue]{--note:#9edcff;--shade:#4783a744}.note[data-color=white]{--note:#fffef4;--shade:#9d9b8a44}.note-head{position:relative;z-index:1;cursor:grab;user-select:none;height:18px;margin:-4px -2px 4px}.note-head:active{cursor:grabbing}.note-body{position:relative;z-index:1;min-height:0;overflow:auto;padding:0 1px 4px;display:flex;flex-direction:column;flex:1}.task-list{display:flex;flex-direction:column;gap:3px}.task{min-height:38px;display:flex;align-items:center;gap:8px;padding:0 4px;border-radius:4px;transition:background .16s ease}.task:hover{background:#ffffff40}.check{width:18px;height:18px;border:1.5px solid #a8965e;border-radius:50%;background:transparent;cursor:pointer;flex:0 0 auto}.number{color:#9e8c52;width:21px;font-size:11px;font-variant-numeric:tabular-nums}.task input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:10px 0;font-size:13px;line-height:1.4}.remove{border:0;background:none;color:#9e8c52;opacity:0;cursor:pointer;font-size:17px}.task:hover .remove{opacity:1}.composer{margin-top:12px;border:1px solid #e0c77e;background:#fff9dd9c;border-radius:10px;box-shadow:0 12px 26px #5c4b1a14;overflow:hidden}.composer textarea{width:100%;height:74px;resize:none;border:0;outline:0;padding:11px 12px;line-height:1.55;background:transparent;font-size:13px}.composer-actions{border-top:1px solid #ecd99e;min-height:43px;display:flex;justify-content:space-between;align-items:center;padding:7px 8px 7px 13px;gap:8px}.composer-actions>span{font-size:11px;color:#927f4f}.composer button{border:0;background:transparent;padding:7px 10px;cursor:pointer;border-radius:6px;font-size:12px}.composer .confirm{background:var(--ink);color:white}.voice-wrap{display:flex;flex-direction:column;align-items:center;margin:auto 0 2px;padding-top:18px}.voice{width:50px;height:50px;border:0;border-radius:50%;background:var(--ink);color:white;cursor:pointer;box-shadow:0 11px 18px #3d351f2c}.voice.active{background:var(--accent)}.voice-wrap p{margin:10px 0 0;color:#6f662f;font-size:13px;font-weight:520}.mic{height:22px;display:flex;gap:3px;align-items:center;justify-content:center}.mic i{display:block;width:3px;height:10px;background:white;border-radius:2px}.mic i:nth-child(2){height:20px}.mic i:nth-child(3){height:14px}.completed{border-top:1px solid #e7d494;margin-top:12px;padding-top:11px;color:#786c45;font-size:12px}.completed summary{cursor:pointer;list-style:none;color:#403b27;font-weight:620;margin-bottom:10px}.done-task{display:flex;align-items:flex-start;gap:8px;margin-top:9px;line-height:1.55;text-decoration:line-through;color:#8e7d4b}.check.checked{background:#a99251;border:0;color:white;font-size:11px}.press-ring{position:fixed;width:42px;height:42px;margin:-21px 0 0 -21px;border-radius:50%;border:2px solid #d65f3d;box-shadow:0 0 0 8px #d65f3d18;animation:pulse 1.2s linear forwards;pointer-events:none;z-index:80}@keyframes pulse{from{transform:scale(.45);opacity:.35}to{transform:scale(1);opacity:.9}}.color-menu{position:fixed;z-index:100;background:#fffdf7;border:1px solid #ddd7c8;border-radius:8px;box-shadow:0 16px 38px #2724182b;padding:8px}.menu-title{font-size:12px;color:#6f7269;margin:0 0 8px}.swatches{display:flex;gap:7px}.swatch{width:24px;height:24px;border-radius:50%;border:1px solid #c7c2b4;cursor:pointer;box-shadow:0 1px 3px #1d1a1020}.toast{position:fixed;left:50%;bottom:24px;z-index:120;transform:translateX(-50%);background:#202119;color:white;border-radius:999px;padding:10px 14px;font-size:13px;box-shadow:0 12px 30px #20211933}.toast button{border:0;background:transparent;color:white;text-decoration:underline;cursor:pointer;margin-left:10px}@media(max-width:560px){html,body{overflow:auto}.topbar{height:auto;min-height:56px;grid-template-columns:1fr auto;padding:10px 14px}.hint{display:none}.canvas{position:relative;inset:auto;min-height:calc(100vh - 56px);overflow:visible}.note{position:relative!important;left:auto!important;top:auto!important;width:calc(100% - 24px);margin:14px auto}}.peel-stage{position:fixed;z-index:200;pointer-events:none;overflow:visible}.peel-stage .note{position:absolute!important;left:0!important;top:0!important;width:100%;height:100%;min-height:0;max-height:none;transform:none!important;box-shadow:none!important}.peel-stage .note:before,.peel-stage .note:after{display:none}.peel-stage .peel-top,.peel-stage .peel-back,.peel-stage .peel-bottom{background:var(--note,#ffea35)}.peel-stage[data-color=yellow]{--note:#ffea35}.peel-stage[data-color=pink]{--note:#ffb7cf}.peel-stage[data-color=green]{--note:#bff08a}.peel-stage[data-color=blue]{--note:#9edcff}.peel-stage[data-color=white]{--note:#fffef4}.peel-stage .peel-back{filter:brightness(.94);box-shadow:inset -18px 18px 30px #00000020}.peel-stage .peel-bottom{opacity:.05}