:root{font-family:Manrope,system-ui,sans-serif;color:#302c29;background:#faf9f7;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.app{min-height:100vh;display:flex}.landing-screen{min-height:100vh;background:#faf9f7;display:flex;align-items:center;justify-content:center;gap:clamp(45px,9vw,145px);padding:50px;position:relative}.landing-copy{max-width:500px}.brand{display:flex;align-items:center;gap:11px;font:800 30px Manrope;letter-spacing:-1.8px}.brand-mark{display:grid;place-items:center;background:#c56f51;color:#fffaf5;width:37px;height:38px;border-radius:10px;transform:rotate(-6deg)}.terracotta{color:#c56f51}.landing-copy .eyebrow{margin-top:78px}.eyebrow{color:#9a6c5b;letter-spacing:1.7px;font:600 10px 'DM Mono',monospace}.landing-copy h1{font-size:clamp(48px,6vw,78px);line-height:1.02;letter-spacing:-.08em;margin:22px 0;color:#302c29}.landing-copy h1::first-line{color:#302c29}.landing-copy p{color:#817a72;font-size:15px;line-height:1.8}.landing-copy small{display:block;color:#9b9188;font-size:11px;margin-top:22px}.auth-card{width:min(405px,100%);background:#fff;border:1px solid #e4ded8;border-radius:16px;padding:38px;box-shadow:0 24px 90px #1b2c2910}.modal-logo{font:800 27px Manrope;letter-spacing:-1px}.modal-logo span{display:inline-grid;place-items:center;background:#c56f51;color:#fff;width:31px;height:31px;border-radius:8px;margin-right:9px}.auth-card h2{font-size:25px;margin:30px 0 7px;letter-spacing:-.8px}.auth-card p{color:#817a72;font-size:13px;line-height:1.7}.auth-card label,.editor label{display:block;color:#625750;font-size:12px;margin:17px 0 7px}.auth-card input,.editor input,.editor textarea,.editor select{width:100%;margin-top:7px;padding:12px;border:1px solid #ded8d1;border-radius:7px;background:#fff;outline:0;color:#302c29}.auth-card input:focus,.editor input:focus,.editor textarea:focus{border-color:#c56f51;box-shadow:0 0 0 3px #c56f5122}.primary{display:flex;align-items:center;justify-content:center;gap:8px;background:#c56f51;border:1px solid #c56f51;color:#fff;border-radius:7px;padding:12px 18px;font-size:12px;font-weight:700}.primary:hover{background:#ad5e43}.wide{width:100%;margin-top:22px}.feedback{display:block;min-height:18px;color:#a85e46;line-height:1.6;text-align:center;margin-top:13px;font-size:11px}.switch{text-align:center;font-size:11px;color:#817a72;margin-top:21px}.switch button{border:0;background:none;color:#aa6048;font-size:11px}.back-home{position:fixed;left:18px;bottom:16px;color:#5d5149;background:#fff;border:1px solid #ded8d1;border-radius:999px;padding:10px 14px;text-decoration:none;font-size:13px;font-weight:800;box-shadow:0 6px 18px #34251c1f;z-index:60}.back-home:hover{background:#eee5de}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:#f1efeb;border-right:1px solid #e4dfd8;padding:36px 22px 20px;display:flex;flex-direction:column}.sidebar .brand{font-size:30px}.tagline{font-size:12px;color:#817a72;padding:9px 13px 35px}.workspace-user{display:flex;align-items:center;gap:10px;padding:12px 10px;border:1px solid #e2ddd6;border-radius:9px;background:#faf9f7;font-size:13px}.workspace-user small{display:block;color:#928981;font-size:11px;margin-top:3px;max-width:130px;overflow:hidden;text-overflow:ellipsis}.avatar{width:29px;height:29px;border-radius:8px;background:#e9e1d9;display:grid;place-items:center;font-size:12px;font-weight:700}.nav{display:flex;flex-direction:column;gap:5px;margin-top:26px}.nav button{width:100%;border:0;background:transparent;border-radius:7px;padding:12px 13px;display:flex;align-items:center;gap:11px;text-align:left;color:#514a44;font-size:13px}.nav button:hover,.nav button.active{background:#e7dfd8;color:#6f3f30}.nav button span{margin-left:auto;color:#9a9087;font-size:11px}.label{display:flex;justify-content:space-between;align-items:center;color:#817a72;font-size:10px;letter-spacing:1.4px;margin:32px 13px 8px;font-weight:700}.categories{margin-top:0}.icon-btn{border:0;background:none;color:#938980;font-size:17px}.sidebar-bottom{margin-top:auto;color:#817a72;font-size:11px;border-top:1px solid #e4dfd8;padding:19px 10px 0}.main{margin-left:252px;width:calc(100% - 252px);background:#faf9f7;min-height:100vh}.topbar{height:79px;border-bottom:1px solid #e9e5df;display:flex;justify-content:space-between;align-items:center;padding:0 47px}.crumb{font-size:12px;color:#817a72}.crumb span{padding:0 12px;color:#c1b8b0}.account{display:flex;gap:18px;align-items:center}.status{font-size:11px;color:#817a72}.status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#9eaa82}.outline{border:1px solid #ded8d1;background:transparent;border-radius:6px;padding:8px 13px;color:#574d46;font-size:11px}.content{max-width:1440px;margin:auto;padding:42px 47px}.content>.eyebrow{margin:0}.heading{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.heading h1{font-size:32px;letter-spacing:-1.4px;margin:0}.heading p{color:#928981;font-size:13px;margin:9px 0 0}.toolbar{border-bottom:1px solid #e9e5df;padding:33px 0 24px;display:flex;justify-content:space-between;align-items:center}.search{display:flex;align-items:center;gap:9px;background:white;border:1px solid #e4ded8;border-radius:7px;padding:10px 12px;width:302px;color:#a2978e}.search input{border:0;outline:0;width:100%;font-size:12px}.search kbd{font-size:11px;background:#f1efeb;border:1px solid #e6e0d9;border-radius:4px;padding:2px 5px}.toolbar-right{display:flex;gap:8px;align-items:center}.sort-label{color:#817a72;font-size:11px;margin-right:10px}.view-button{border:1px solid #e6e0d9;background:#f1efeb;border-radius:5px;padding:6px 9px;color:#92877e}.view-button.active{background:#fff;color:#a85f46}.section-title{display:flex;align-items:center;gap:7px;color:#9a6c5b;font-weight:600;font-size:11px;margin:25px 0 15px}.section-title span{color:#a79d94;font-weight:400}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.cards.list{grid-template-columns:1fr}.card{background:#f7f5f2;border:1px solid #e6e0d9;border-radius:10px;min-height:240px;padding:19px;display:flex;flex-direction:column}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.badge{display:inline-flex;padding:5px 8px;border-radius:5px;background:#eee5de;color:#a85e46;font-size:11px}.card-actions{display:flex;gap:6px}.card-actions button{border:0;background:none;color:#9a9087;font-size:16px}.card h2{font-size:15px;margin:0 0 12px}.card p{font-size:13px;line-height:1.8;color:#7f7770;white-space:pre-line;margin:0}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:11px;border-top:1px solid #e6e0d9;color:#9a9189;font-size:10px}.delete-note{border:0;background:none;color:#a85e46;font-size:15px}.empty{text-align:center;padding:60px;color:#928981}.content footer{text-align:center;color:#a0958c;font-size:10px;padding:30px}.overlay{position:fixed;inset:0;z-index:70;background:#2e2a2666;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:430px;background:#faf9f7;border:1px solid #e4ded8;border-radius:16px;padding:37px;position:relative;box-shadow:0 24px 90px #1b2c2930}.close{position:absolute;right:16px;top:16px;border:0;background:none;font-size:24px;color:#817a72}.modal h2{margin:0 0 20px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.modal-actions .primary{margin:0}.modal-actions .outline{background:#fff}@media(max-width:1050px){.sidebar{width:220px}.main{margin-left:220px;width:calc(100% - 220px)}.topbar,.content{padding-left:28px;padding-right:28px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.landing-screen{display:block;padding:28px 20px}.landing-copy{margin:0 auto 45px;max-width:500px}.landing-copy .eyebrow{margin-top:45px}.landing-copy h1{font-size:52px}.auth-card{margin:auto}.sidebar{width:67px;padding:24px 9px}.sidebar .brand{justify-content:center}.sidebar .brand>span:last-child,.tagline,.workspace-user,.label,.sidebar-bottom{display:none}.nav button{justify-content:center;font-size:0}.nav button span{display:none}.main{margin-left:67px;width:calc(100% - 67px)}.topbar{height:65px;padding:0 16px}.crumb{font-size:10px;white-space:nowrap}.account .status{display:none}.outline{padding:8px;font-size:10px}.content{padding:28px 16px}.heading{align-items:flex-start}.heading h1{font-size:27px}.heading p{font-size:12px;line-height:1.6}.heading .primary{font-size:0;padding:11px}.heading .primary:first-letter{font-size:20px}.toolbar{flex-wrap:wrap;gap:10px}.search{width:100%}.toolbar-right{margin-left:auto}.cards{grid-template-columns:1fr}.modal{padding:28px;width:min(430px,100%)}}
.category-actions{display:flex;align-items:center;gap:4px}.category-actions .icon-btn{width:20px;height:20px;padding:0;line-height:1}.category-actions .icon-btn:hover{color:#6f3f30}.modal-help{color:#817a72;font-size:12px;line-height:1.6;margin:-8px 0 16px}.primary.danger{background:#a84f3f;border-color:#a84f3f}.primary.danger:hover{background:#8f4033}.heading-actions{display:flex;align-items:center;gap:10px}.heading-actions .hidden{display:none!important}.heading-actions .outline{color:#a84f3f;border-color:#d7b1a4}