@charset "UTF-8";
:root{font-family:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;color:#242622;background:#f5f3ef;font-synthesis:none;--ink:#242622;--muted:#62655e;--line:#deded6;--paper:#fff;--accent:#3b493e;--serif:"Noto Serif SC","Songti SC","SimSun",serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #647d68;outline-offset:3px}button{transition:background .16s,box-shadow .16s,transform .16s}svg{flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin-top:0}h1{font-size:34px;letter-spacing:1px;line-height:1.3}h2{font-size:19px}h3{font-size:17px}.button{border:1px solid transparent;border-radius:7px;padding:11px 17px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:550;white-space:nowrap;background:transparent}.button:hover{background:#eceee7}.primary{color:#fff;background:#282e29;border-color:#282e29;box-shadow:0 3px 7px #252c2412}.primary:hover{background:#445246;border-color:#445246}.outline{background:#fff;border-color:#d5d8cd}.text-button{padding:7px 4px;min-height:34px;color:#565f50;font-size:12px;box-shadow:none}.icon-button{background:transparent;border:0;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:8px;border-radius:6px;color:#4e554a}.icon-button:hover{background:#e7eae1}.wide{width:100%}.muted{color:var(--muted);font-size:13px}.actions{display:flex;align-items:center;gap:10px}.danger{color:#a34336}.eyebrow{display:block;font-size:10px;font-weight:600;letter-spacing:2px;color:#6a7164;margin-bottom:14px}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:235px;background:linear-gradient(165deg,#f0eeea,#f7f6f2);border-right:1px solid #dddcd5;padding:32px 18px 18px;display:flex;flex-direction:column;z-index:20;overflow:auto}.brand{display:flex;gap:11px;align-items:center;margin:0 5px 31px}.brand strong{font-family:var(--serif);font-size:20px;font-weight:700;letter-spacing:.5px;white-space:nowrap}.brand small{font-size:10px;color:#64675f;display:block;margin-top:7px}.workspace-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#656b5e;margin:0 13px 16px}.workspace-label>span{font-size:8px;letter-spacing:1px;border:1px solid #cfd4c7;border-radius:3px;padding:2px 4px}.nav-item{border:0;background:transparent;width:100%;padding:11px 15px;display:flex;align-items:center;gap:13px;text-align:left;border-radius:7px;font-size:14px;color:#53594e;margin-bottom:4px;min-height:43px}.nav-item:hover{background:#e7e8e0}.nav-item.active{background:#dedfd6;color:#232b21;font-weight:650}.nav-item small{font-size:11px;background:#d0d3c8;border-radius:9px;padding:1px 7px;margin-left:auto}.sidebar-bottom{margin-top:auto;position:relative;min-height:145px;padding-top:20px;isolation:isolate}.sidebar-landscape{position:absolute;inset:20px -18px 0;background:linear-gradient(160deg,transparent 45%,#b3b9a42b 45%,#d2d7c530 67%,transparent 67%),linear-gradient(30deg,transparent 37%,#a4b09b26 38%,transparent 71%);z-index:-1}.sidebar-bottom p{font-family:var(--serif);font-size:12px;line-height:1.9;color:#66705e;letter-spacing:2px;margin:8px 15px 20px}.sidebar-bottom .nav-item{border-top:1px solid #dcded4;border-radius:0;margin:0;padding-top:17px}.app>main{margin-left:235px;min-width:0}.topbar{height:83px;border-bottom:1px solid #dfdfd7;display:flex;align-items:center;gap:20px;padding:0 35px;background:#f9f8f5cc}.search{display:flex;align-items:center;gap:11px;border:1px solid #dcded5;border-radius:8px;background:#eeede9;padding:0 13px;width:min(680px,65%);height:41px;color:#62675c}.search input{border:0;background:transparent;outline:none;min-width:0;flex:1;font-size:13px;padding:10px 0}.search input::placeholder{color:#6c7067}.search kbd{border:1px solid #d1d5c8;background:#f7f7f2;border-radius:4px;font-size:10px;padding:2px 5px;white-space:nowrap}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:16px}.connection{font-size:11px;color:#58624f;display:flex;align-items:center;gap:6px;white-space:nowrap}.connection i{width:6px;height:6px;background:#6d8661;border-radius:50%}.connection.offline{color:#a74830}.connection.offline i{background:#a74830}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#29372c,#6f7b68);color:white;font-family:var(--serif);font-size:13px;display:grid;place-items:center}.content{padding:30px 35px 35px;max-width:1580px;margin:0 auto;min-height:calc(100vh - 140px)}.hero{position:relative;isolation:isolate;overflow:hidden;display:flex;min-height:265px;border:1px solid #d4d3c9;border-radius:12px;background:#e8e5dd;box-shadow:0 4px 12px #292e2110;margin-bottom:24px}.hero-copy{padding:34px 34px 30px;width:78%;z-index:2}.hero h1{font-family:var(--serif);font-size:38px;font-weight:700;color:#161b17;letter-spacing:2px;margin-bottom:14px}.hero .eyebrow{color:#555f50;margin-bottom:16px;font-size:9px;letter-spacing:2.6px}.hero p{font-family:var(--serif);color:#52594d;font-size:15px;letter-spacing:1px;margin-bottom:24px}.quick-capture{display:flex;align-items:center;gap:12px;width:100%;background:#ffffffeb;border:1px solid #c7ccc0;border-radius:9px;padding:7px 8px 7px 17px;box-shadow:0 3px 8px #333b2510}.quick-capture>svg{color:#5a6651}.quick-capture input{flex:1;border:0;background:transparent;min-width:0;font-size:14px;outline:none;padding:10px 0}.quick-capture input::placeholder{color:#697060}.quick-capture .button{padding:12px 20px}.hero-art{position:absolute;inset:0 0 0 50%;background:linear-gradient(100deg,#e8e5dd00,#b7b6a658);z-index:-1}.window-light{width:160px;height:280px;background:linear-gradient(90deg,transparent 47%,#aea99355 48%,#aea99355 51%,transparent 52%),linear-gradient(0deg,transparent 49%,#aea99355 50%,#aea99355 53%,transparent 54%),#ffffeab0;position:absolute;right:155px;top:-30px;transform:skewY(-16deg) rotate(13deg);filter:blur(4px);box-shadow:0 0 30px #fffde275}.arch{width:130px;height:185px;border-radius:80px 80px 0 0;position:absolute;right:25px;bottom:-110px;background:linear-gradient(100deg,#6c756966,#394d3f99);box-shadow:15px 4px 15px #4e584844;transform:rotate(-11deg)}.vase{width:65px;height:88px;border-radius:10px 10px 23px 23px;background:linear-gradient(110deg,#e5dec8,#989d8f);position:absolute;right:80px;bottom:-10px;transform:rotate(4deg);box-shadow:15px 0 25px #29382920}.hero-art p{position:absolute;right:26px;top:55px;font-size:12px;line-height:2.1;writing-mode:vertical-rl;letter-spacing:3px;color:#4f5848}.hero-art p span{display:block;margin-top:15px}.overview{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.overview>button{padding:18px 18px;border:1px solid #dbdfd1;border-radius:9px;display:flex;align-items:center;gap:12px;background:#fff;text-align:left;box-shadow:0 2px 5px #252c1c03}.overview>button:hover{background:#f2f4ed}.overview .stat-icon{display:grid;place-items:center;width:39px;height:42px;border-radius:7px;background:#ecefe5;color:#4d6044}.overview>button>div{flex:1}.overview span:not(.stat-icon){font-size:11px;color:#5e6856}.overview strong{display:block;font-size:25px;font-weight:500;letter-spacing:1px;margin-top:3px}.overview>button>svg{color:#78846b}.home-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:20px}.panel{background:#fff;border:1px solid #dfe2d6;border-radius:10px;padding:23px;box-shadow:0 3px 10px #242c1703}.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.section-head h2{font-family:var(--serif);font-size:20px;font-weight:700;margin:0;letter-spacing:.5px}.section-head h2 small{font-family:"Segoe UI",sans-serif;font-size:11px;font-weight:500;background:#e8ece0;border-radius:12px;padding:2px 7px;color:#5e6c50;margin-left:10px}.recent-list{display:grid;gap:10px}.recent-row{border:0;background:#f5f5f0;border-radius:7px;padding:11px;display:flex;align-items:center;gap:13px;width:100%;text-align:left}.recent-row:hover{background:#eceedf}.mini-art{width:56px;height:56px;border-radius:7px;display:grid;place-items:center;flex-shrink:0;color:#f6f5e9;background:linear-gradient(155deg,#b5b69e 20%,#82937b 20%,#52634f 65%,#788261 65%)}.art-1{background:linear-gradient(140deg,#c9b99b 20%,#aa9676 20%,#82765b 60%,#9a875f 60%)}.art-2{background:linear-gradient(160deg,#9aaeb0 20%,#697f7b 20%,#47605b 65%,#8d9983 65%)}.recent-row>div:not(.mini-art){min-width:0;flex:1}.recent-row strong{font-family:var(--serif);font-size:15px;line-height:1.6;display:block;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-row span{display:block;font-size:11px;color:#66725c;margin-top:5px}.recent-row small{font-size:10px;color:#626e57;align-self:flex-end;white-space:nowrap}.todo-row{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid #e8ebe0;min-width:0}.todo-row:last-child{border-bottom:0}.todo-row input[type=checkbox],.checkbox-label input{appearance:none;width:19px;height:19px;border:1.5px solid #a9b19d;border-radius:5px;background:white;flex-shrink:0;cursor:pointer;margin:0}.todo-row input:checked,.checkbox-label input:checked{background:#40543c;border-color:#40543c;box-shadow:inset 0 0 0 4px white}.todo-open{min-width:0;flex:1;text-align:left;border:0;background:transparent;padding:0}.todo-open strong{font-weight:550;font-size:14px;line-height:1.6;display:block;overflow-wrap:anywhere}.todo-open>span{display:block;color:#6a745f;font-size:11px;line-height:1.6;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-meta{text-align:right;flex-shrink:0;display:flex;flex-direction:column;gap:7px;font-size:10px;color:#57634d}.priority{background:#eef0e8;padding:2px 6px;border-radius:4px;font-size:10px}.priority.important{background:#f2e8d5;color:#7b5420}.priority.urgent{background:#f8e2db;color:#9d3f27}.overdue{color:#a44129}.todo-row.completed .todo-open strong{text-decoration:line-through;color:#707b64}.panel>.wide{margin-top:17px}.account-progress{border:0;width:100%;background:transparent;display:flex;gap:13px;align-items:center;text-align:left;padding:12px 0}.account-avatar{width:43px;height:43px;border-radius:10px;color:#fff;display:grid;place-items:center;font-family:var(--serif);font-size:20px;flex-shrink:0}.charcoal{background:#444a40}.sage{background:#68795d}.clay{background:#aa8166}.blue{background:#648180}.account-progress>div{flex:1}.account-progress strong{display:block;font-size:14px;font-weight:600}.account-progress span:not(.account-avatar){display:block;font-size:11px;color:#69745d;margin:5px 0 7px}.account-progress progress{width:100%;height:4px;border:0;border-radius:4px;display:block;appearance:none}.account-progress progress::-webkit-progress-bar{background:#e2e7d9;border-radius:4px}.account-progress progress::-webkit-progress-value{background:#657d55;border-radius:4px}.account-progress>svg{margin-left:5px;color:#718363}.quote{display:flex;align-items:center;gap:11px;border:0;background:#f6f6f1;width:100%;border-radius:7px;text-align:left;padding:16px 14px;margin-bottom:10px}.quote>span{font-family:Georgia,serif;font-size:30px;color:#859574;align-self:flex-start;line-height:1}.quote>div{flex:1}.quote strong{font-family:var(--serif);font-size:14px;font-weight:500;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.quote small{display:block;color:#69745e;font-size:10px;margin-top:7px}.quote>svg{color:#b18a47;fill:#b18a4720}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:17px 0 29px}.page-heading h1{font-family:var(--serif);font-weight:700;margin-bottom:12px}.page-heading p{font-size:13px;line-height:1.8;color:#5e6953;margin:0}.account-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:23px}.account-tabs button,.tag-cloud button{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #d6dccc;border-radius:7px;padding:11px 17px;font-size:13px}.account-tabs .selected,.tag-cloud .selected{background:#303d2d;color:white;border-color:#303d2d}.account-dot{width:8px;height:8px;border-radius:50%}.account-tabs .selected .account-dot{box-shadow:0 0 0 2px #ffffff44}.month-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(115deg,#e8eade,#f0efe6);border:1px solid #d4dac7;padding:21px 19px;border-radius:9px;margin-bottom:29px}.month-control{display:flex;align-items:center;gap:10px}.month-control label{position:relative;display:block;cursor:pointer}.month-control strong{font-family:var(--serif);font-size:23px;white-space:nowrap}.month-control input{display:block;width:100%;font-size:11px;color:#5d6c4d;border:0;background:transparent;padding:6px 0 0;min-height:22px}.month-counts{display:flex;gap:22px;font-size:11px;color:#5e6b50}.month-counts b{font-size:21px;font-weight:500;color:#303c27;margin-right:3px}.filters{display:flex;gap:9px;align-items:center;flex-wrap:wrap}select,input,textarea{border:1px solid #ccd3c1;background:#fff;border-radius:6px;padding:10px 12px;font-size:14px;min-height:42px;min-width:0}select{max-width:100%}.filters select{font-size:12px;min-height:36px;padding:8px;max-width:170px;background:#fbfcf7}.filter-heading{margin-bottom:17px}.draft-list{border:1px solid #dce1d2;border-radius:10px;overflow:hidden;background:white}.draft-row{display:flex;align-items:center;gap:17px;padding:23px;border-bottom:1px solid #e6eadf}.draft-row:last-child{border:0}.draft-row:hover{background:#fafbf6}.draft-icon{padding:12px;background:#f0f3e9;color:#566d44;border-radius:8px}.draft-open{border:0;background:transparent;flex:1;min-width:0;text-align:left;padding:0}.draft-open strong{display:block;font-size:16px;line-height:1.6;font-weight:600}.draft-open span{display:block;margin-top:8px;font-size:11px;color:#647454}.draft-date{font-size:11px;color:#6c7b5d;margin-left:20px}.status{display:inline-flex;align-items:center;gap:5px;font-size:10px;background:#ecefe5;color:#5b6a4d;padding:5px 8px;border-radius:4px;white-space:nowrap}.status i{width:4px;height:4px;background:currentColor;border-radius:50%}.status.writing{color:#986825;background:#f9efda}.status.ready{color:#416043;background:#e5efdf}.status.done{color:#4c6677;background:#e5edf0}.star-button{border:0;background:transparent;padding:8px;color:#879678;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;flex-shrink:0}.star-button.on{color:#a87830}.star-button.on svg{fill:#d9b67c55}.star-button:hover{background:#f0f3e8}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.content-card{border:1px solid #dce2d1;border-radius:10px;background:white;padding:20px;display:flex;flex-direction:column;box-shadow:0 3px 9px #20301003}.card-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.type{font-size:10px;color:#637554;display:flex;align-items:center;gap:6px}.card-open{border:0;background:transparent;text-align:left;padding:0;flex:1}.card-open h3{font-family:var(--serif);font-size:18px;font-weight:700;line-height:1.7;margin:0 0 10px;overflow-wrap:anywhere}.card-open p{font-size:13px;color:#616e54;line-height:1.85;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0;min-height:71px;overflow-wrap:anywhere}.tag-row{display:flex;gap:6px;flex-wrap:wrap;margin:19px 0}.tag-row button{border:0;background:#f0f3e9;color:#5d724b;border-radius:4px;padding:4px 7px;font-size:10px}.content-card footer{border-top:1px solid #e7ecdf;padding-top:13px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:#617650}.todo-summary{display:flex;gap:0;background:#fff;border:1px solid #dce2d2;border-radius:10px;margin-bottom:27px;padding:23px 10px}.todo-summary>div{flex:1;padding:0 22px;border-right:1px solid #e0e6d6;display:flex;align-items:baseline;gap:13px}.todo-summary>div:last-child{border:0}.todo-summary strong{font-size:31px;font-weight:500}.todo-summary span{font-size:12px;color:#64764f}.tabs{display:flex;gap:4px;background:#e8edde;padding:4px;border-radius:8px}.tabs .button{font-size:12px;min-height:33px;padding:7px 18px}.tabs .selected{background:#fff;box-shadow:0 1px 4px #32462316;color:#273c1f}.todo-panel .todo-row{padding:20px 4px}.todo-panel .todo-open strong{font-size:15px}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.collection-card{border:1px solid #d9e1cd;border-radius:10px;overflow:hidden;background:white}.collection-cover{padding:25px;height:171px;position:relative;overflow:hidden;color:white}.collection-cover:before{content:'';width:210px;height:210px;border:1px solid #ffffff20;border-radius:50%;position:absolute;right:-60px;top:30px;box-shadow:0 0 0 30px #ffffff0a,0 0 0 60px #ffffff05}.collection-cover>span{font-size:10px;letter-spacing:1.5px}.collection-cover h2{font-family:var(--serif);font-size:26px;letter-spacing:2px;margin:43px 0 0;position:relative;z-index:1}.collection-cover>svg{position:absolute;right:23px;bottom:20px;opacity:.2}.collection-body{padding:22px}.collection-body p{font-size:13px;line-height:1.8;color:#5b6d4a;min-height:45px}.collection-body .section-head{margin:20px 0 0;flex-wrap:wrap}.collection-body .section-head>span{font-size:11px;color:#61764b}.collection-body .button{font-size:11px;padding:8px 10px}.tag-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.settings-grid{max-width:900px;display:grid;gap:22px}.settings-grid h2{font-size:20px;font-family:var(--serif)}.settings-grid p{font-size:14px;line-height:1.9;color:#586e45}.settings-grid small{font-size:12px;line-height:1.8;color:#667a53;display:block;margin-top:17px}.info-row{padding:18px;background:#f0f4e7;display:flex;justify-content:space-between;gap:18px;margin:20px 0;font-size:12px;border-radius:7px}.info-row strong{font-weight:550}.empty{text-align:center;background:#fafcf6;border:1px dashed #cbd8bd;border-radius:10px;padding:65px 20px;color:#61794c}.empty h3{font-size:20px;color:#2d4420;margin:20px 0 12px;font-family:var(--serif)}.empty p{font-size:13px;line-height:1.8}.mini-empty{padding:35px 0;font-size:13px;color:#6d7e5d}.page-footer{max-width:1580px;margin:0 auto;display:flex;justify-content:space-between;gap:20px;padding:19px 35px 25px;color:#697c57;font-size:9px;letter-spacing:1px}.modal-backdrop{position:fixed;inset:0;background:#17261260;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:25px;z-index:50}.modal{background:#fafbf7;width:590px;max-width:100%;max-height:94dvh;border-radius:12px;display:flex;flex-direction:column;box-shadow:0 25px 90px #142c1033;overflow:hidden}.modal.large{width:1020px}.modal-header{padding:23px 29px;border-bottom:1px solid #dce4d0;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff}.modal-header .eyebrow{font-size:8px;margin-bottom:7px}.modal-header h2{font-family:var(--serif);font-size:21px;margin:0}.save-state{font-size:10px;color:#667e51;white-space:nowrap}.modal-body{overflow:auto;padding:27px 30px;overscroll-behavior:contain}.title-input{width:100%;border:0;border-bottom:1px solid #d3dfc5;border-radius:0;padding:0 0 19px;background:transparent;font-family:var(--serif);font-size:27px;font-weight:600;margin-bottom:26px}.field{display:block;margin-bottom:21px;min-width:0}.field>span{display:block;font-size:12px;font-weight:550;color:#506c3e;margin-bottom:9px}.field input,.field select,.field textarea{display:block;width:100%}.field textarea{resize:vertical;line-height:1.9;padding:13px}.field input::placeholder,.field textarea::placeholder{color:#718662}.field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 17px}.field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.body-input{min-height:230px;font-size:15px;line-height:2.1!important}.word-count{text-align:right;margin-top:-11px;font-size:11px;color:#627d4f;margin-bottom:25px}.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 29px;border-top:1px solid #dce6d0;background:white}.modal-footer .button{font-size:13px}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:14px}.storyboard{margin-top:33px}.shot{border:1px solid #d2dfc5;border-radius:8px;padding:16px;margin-bottom:16px;background:#f0f5e9}.shot-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.shot-top>strong{font-size:11px;letter-spacing:1px;color:#4c6b3a}.shot-grid{display:grid;grid-template-columns:1fr 1fr 95px 1fr;gap:12px}.shot-grid .field{margin:0}.shot-grid .field>span{font-size:11px}.shot-grid textarea{font-size:13px;padding:9px;min-height:100px}.shot-grid input{font-size:13px;padding:9px}.error-banner,.network-banner{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px 18px;border:1px solid #e4b99d;background:#fff0e6;color:#923b1e;border-radius:8px;font-size:12px;line-height:1.7;margin-bottom:18px}.error-banner .button{background:#fff7f1;padding:6px 10px;min-height:32px;color:#943820;border-color:#e4b99d}.modal>.error-banner{border-radius:0;margin:0;flex-wrap:wrap}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:10px;align-items:center;z-index:100;color:white;background:#2d4426;box-shadow:0 7px 30px #193a1122;border-radius:8px;padding:14px 22px;font-size:13px;white-space:nowrap}.loading{text-align:center;padding:100px 20px}.loading img{margin-bottom:24px}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#f1f2e9}.login-art{background:radial-gradient(ellipse at 90% 80%,#bec6ae22,transparent 60%),linear-gradient(135deg,#2d3a2b,#66715c);color:white;padding:16vh 14%;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-art:after{content:'';border:1px solid #e3edd11c;position:absolute;width:480px;height:480px;border-radius:50%;bottom:-230px;right:-100px;box-shadow:0 0 0 60px #d2e0c20a,0 0 0 120px #d2e0c205}.login-art .eyebrow{color:#cbd5bc;font-size:10px;letter-spacing:3px}.login-art h1{font-family:var(--serif);font-size:48px;line-height:1.6;margin:27px 0}.login-art p{font-size:15px;line-height:2;color:#dae1ce}.login-card{width:370px;max-width:calc(100% - 40px);align-self:center;justify-self:center;padding:30px 0}.login-card img{margin-bottom:25px}.login-card h2{font-family:var(--serif);font-size:28px;margin-bottom:13px}.login-card p{font-size:13px;color:#5e724d;margin-bottom:30px}.login-card .button{width:100%;margin:5px 0 25px}.login-card small{font-size:11px;color:#667a54;line-height:1.9}.login-card .error-text{color:#a23e21;margin:0 0 15px}.mobile-menu,.mobile-bottom,.menu-scrim{display:none}
@media(min-width:1650px){.hero{min-height:285px}.hero-copy{padding:40px;width:75%}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.home-grid{grid-template-columns:1.2fr 1fr}.hero h1{font-size:43px}}
@media(max-width:1200px){.sidebar{width:208px;padding-left:13px;padding-right:13px}.brand strong{font-size:17px}.brand small{font-size:9px}.brand{gap:8px}.app>main{margin-left:208px}.content{padding:25px}.topbar{padding:0 25px}.hero-copy{padding:28px;width:85%}.hero h1{font-size:33px}.hero-art p{display:none}.overview{gap:10px}.overview>button{padding:15px 12px;gap:8px}.overview>button>svg{display:none}.overview span:not(.stat-icon){font-size:10px}.panel{padding:19px}.recent-row{gap:9px}.recent-row small{display:none}.mini-art{width:45px;height:48px}.section-head h2{font-size:18px}.recent-row strong{font-size:14px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.month-counts{gap:14px}.month-counts b{font-size:18px}.filter-heading{align-items:flex-start;flex-wrap:wrap}.connection{display:none}.draft-row{padding:19px;gap:12px}.draft-date{margin-left:0}.hero .eyebrow{font-size:8px}}
@media(max-width:950px){.home-grid{grid-template-columns:1fr}.hero-copy{width:100%}.hero-art{opacity:.5}.overview{grid-template-columns:repeat(2,1fr)}.month-bar{align-items:flex-start;flex-direction:column;gap:14px}.month-counts{padding-left:10px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shot-grid{grid-template-columns:1fr 1fr}.draft-date{display:none}.todo-summary>div{padding:0 12px;gap:8px}.todo-summary span{font-size:11px}.todo-summary strong{font-size:27px}.topbar .search{width:100%}.topbar-right{gap:5px}.recent-row small{display:block}}
@media(max-width:700px){:root{background:#f5f3ef}.sidebar{transform:translateX(-100%);width:265px;padding-top:25px;transition:transform .2s;z-index:45;box-shadow:10px 0 40px #172d0e22}.sidebar.show{transform:translateX(0)}.sidebar .brand strong{font-size:20px}.sidebar .brand small{font-size:10px}.sidebar .nav-item{padding:10px 14px;font-size:14px;min-height:42px}.sidebar-bottom{min-height:95px}.sidebar-bottom p{display:none}.sidebar-landscape{display:none}.menu-scrim{display:block;position:fixed;inset:0;background:#17270f60;backdrop-filter:blur(2px);z-index:44;border:0}.app>main{margin:0;padding-bottom:72px}.topbar{height:68px;padding:0 15px;gap:8px;position:sticky;top:0;z-index:30;backdrop-filter:blur(15px);background:#f9f8f3ee}.mobile-menu{display:inline-flex;flex-shrink:0;width:30px}.search{width:100%;height:38px;padding:0 9px;gap:6px}.search input{font-size:12px;padding:8px 0;min-height:34px}.search kbd{display:none}.topbar-right .avatar{display:none}.topbar-right{margin:0}.topbar-right .icon-button{width:29px;padding:5px}.topbar-right .connection{display:none}.content{padding:19px 16px 25px;min-height:calc(100vh - 190px)}.hero{min-height:245px;margin-bottom:16px;border-radius:10px}.hero-copy{padding:24px 20px;width:100%}.hero h1{font-size:29px;letter-spacing:1px;margin-bottom:12px}.hero .eyebrow{font-size:7px;letter-spacing:1.7px;margin-bottom:16px}.hero p{font-size:12px;line-height:1.9;letter-spacing:.3px;margin-bottom:18px;max-width:90%}.quick-capture{padding:7px 8px 7px 11px;gap:6px;flex-wrap:wrap;border-radius:8px}.quick-capture input{font-size:13px;width:calc(100% - 40px);flex:auto;min-width:0;padding:9px 0}.quick-capture>svg{width:17px}.quick-capture .button{width:100%;font-size:12px;min-height:35px;padding:8px}.hero-art{inset:0 0 0 20%;opacity:.45}.window-light{right:35px;width:120px}.hero-art p{display:none}.overview{gap:10px;margin-bottom:18px}.overview>button{padding:14px 12px;gap:11px}.overview .stat-icon{width:35px;height:39px}.overview strong{font-size:23px}.overview span:not(.stat-icon){font-size:11px}.home-grid{gap:16px}.panel{padding:19px 16px;border-radius:9px}.section-head{gap:10px;margin-bottom:15px}.section-head h2{font-size:18px}.section-head .text-button{font-size:11px}.recent-row{padding:10px;gap:10px}.recent-row strong{font-size:14px}.recent-row small{display:none}.recent-row span{font-size:10px}.mini-art{width:45px;height:50px}.todo-row{gap:10px;padding:15px 0}.todo-open strong{font-size:13px}.todo-open>span{font-size:10px}.quote strong{font-size:14px}.page-heading{align-items:flex-start;margin:10px 0 24px;gap:12px}.page-heading h1{font-size:27px;letter-spacing:.5px;margin-bottom:9px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:11px}.page-heading p{font-size:12px;line-height:1.8}.page-heading>.button{font-size:11px;padding:9px 11px;min-height:36px;margin-top:23px;gap:4px}.page-heading>.button svg{width:14px}.account-tabs{gap:8px;margin-bottom:16px}.account-tabs button{font-size:12px;padding:9px 12px;min-height:36px}.month-bar{padding:16px 12px;gap:15px;margin-bottom:23px}.month-control{width:100%;justify-content:space-between;gap:4px}.month-control strong{font-size:22px}.month-control input{font-size:13px}.month-control .text-button{font-size:11px}.month-counts{font-size:10px;padding:0 5px;gap:15px}.month-counts b{font-size:19px}.filter-heading{gap:13px}.filters{gap:7px;width:100%}.filters select{font-size:12px;padding:8px 6px;flex:1;min-width:80px}.filters .text-button{width:100%;justify-content:flex-end;font-size:11px;min-height:25px;padding:4px}.draft-row{padding:16px 12px;gap:9px;flex-wrap:wrap;position:relative}.draft-icon{padding:9px}.draft-open{flex:1;padding-right:2px}.draft-open strong{font-size:14px;line-height:1.7}.draft-open span{font-size:10px;line-height:1.6;margin-top:5px}.draft-row>.status{margin-left:45px;margin-top:-2px}.draft-row>.star-button{position:absolute;bottom:9px;right:10px;padding:7px}.draft-row>.draft-open{flex-basis:calc(100% - 52px)}.cards,.collection-grid{grid-template-columns:1fr;gap:15px}.content-card{padding:20px}.card-open p{font-size:14px;min-height:0}.card-open h3{font-size:19px}.tag-row button{font-size:11px}.content-card footer{font-size:11px}.todo-summary{padding:20px 3px;margin-bottom:22px}.todo-summary>div{flex-direction:column;gap:5px;padding:0 15px}.todo-summary strong{font-size:26px}.todo-summary span{font-size:10px}.tabs{gap:0;padding:3px}.tabs .button{padding:7px 11px;font-size:11px}.section-head>select{font-size:12px;padding:8px;min-height:38px;max-width:132px}.todo-panel .todo-row{padding:17px 0}.todo-panel .todo-open strong{font-size:14px}.todo-panel .todo-meta{font-size:9px}.collection-cover{height:161px}.collection-body{padding:19px}.collection-body p{min-height:0}.settings-grid p{font-size:13px}.settings-grid h2{font-size:19px;line-height:1.6}.info-row{flex-direction:column;gap:10px;font-size:12px}.settings-grid .actions{flex-wrap:wrap}.settings-grid small{font-size:11px}.page-footer{padding:0 17px 20px;font-size:8px}.page-footer span:last-child{display:none}.mobile-bottom{display:flex;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;background:#fcfcf8f5;border-top:1px solid #d5dfc9;backdrop-filter:blur(12px);z-index:35;padding:7px 8px calc(7px + env(safe-area-inset-bottom));min-height:62px}.mobile-bottom button{background:transparent;border:0;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;padding:3px 15px;color:#637851;border-radius:6px}.mobile-bottom button.active{color:#263e1c;font-weight:700;background:#e9efdf}.mobile-bottom svg{width:19px;height:19px}.modal-backdrop{padding:0;align-items:stretch}.modal,.modal.large{width:100%;height:100dvh;max-height:100dvh;border-radius:0}.modal-header{padding:17px 18px;gap:8px}.modal-header h2{font-size:19px}.modal-header .eyebrow{font-size:7px;letter-spacing:1.4px}.modal-header .actions{gap:4px}.save-state{font-size:9px}.modal-header .icon-button{width:28px;padding:4px}.modal-body{padding:23px 18px}.title-input{font-size:24px;line-height:1.6;padding-bottom:14px;margin-bottom:24px}.field-grid,.field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 13px}.field{margin-bottom:19px}.field>span{font-size:11px}.field input,.field select,.field textarea{font-size:16px;min-height:43px;padding:10px}.field textarea{line-height:1.9}.body-input{min-height:255px}.word-count{font-size:10px}.modal-footer{padding:12px 14px calc(12px + env(safe-area-inset-bottom));gap:8px}.modal-footer .actions{gap:5px}.modal-footer .button{font-size:12px;padding:9px 13px;min-height:40px}.modal-footer .secondary-actions .button{padding:8px 5px;font-size:11px}.modal-footer .secondary-actions svg{width:13px}.shot{padding:13px}.shot-grid{grid-template-columns:1fr;gap:14px}.shot-grid textarea{font-size:16px;min-height:90px}.shot-grid input{font-size:16px}.shot-top .text-button{font-size:11px}.toast{bottom:83px;font-size:12px;max-width:90vw;white-space:normal;padding:12px 18px}.error-banner,.network-banner{padding:12px;flex-wrap:wrap;font-size:12px;gap:7px}.login-page{display:flex;flex-direction:column;min-height:100dvh}.login-art{padding:35px 25px;min-height:220px}.login-art h1{font-size:31px;line-height:1.5;margin:12px 0}.login-art h1 br{display:none}.login-art p{font-size:12px;margin:0;line-height:1.8}.login-art .eyebrow{font-size:8px;margin-bottom:6px}.login-card{padding:31px 0;width:340px;align-self:center}.login-card img{display:none}.login-card h2{font-size:24px}.login-card input{font-size:16px}.login-card .field{margin-top:23px}.empty{padding:45px 17px}.empty p{font-size:12px;line-height:1.8}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Keep checkboxes square despite general input sizing. */
.todo-row input[type=checkbox],.checkbox-label input{min-height:19px;padding:0;width:19px;height:19px}
@media(min-width:701px){.nav-item{font-size:15px}.recent-row strong{font-size:16px}.todo-open strong{font-size:15px}.overview span:not(.stat-icon){font-size:12px}.quote strong{font-size:15px}.card-open p{font-size:14px}}