:root{--paper:#f3f2ed;--sheet:#fffefa;--ink:#202923;--muted:#707971;--line:#dcded8;--deep:#253c32;--green:#3d7257;--blue:#55758d;--coral:#b96350;--plum:#77637e;--gold:#b58a31;--red:#a9483b;--shadow:0 10px 28px rgba(40,48,42,.07);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--paper);letter-spacing:0}*{box-sizing:border-box}body{margin:0;min-width:0;background:var(--paper);font-size:14px}button,input,textarea,select{font:inherit;letter-spacing:0}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(61,114,87,.2);outline-offset:1px}.shell{min-height:100vh;display:grid;grid-template-columns:218px 1fr;grid-template-rows:72px 1fr}.sidebar{grid-row:1/-1;background:var(--deep);color:#edf2ee;padding:22px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 24px}.brand b,.brand small{display:block}.brand b{font-size:17px}.brand small{font-size:11px;color:#aebcb4}.seal{width:46px;height:46px;border-radius:8px;background:#d7e5dc;color:var(--deep);display:grid;place-items:center;font:700 24px/1 Georgia,"KaiTi",serif;box-shadow:inset 0 0 0 1px rgba(37,60,50,.18)}.seal.small{width:32px;height:32px;font-size:17px}.sidebar nav{display:grid;gap:3px}.nav-item,.nav-action{border:0;background:transparent;color:#b9c5be;padding:10px 11px;border-radius:6px;text-align:left;display:flex;gap:10px;align-items:center;width:100%}.nav-item:hover,.nav-item.active,.nav-action:hover{background:#344d42;color:#fff}.nav-item i{font-style:normal;width:18px;text-align:center}.nav-action{margin-top:auto}.topbar{grid-column:2;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 28px;background:rgba(243,242,237,.92);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.date-mark{display:flex;align-items:center;gap:12px}.date-mark b{font:700 30px/1 Georgia,serif;color:var(--deep)}.date-mark span{color:var(--muted);white-space:pre-line;font-size:12px}.top-actions{display:flex;gap:8px}.primary,.secondary,.icon-btn{border:1px solid var(--line);min-height:36px;border-radius:6px;padding:7px 12px;background:var(--sheet);color:var(--ink)}.primary{background:var(--green);color:#fff;border-color:var(--green);font-weight:650}.secondary:hover,.icon-btn:hover{background:#eceeea}.icon-btn{width:38px;padding:0;font-size:18px}.wide{width:100%}.main{grid-column:2;padding:28px;min-width:0;max-width:1400px;width:100%;margin:0 auto}.page-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:22px}.page-head h1{font-size:27px;line-height:1.25;margin:2px 0 5px}.page-head p{margin:0;color:var(--muted)}.kicker{font-size:10px!important;letter-spacing:1.3px!important;font-weight:750;color:var(--green)!important;margin:0 0 4px!important}.page-actions{display:flex;gap:8px}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.panel{grid-column:span 6;background:var(--sheet);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);min-width:0}.panel.full{grid-column:1/-1}.panel.third{grid-column:span 4}.panel.narrow{grid-column:span 3}.panel.wide-panel{grid-column:span 8}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border-bottom:1px solid var(--line)}.panel-head h2{font-size:15px;margin:0}.panel-head small{color:var(--muted)}.panel-body{padding:16px 17px}.paper-lines{background-image:linear-gradient(to bottom,transparent 27px,rgba(84,104,91,.09) 28px);background-size:100% 28px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.stat{background:var(--sheet);padding:17px}.stat b{display:block;font:700 23px/1.2 Georgia,serif}.stat span{font-size:11px;color:var(--muted)}.list{display:grid}.row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 17px;border-bottom:1px solid #ecece7;min-width:0}.row:last-child{border-bottom:0}.row-main{min-width:0}.row-main b,.row-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-main small{color:var(--muted);font-size:11px;margin-top:2px}.check{appearance:none;width:19px;height:19px;border:1.5px solid #9ca79f;border-radius:5px;margin:0;display:grid;place-items:center}.check:checked{background:var(--green);border-color:var(--green)}.check:checked:after{content:'✓';color:#fff;font-size:12px}.row.done b{text-decoration:line-through;color:#929991}.tag{display:inline-block;border-radius:4px;background:#edf1ee;color:#45604f;padding:2px 6px;font-size:10px;margin:2px 4px 0 0}.empty{padding:28px 18px;text-align:center;color:var(--muted)}.empty b{display:block;color:var(--ink);margin-bottom:4px}.note-card{border-left:3px solid var(--plum);padding:10px 12px;background:#f7f5f6;margin-bottom:8px}.note-card p{margin:4px 0;color:var(--muted);white-space:pre-wrap}.goal{padding:14px 0;border-bottom:1px solid var(--line)}.goal:first-child{padding-top:0}.goal:last-child{border:0}.goal-meta{display:flex;justify-content:space-between;gap:12px}.progress{height:6px;background:#e7e9e5;border-radius:6px;overflow:hidden;margin-top:8px}.progress i{display:block;height:100%;background:var(--gold)}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quick-tile{border:1px solid var(--line);background:var(--sheet);border-radius:6px;padding:13px 10px;text-align:left}.quick-tile:hover{border-color:#8ca093;background:#f6f8f6}.quick-tile b,.quick-tile span{display:block}.quick-tile span{font-size:11px;color:var(--muted)}.sync-box{border:1px solid #dbbdb6;background:#fcf7f5;border-radius:6px;padding:14px}.sync-state{color:var(--red);font-weight:700}.settings-row{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--line);align-items:center}.settings-row:last-child{border:0}.settings-row p{margin:3px 0 0;color:var(--muted);font-size:12px}.callout{background:#f2f5f2;border-left:3px solid var(--green);padding:11px 12px}.callout p{margin:4px 0 0;color:var(--muted)}.dialog{width:min(600px,calc(100% - 24px));border:1px solid var(--line);border-radius:8px;padding:0;background:var(--sheet);color:var(--ink);box-shadow:0 24px 70px rgba(30,38,33,.25)}.dialog::backdrop{background:rgba(24,33,28,.48);backdrop-filter:blur(2px)}.dialog header{display:flex;justify-content:space-between;align-items:center;padding:17px 19px;border-bottom:1px solid var(--line)}.dialog h2{margin:0;font-size:18px}.dialog footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 19px;border-top:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 19px}.form-grid label{display:grid;gap:5px;font-size:12px;color:var(--muted)}.form-grid label.full{grid-column:1/-1}.form-grid input,.form-grid textarea,.form-grid select,.search-controls input,.auth input{width:100%;border:1px solid #cdd2cd;border-radius:6px;padding:9px 10px;background:#fff;color:var(--ink)}.form-grid textarea{min-height:120px;resize:vertical}.save-state{padding:0 19px;color:var(--muted);font-size:11px}.search-controls{padding:16px 19px;display:grid;grid-template-columns:1fr 150px;gap:8px}.search-results{max-height:55vh;overflow:auto}.search-hit{padding:12px 19px;border-top:1px solid var(--line)}.search-hit b,.search-hit small{display:block}.search-hit small{color:var(--muted)}.auth{min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--paper);background-image:radial-gradient(#ccd1ca .7px,transparent .7px);background-size:18px 18px}.auth-panel{width:min(390px,100%);background:var(--sheet);border:1px solid var(--line);border-radius:8px;padding:34px;box-shadow:var(--shadow)}.auth-panel .seal{margin-bottom:22px}.auth-panel h1{font-size:25px;margin:3px 0 8px}.auth-panel>p:not(.kicker){color:var(--muted)}.auth form{display:grid;gap:13px;margin-top:22px}.auth label{display:grid;gap:5px;font-size:12px;color:var(--muted)}.error{min-height:18px;color:var(--red);font-size:12px;margin:0}.toast{position:fixed;left:50%;bottom:24px;translate:-50% 20px;background:#26352e;color:#fff;padding:9px 14px;border-radius:6px;opacity:0;pointer-events:none;transition:.2s;z-index:100}.toast.show{opacity:1;translate:-50% 0}.mobile-nav,.mobile-only{display:none}
@media(max-width:900px){.shell{grid-template-columns:1fr;grid-template-rows:62px 1fr}.sidebar{position:fixed;left:0;top:0;width:240px;transform:translateX(-102%);transition:.2s;box-shadow:10px 0 30px rgba(0,0,0,.2)}.sidebar.open{transform:none}.topbar,.main{grid-column:1}.topbar{padding:9px 14px}.main{padding:20px 14px 88px}.mobile-only{display:block}.date-mark b{font-size:25px}.panel,.panel.third,.panel.narrow,.panel.wide-panel{grid-column:span 12}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);bottom:0;left:0;right:0;background:rgba(255,254,250,.96);border-top:1px solid var(--line);padding:6px max(7px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left));z-index:15}.mobile-nav button{border:0;background:transparent;color:var(--muted);font-size:10px;padding:3px 0;min-width:0}.mobile-nav button i{display:block;font-style:normal;font-size:18px}.mobile-nav button.active{color:var(--green);font-weight:700}}
@media(max-width:540px){.page-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:23px}.page-actions{width:100%}.page-actions button{flex:1}.top-actions .primary span{display:none}.stat-row{grid-template-columns:1fr 1fr}.stat:last-child{grid-column:1/-1}.quick-grid{grid-template-columns:1fr 1fr}.form-grid,.search-controls{grid-template-columns:1fr}.form-grid label.full{grid-column:1}.settings-row{align-items:flex-start;flex-direction:column}.settings-row button{width:100%}.auth-panel{padding:25px}.row{grid-template-columns:auto minmax(0,1fr) auto}.dialog{max-height:92vh;overflow:auto}}
[hidden]{display:none!important}.view-switch{display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--sheet)}.view-switch button{border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);padding:7px 9px;font-size:11px}.view-switch button:last-child{border:0}.view-switch button.active{background:var(--deep);color:#fff}.record-actions{display:flex;gap:4px;align-items:center}.record-actions button{width:30px;min-height:30px;border:1px solid var(--line);border-radius:5px;background:var(--sheet);color:var(--muted);padding:0}.record-actions button:hover,.record-actions button.active{color:var(--gold);border-color:#c5ad76}.note-card{position:relative;padding-right:108px}.note-card .record-actions{position:absolute;right:8px;top:8px}.favorite-band{display:flex;gap:8px;overflow:auto;padding-bottom:2px}.favorite-chip{min-width:160px;border:1px solid #d9cfb4;background:#fcfaf2;border-radius:6px;padding:10px;text-align:left}.favorite-chip b,.favorite-chip small{display:block}.favorite-chip small{color:var(--muted);margin-top:3px}.shell.preview-tablet,.shell.preview-mobile{margin:18px auto;min-height:calc(100vh - 36px);height:calc(100vh - 36px);overflow:auto;border:1px solid var(--line);box-shadow:0 18px 50px rgba(32,41,35,.15);background:var(--paper)}.shell.preview-tablet{max-width:820px}.shell.preview-mobile{max-width:390px}.shell.preview-tablet,.shell.preview-mobile{grid-template-columns:1fr;grid-template-rows:62px 1fr}.shell.preview-tablet .sidebar,.shell.preview-mobile .sidebar{position:absolute;left:0;top:0;width:240px;transform:translateX(-102%)}.shell.preview-tablet .sidebar.open,.shell.preview-mobile .sidebar.open{transform:none}.shell.preview-tablet .topbar,.shell.preview-tablet .main,.shell.preview-mobile .topbar,.shell.preview-mobile .main{grid-column:1}.shell.preview-tablet .mobile-only,.shell.preview-mobile .mobile-only{display:block}.shell.preview-tablet .main,.shell.preview-mobile .main{padding:20px 14px 88px}.shell.preview-tablet .panel,.shell.preview-tablet .panel.third,.shell.preview-tablet .panel.narrow,.shell.preview-tablet .panel.wide-panel,.shell.preview-mobile .panel,.shell.preview-mobile .panel.third,.shell.preview-mobile .panel.narrow,.shell.preview-mobile .panel.wide-panel{grid-column:span 12}.shell.preview-tablet .mobile-nav,.shell.preview-mobile .mobile-nav{position:sticky;display:grid;grid-template-columns:repeat(5,1fr);bottom:0;background:var(--sheet);border-top:1px solid var(--line);padding:6px;z-index:15}.shell.preview-tablet .mobile-nav button,.shell.preview-mobile .mobile-nav button{border:0;background:transparent;color:var(--muted);font-size:10px}.shell.preview-tablet .mobile-nav i,.shell.preview-mobile .mobile-nav i{display:block;font-style:normal;font-size:18px}.shell.preview-mobile .page-head{align-items:flex-start;flex-direction:column}.shell.preview-mobile .quick-grid{grid-template-columns:1fr 1fr}.shell.preview-mobile .form-grid{grid-template-columns:1fr}
@media(max-width:900px){.view-switch{display:none}.note-card{padding-right:108px}}.search-controls label{display:grid;gap:4px;font-size:11px;color:var(--muted)}.search-hit{cursor:pointer}.search-hit:hover{background:#f4f6f3}.trash-list{display:grid;gap:8px}.trash-item{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);padding:10px;border-radius:6px}.trash-item small{display:block;color:var(--muted)}.danger{color:var(--red)!important;border-color:#d9b1aa!important}.ai-body{padding:18px;display:grid;gap:12px}.ai-body textarea{min-height:100px;resize:vertical;border:1px solid var(--line);border-radius:6px;padding:10px}.consent{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:var(--muted)}.ai-answer{white-space:pre-wrap;background:#f5f6f4;border-radius:6px;padding:12px;min-height:42px;color:var(--muted)}