:root{--ink:#263f39;--green:#2d7058;--mint:#e6f1eb;--cream:#f8faf8;--paper:#fff;--muted:#81918a;--line:#e4ebe7;--pink:#f8e8e4;--blue:#e6f0f6;--yellow:#fff4dc;--shadow:0 14px 40px rgba(38,63,57,.08)}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:ui-sans-serif,"Microsoft JhengHei",system-ui,sans-serif}.app{min-height:100vh;display:flex}.sidebar{width:270px;background:#fff;border-right:1px solid var(--line);padding:28px 17px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;margin:0 12px 32px}.avatar{width:40px;height:40px;border-radius:13px;background:var(--ink);color:#f7d486;display:grid;place-items:center;font-weight:800;font-size:19px}.brand strong{display:block;font-size:17px;letter-spacing:.05em}.brand small{display:block;color:#9aa9a2;font-size:9px;letter-spacing:.16em;margin-top:3px}.primary{border:0;border-radius:9px;background:var(--green);color:#fff;font-weight:700;padding:12px 16px;cursor:pointer}.primary:hover{background:#225b46}.wide{width:100%;margin-bottom:22px}.nav{width:100%;border:0;background:transparent;border-radius:8px;padding:10px 11px;color:#657871;display:flex;align-items:center;gap:11px;font:inherit;font-size:13px;text-align:left;cursor:pointer}.nav:hover,.nav.active{background:var(--mint);color:var(--green);font-weight:700}.nav b{margin-left:auto;font-size:11px;color:#97a69f}.nav-divider{height:1px;background:var(--line);margin:13px 10px}.side-note{margin-top:auto;border-top:1px solid var(--line);padding:16px 10px 0;color:#94a39c;font-size:11px;line-height:1.8}.side-note span{font-size:10px}.content{max-width:1180px;width:100%;margin:auto;padding:42px 6% 70px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px}.eyebrow{font-size:11px;letter-spacing:.13em;color:#94a39c;margin:0 0 7px}.topbar h1{margin:0;font-size:31px;letter-spacing:.03em}.top-actions{display:flex;gap:9px;align-items:center}.round{border:1px solid var(--line);background:#fff;border-radius:50%;width:34px;height:34px;color:#7b8d85;font-size:19px;cursor:pointer}.ghost{border:0;background:transparent;color:#7b8d85;cursor:pointer;padding:8px}.ghost:hover{color:var(--green)}.capture{background:var(--ink);border-radius:15px;padding:20px 23px;display:flex;gap:15px;color:#fff;box-shadow:var(--shadow);margin-bottom:27px}.capture-icon{width:40px;height:40px;border-radius:12px;background:#36574d;color:#f5cf78;display:grid;place-items:center;font-size:20px}.capture-body{flex:1}.capture-body strong{font-size:13px}.capture-row{display:flex;gap:8px;margin-top:9px}.capture-row input{flex:1;min-width:0;border:0;border-radius:7px;padding:11px;font:inherit;outline:0}.capture-row button{background:#edc873;color:var(--ink);box-shadow:none}.capture small{display:block;color:#a8beb5;font-size:10px;margin-top:7px}.dashboard-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:17px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:19px 20px;min-width:0}.panel.wide-panel{grid-column:1/-1}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.panel-head h2{font-size:15px;margin:0}.panel-head p{font-size:11px;color:var(--muted);margin:0}.section-link{border:0;background:transparent;color:var(--green);font-size:11px;cursor:pointer}.task-list{display:grid}.task-row{display:flex;gap:10px;align-items:flex-start;border-top:1px solid #eef2ef;padding:12px 0}.task-row:first-child{border-top:0;padding-top:0}.check{appearance:none;width:17px;height:17px;border:1.5px solid #b9c9c1;border-radius:5px;cursor:pointer;flex:none;margin-top:2px;position:relative}.check:checked{background:var(--green);border-color:var(--green)}.check:checked:after{content:'✓';position:absolute;color:#fff;font-size:12px;left:3px;top:-1px}.task-copy{min-width:0;flex:1}.task-name{font-size:13px;margin:0 0 5px;line-height:1.4;word-break:break-word}.task-done .task-name{text-decoration:line-through;color:#9aa9a2}.task-tags{display:flex;gap:5px;flex-wrap:wrap}.tag{font-size:10px;background:#f2f6f3;color:#72867d;border-radius:4px;padding:3px 6px}.tag.red{background:#fff0ed;color:#b36051}.tag.yellow{background:var(--yellow);color:#aa7a2f}.tag.blue{background:var(--blue);color:#53778e}.row-actions{opacity:0}.task-row:hover .row-actions{opacity:1}.icon-btn{border:0;background:transparent;color:#8c9d95;cursor:pointer}.icon-btn:hover{color:var(--green)}.empty{padding:30px;text-align:center;color:var(--muted);font-size:12px}.quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:17px}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px}.stat b{display:block;font-size:23px}.stat span{font-size:10px;color:var(--muted)}.habit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.habit{border:1px solid var(--line);border-radius:8px;padding:10px}.habit-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:8px}.habit input{accent-color:var(--green);width:16px;height:16px}.progress{height:5px;background:#edf2ef;border-radius:4px;overflow:hidden}.progress i{display:block;height:100%;background:#75ad91;border-radius:4px}.journal-card{background:#fff8ef;border:1px solid #f2e8d5;border-radius:11px;padding:15px}.journal-card h3{font-size:13px;margin:0 0 8px}.journal-card p{font-size:12px;line-height:1.7;white-space:pre-wrap;margin:0;color:#6d746d}.list-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:5px}.tabs{display:flex;gap:17px}.tab{border:0;background:transparent;color:#8a9992;padding:8px 0;border-bottom:2px solid transparent;cursor:pointer;font:inherit;font-size:12px}.tab.active{color:var(--green);border-color:var(--green);font-weight:700}.search{border:1px solid var(--line);border-radius:6px;background:#fff;padding:7px 10px;color:#9aa9a2}.search input{border:0;outline:0;width:170px;font:inherit;font-size:12px}.big-list{background:#fff;border:1px solid var(--line);border-radius:12px;padding:4px 17px}.big-list .task-row{padding:15px 0}.tip{border-radius:11px;padding:13px 15px;background:var(--blue);font-size:11px;color:#557182;line-height:1.7;margin-bottom:17px}.tip strong{color:var(--ink)}.journal-hero{background:var(--pink);border-radius:15px;padding:23px;margin-bottom:18px}.journal-hero h2{margin:0 0 7px;font-size:20px}.journal-hero p{margin:0;font-size:12px;color:#876b68}.journal-actions{display:flex;gap:10px;margin-top:17px}.journal-entry{background:#fff;border:1px solid var(--line);border-radius:11px;padding:17px;margin-bottom:10px}.journal-entry header{display:flex;justify-content:space-between;font-size:12px;font-weight:700;margin-bottom:12px}.journal-entry section{margin-top:9px}.journal-entry label{font-size:10px;color:var(--muted);font-weight:700}.journal-entry p{white-space:pre-wrap;font-size:12px;line-height:1.7;margin:4px 0 0}.calendar-note{background:var(--yellow);border-radius:11px;padding:13px;font-size:11px;color:#856b38;margin-bottom:17px}dialog{border:0;padding:0;border-radius:15px;width:min(600px,calc(100% - 26px));box-shadow:0 25px 80px rgba(38,63,57,.25);color:var(--ink)}dialog::backdrop{background:rgba(38,63,57,.35);backdrop-filter:blur(3px)}form{padding:27px}.dialog-head{display:flex;justify-content:space-between;margin-bottom:20px}.dialog-head h2{font-size:21px;margin:0}.close{border:0;background:#f0f5f2;border-radius:50%;width:29px;height:29px;color:#789087;font-size:20px;cursor:pointer}label{display:block;color:#60766d;font-size:11px;font-weight:700;margin-bottom:14px}label input,label select,label textarea{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font:inherit;font-weight:400;outline-color:var(--green)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}@media(max-width:800px){.sidebar{width:67px;padding:20px 8px}.brand{margin:0 auto 25px}.brand div,.wide,.nav span,.side-note{display:none}.nav{justify-content:center;padding:12px 0;font-size:18px}.nav b{font-size:9px;margin:0}.content{padding:27px 17px 50px}.dashboard-grid{grid-template-columns:1fr}.panel.wide-panel{grid-column:auto}.quick-stats{grid-template-columns:repeat(2,1fr)}.capture-row{display:block}.capture-row button{width:100%;margin-top:7px}.topbar h1{font-size:26px}.form-grid{grid-template-columns:1fr}}
.journal-top{background:linear-gradient(120deg,#f8e8e4,#fff4dc);border-radius:15px;padding:22px 24px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:20px}.journal-top h2{margin:0 0 7px;font-size:21px}.journal-top p:not(.eyebrow){margin:0;color:#806c67;font-size:12px}.week-calendar{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:8px;overflow-x:auto}.day-column{background:#fff;border:1px solid var(--line);border-radius:10px;min-height:380px;padding:10px}.day-column header{font-size:12px;font-weight:700;padding:3px 3px 10px;border-bottom:1px solid var(--line);color:#6e8179}.day-column header b{display:block;color:var(--green);font-size:10px;margin-top:4px}.today-column{border-color:#8abb9e;box-shadow:inset 0 3px 0 #8abb9e}.day-column .task-row{display:block;padding:10px 2px}.day-column .check{float:left;margin:2px 5px 0 0}.day-column .task-name{font-size:11px}.day-column .task-tags{display:none}.day-column .row-actions{display:none}.day-empty{font-size:10px;color:#abb6b1;text-align:center;margin-top:25px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.project-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px}.project-icon{font-size:24px}.project-card h3{margin:8px 0 3px;font-size:15px}.project-card>p{font-size:11px;color:var(--muted);margin:0 0 12px}.project-card .task-row{padding:10px 0}.project-help{margin-top:15px}.project-help h2{font-size:14px;margin:0 0 8px}.project-help p{font-size:12px;color:var(--muted);margin:0}.reading-list{margin-top:16px}.reading-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:16px;margin-bottom:10px}.reading-card header{display:flex;justify-content:space-between;gap:12px;align-items:center}.reading-card h3{margin:0;font-size:15px}.reading-card header span{font-size:10px;color:var(--muted)}.reading-card p{font-size:12px;line-height:1.7;margin:9px 0 0;color:#62736c}
.project-add{display:flex;gap:8px;margin-top:16px}.project-add input{flex:1;border:1px solid var(--line);border-radius:7px;padding:10px;font:inherit;outline-color:var(--green)}.project-add .primary{padding:10px 13px}.task-row[data-task-row]{cursor:pointer}.task-row[data-task-row]:hover{background:#fbfdfb;border-radius:6px}
.progress-large{height:10px;margin-bottom:18px}.inline-check{display:flex;align-items:center;gap:7px}.inline-check input{width:auto;display:inline-block;margin:0}.habit-top span:last-child{display:flex;align-items:center;gap:5px}
.journal-retain{display:block;margin-top:13px;color:#7e716c;font-size:11px;letter-spacing:.02em}.journal-top:has(.journal-retain) .primary{white-space:nowrap}
.today-journal-panel{margin-bottom:18px}.today-journal-panel .panel-head{margin-bottom:10px}.journal-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.journal-preview-grid>div{background:#fff8ef;border:1px solid #f2e8d5;border-radius:8px;padding:11px}.journal-preview-grid label{font-size:10px;color:var(--muted);margin:0}.journal-preview-grid p{font-size:12px;line-height:1.65;white-space:pre-wrap;margin:5px 0 0}.dashboard-grid>.wide-panel{display:none}
.journal-combined{display:block}.journal-top-main{display:flex;justify-content:space-between;align-items:center;gap:20px}.journal-combined .journal-preview-grid{margin-top:18px}.journal-inline-empty{border-top:1px solid rgba(128,113,108,.18);margin-top:18px;padding-top:14px;color:#806c67;font-size:12px}
@media(max-width:800px){.journal-top-main{display:block}.journal-top-main .primary{width:100%;margin-top:14px}}
.journal-collapsed{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.journal-collapsed:hover,.journal-collapsed:focus-visible{transform:translateY(-1px);box-shadow:0 8px 20px rgba(58,83,71,.12);outline:none}.journal-collapsed .journal-top-main{min-height:56px}.journal-collapsed h2{font-size:22px;margin:0}.journal-open-hint{color:#39745f;font-size:12px;white-space:nowrap}
.journal-date-link{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;padding:0;color:#39745f;font:inherit;font-size:15px;font-weight:700;cursor:pointer}.journal-date-link:hover{text-decoration:underline}.journal-date-link span{font-size:21px;line-height:1}.journal-top .journal-retain{margin-top:0}
.habit-progress-summary{display:flex;align-items:center;gap:10px;margin:12px 0 0}.habit-progress-summary .progress{flex:1}.habit-progress-summary strong{color:var(--green);font-size:16px;min-width:38px;text-align:right}
.habit-home-panel{width:100%;margin-bottom:18px}.habit-home-panel .habit-grid{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:4px}.habit-home-panel .habit{flex:1 1 0;min-width:100px;padding:8px}.habit-home-panel .habit-top{font-size:10px;margin-bottom:4px}.habit-home-panel .habit input{width:14px;height:14px}.habit-home-panel .panel-head h2{font-size:21px}.habit-home-panel .habit-progress-summary strong{font-size:14px}
.habit-progress-summary .progress-large{height:12px;margin-bottom:0;border-radius:999px;background:#fff0dd}.habit-progress-summary .progress-large i{background:linear-gradient(90deg,#ff8c2a,#ffbd45);border-radius:999px;transition:width .25s ease}
@media(max-width:800px){.habit-home-panel{width:100%}}
.journal-habits{background:#f7fbf8;border:1px solid var(--line);border-radius:10px;padding:12px;margin:0 0 16px}.journal-habits .journal-subhead{margin:0 0 4px}.journal-habits .field-hint{display:block;margin:0 0 9px}.journal-habit-item{display:inline-flex;align-items:center;width:calc(50% - 6px);margin:0 8px 7px 0;padding:7px 9px;background:#fff;border:1px solid var(--line);border-radius:7px;font-size:11px;color:var(--ink);font-weight:400}.journal-habit-item:nth-child(2n){margin-right:0}.journal-habit-item input{width:15px;height:15px;margin:0 7px 0 0;accent-color:#ff8c2a}
.journal-habit-progress{display:flex;align-items:center;gap:8px;margin:8px 0 10px}.journal-habit-progress .progress{flex:1}.journal-habit-progress .progress-large{height:10px;margin:0;background:#fff0dd}.journal-habit-progress .progress-large i{background:linear-gradient(90deg,#ff8c2a,#ffbd45);border-radius:999px;transition:width .25s ease}.journal-habit-progress strong{color:#f07816;font-size:14px;min-width:38px;text-align:right}.journal-habit-progress span{font-size:10px;color:var(--muted);white-space:nowrap}
.quick-stats .stat{cursor:pointer}.quick-stats .stat:hover{border-color:#e9a15d;box-shadow:0 4px 14px rgba(240,120,22,.12)}
.month-calendar{background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px;overflow:auto}.month-weekdays,.month-grid{display:grid;grid-template-columns:repeat(7,minmax(135px,1fr));gap:7px;min-width:980px}.month-weekdays{margin-bottom:7px}.month-weekdays span{text-align:center;color:var(--muted);font-size:11px;font-weight:700;padding:6px}.month-day{min-height:145px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:8px;overflow:hidden}.month-day header{font-size:12px;font-weight:700;color:#6e8179;padding-bottom:6px;border-bottom:1px solid #eef2ef}.month-day header b{display:block;color:var(--green);font-size:9px;margin-top:3px}.month-day.other-month{background:#f8faf8;opacity:.55}.month-day .task-row{display:block;padding:8px 1px}.month-day .check{float:left;margin:2px 4px 0 0}.month-day .task-name{font-size:10px}.month-day .task-tags{display:none}.month-day .row-actions{display:none}.month-day .day-empty{font-size:9px;margin-top:18px}
.calendar-picker{background:#fff;border:1px solid var(--line);border-radius:11px;padding:12px 15px;margin-bottom:12px}.calendar-picker label{display:flex;align-items:center;gap:10px;margin:0;font-size:12px}.calendar-picker select{width:auto;min-width:170px;margin:0;padding:8px 11px}
.home-calendar-visible{width:100%;margin-bottom:18px;border:2px solid #dfece5}.home-calendar-visible .panel-head{margin-bottom:0}.home-calendar-visible h2{font-size:15px}
.home-calendar-dropdown{padding:0;overflow:hidden;grid-column:1/-1}.home-calendar-dropdown summary{display:flex;align-items:center;justify-content:space-between;padding:19px 20px;cursor:pointer;list-style:none;font-size:15px;font-weight:700}.home-calendar-dropdown summary::-webkit-details-marker{display:none}.home-calendar-dropdown summary:after{content:'⌄';color:var(--green);font-size:18px}.home-calendar-dropdown[open] summary:after{content:'⌃'}.home-calendar-dropdown summary small{margin-left:auto;margin-right:12px;color:var(--muted);font-size:10px;font-weight:400}.home-calendar-content{padding:0 20px 20px}.home-calendar-content .calendar-note{margin-bottom:10px}
.journal-subhead{font-size:13px;font-weight:800;color:var(--ink);margin:18px 0 10px;padding-bottom:7px;border-bottom:1px solid var(--line)}.field-hint{display:block;color:#9a8d87;font-size:10px;font-weight:400;line-height:1.5;margin-top:4px}.danger,.danger-text{color:#b35c50!important}
.dashboard-grid>.home-calendar-fallback,.dashboard-grid>.home-calendar-dropdown{display:block!important}
.month-weekdays,.month-grid{grid-template-columns:repeat(7,minmax(0,1fr));min-width:0;gap:8px}.month-day{min-height:120px;padding:10px}.month-day .task-row{padding:6px 1px}.month-day .task-name{font-size:11px;line-height:1.35}.month-day .day-empty{font-size:10px;margin-top:16px}@media(max-width:800px){.month-weekdays,.month-grid{min-width:720px}.month-day{min-height:112px;padding:8px}}
.month-calendar{overflow:visible}.month-weekdays,.month-grid{min-width:0;gap:5px}.month-day{min-height:92px;height:92px;padding:7px}.month-day header{font-size:11px;padding-bottom:4px}.month-day header b{font-size:8px;margin-top:2px}.month-day .task-row{padding:4px 0}.month-day .task-name{font-size:10px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.month-day .check{width:13px;height:13px;margin-top:1px}.month-day .day-empty{font-size:9px;margin-top:10px}@media(max-width:800px){.month-weekdays,.month-grid{min-width:0}.month-day{min-height:76px;height:76px;padding:5px}.month-day .task-name{font-size:9px}}
.calendar-extra-task{display:none}.month-day.expanded{height:auto;min-height:92px}.month-day.expanded .calendar-extra-task{display:block}.calendar-more{border:0;background:#f2f7f3;color:var(--green);border-radius:5px;padding:4px 6px;margin-top:5px;font:inherit;font-size:9px;cursor:pointer;width:100%}.calendar-more:hover{background:#e2eee7}
.reading-create-panel{padding:12px}.reading-add-toggle{width:100%;display:flex;align-items:center;gap:12px;border:1px solid #d8e7df;background:linear-gradient(135deg,#f3faf6,#fff8e7);border-radius:12px;padding:14px 16px;color:var(--ink);text-align:left;cursor:pointer;transition:.2s}.reading-add-toggle:hover,.reading-add-toggle.open{border-color:#9ac7ae;box-shadow:0 8px 20px rgba(45,112,88,.1);transform:translateY(-1px)}.reading-add-icon{width:32px;height:32px;border-radius:10px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:22px;line-height:1}.reading-add-toggle strong{display:block;font-size:15px}.reading-add-toggle small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.reading-add-chevron{margin-left:auto;color:var(--green);font-size:20px}.reading-form-wrap{border-top:1px solid var(--line);margin-top:12px}.reading-form-wrap form{padding:20px 8px 8px}
.reading-group{margin-top:18px}.reading-group>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.reading-group>header h2{font-size:16px;margin:0}.reading-group>header span{font-size:11px;color:var(--muted)}.reading-group-empty{background:#fff;border:1px dashed var(--line);border-radius:10px;padding:18px;text-align:center;color:var(--muted);font-size:12px}.reading-card{display:flex;gap:14px;align-items:flex-start}.reading-cover{width:72px;height:100px;flex:none;border-radius:7px;overflow:hidden;background:#e7f0eb;box-shadow:0 4px 12px rgba(38,63,57,.1)}.reading-cover img{width:100%;height:100%;object-fit:cover;display:block}.reading-cover-placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:28px;background:linear-gradient(145deg,#dceee3,#fff0cc)}.reading-card-body{min-width:0;flex:1}.reading-card-body header{display:flex;justify-content:space-between;gap:12px;align-items:center}.reading-card-body p{margin-top:8px}.reading-card-body h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reading-list{display:block}.reading-group{display:block;background:#f8fbf9;border:1px solid var(--line);border-radius:13px;padding:14px;margin-top:16px}.reading-group:first-child{margin-top:0}.reading-group-list{min-height:36px}.reading-card{cursor:grab;transition:.18s}.reading-card:active{cursor:grabbing}.reading-card.dragging{opacity:.45;transform:scale(.99)}.reading-group.drag-over{border-color:#8abb9e;background:#eef8f1;box-shadow:0 0 0 3px rgba(138,187,158,.16)}.reading-drag-hint{display:block;color:#9aa9a2;font-size:10px;margin-top:10px}.reading-group-empty{pointer-events:none}
.reading-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.reading-group{margin-top:0}.reading-group-list{display:flex;flex-direction:column;gap:10px}.reading-card{display:block}.reading-cover{width:100%;height:150px;margin-bottom:11px}.reading-card-body h3{white-space:normal}.reading-card-body header{display:block}.reading-card-body header span{display:block;margin-top:4px}@media(max-width:900px){.reading-list{grid-template-columns:1fr}.reading-group{margin-top:0}.reading-cover{height:180px}}
.reading-list{grid-template-columns:repeat(3,minmax(220px,1fr));overflow-x:auto;padding-bottom:8px}.reading-group{min-width:0}@media(max-width:900px){.reading-list{grid-template-columns:repeat(3,minmax(220px,1fr));overflow-x:auto}.reading-group{margin-top:0}}
.reading-card-body h3{font-size:15px;margin:0 0 5px;line-height:1.35}.reading-author{font-size:12px;color:var(--muted);margin:0}.reading-drag-hint{display:none}
.reading-detail-body{padding:0 27px 27px}.reading-detail-top{display:flex;gap:14px;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}.reading-detail-cover{width:76px;height:105px;border-radius:7px;overflow:hidden;background:#e7f0eb;flex:none}.reading-detail-cover img{width:100%;height:100%;object-fit:cover}.reading-detail-cover .reading-cover-placeholder{font-size:28px}.reading-detail-top h3{margin:0 0 5px;font-size:18px}.reading-detail-top p{margin:0;color:var(--muted);font-size:12px}.reading-detail-body section{border-bottom:1px solid var(--line);padding:13px 0}.reading-detail-body h4{margin:0 0 6px;font-size:13px}.reading-detail-body section p{margin:0;white-space:pre-wrap;line-height:1.7;font-size:13px;color:#60736b}
.reading-cover-upload{display:block;margin:0 27px 10px;padding:9px 11px;border:1px dashed #a8cbbb;border-radius:8px;background:#f4faf6;color:var(--green);font-size:12px;cursor:pointer}.reading-cover-upload input{margin-top:6px;font-size:11px}
.reading-view-tools{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin:15px 0 8px;color:var(--muted);font-size:11px}.reading-layout-btn{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:7px;padding:7px 10px;font:inherit;cursor:pointer}.reading-layout-btn.active,.reading-layout-btn:hover{background:var(--mint);border-color:#a8cbbb;color:var(--green);font-weight:700}.reading-list-list{display:block;overflow:visible}.reading-list-list .reading-group{margin-top:16px}.reading-list-list .reading-group:first-child{margin-top:0}.reading-list-list .reading-card{display:flex}.reading-list-list .reading-cover{width:72px;height:100px;margin-bottom:0}.reading-list-list .reading-card-body header{display:block}
.reading-card-grid,.reading-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.reading-card-grid .reading-card{cursor:pointer}.reading-card-grid .reading-cover{height:170px}.reading-card-grid .reading-card-body{padding-bottom:3px}.reading-status-select{display:block;margin-top:9px;border:1px solid var(--line);border-radius:6px;padding:5px 7px;background:#fff;color:var(--green);font:inherit;font-size:11px;cursor:pointer}.reading-vertical-list{display:flex;flex-direction:column;gap:8px}.reading-list-row{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 12px;cursor:pointer}.reading-list-thumb{width:42px;height:58px;flex:none;border-radius:4px;overflow:hidden;background:#e7f0eb}.reading-list-thumb img{width:100%;height:100%;object-fit:cover}.reading-list-thumb .reading-cover-placeholder{font-size:18px}.reading-list-main{min-width:0;flex:1}.reading-list-main h3{font-size:14px;margin:0 0 3px}.reading-list-main p{font-size:11px;color:var(--muted);margin:0}.reading-list-row .reading-status-select{margin:0;flex:none}.reading-library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.reading-library-card{cursor:pointer}.reading-library-card .reading-cover{height:190px}.reading-library-mark{display:block;color:var(--muted);font-size:10px;margin-top:8px}@media(max-width:900px){.reading-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-library-grid{grid-template-columns:repeat(3,minmax(150px,1fr));overflow-x:auto}.reading-library-card{min-width:150px}}
.reading-edit-btn{border:1px solid #a8cbbb;background:#f1faf4;color:var(--green);border-radius:7px;padding:7px 10px;font:inherit;font-size:11px;cursor:pointer;margin-left:auto;margin-right:8px}.reading-edit-btn:hover{background:#e0f1e6}.reading-edit-form{padding:0 27px 27px}.reading-edit-form textarea{min-height:70px}
.reading-delete-btn{border:1px solid #edc4bd;background:#fff5f2;color:#b35c50;border-radius:7px;padding:7px 10px;font:inherit;font-size:11px;cursor:pointer;margin-right:8px}.reading-delete-btn:hover{background:#ffe8e2}
.reading-dialog-title-spacer{flex:1}.reading-detail-top .reading-edit-btn{margin-left:auto;margin-right:0;align-self:center;flex:none}
.reading-detail-cover-preview{display:flex;align-items:center;gap:10px;margin:-4px 0 8px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#f8fbf9;color:var(--muted);font-size:10px}.reading-detail-cover-preview img{width:48px;height:66px;border-radius:5px;object-fit:cover}.reading-cover-file-name{margin:-2px 0 14px;color:var(--muted);font-size:10px;font-weight:400;word-break:break-all}
.reading-cover-input-status{display:block;margin-top:7px;color:var(--green);font-size:10px;font-weight:700}
.database-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:18px}.database-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px}.database-icon{font-size:26px;margin-bottom:10px}.database-card h3{margin:0 0 7px;font-size:16px}.database-card p{margin:0 0 14px;color:var(--muted);font-size:12px}.database-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.database-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.week-database-group{margin-bottom:16px}
.app{background:#f1f2f4;color:#202124}.sidebar{width:252px;background:#171719;border-right:1px solid #2b2b30;padding:25px 15px 18px}.brand{margin:0 12px 30px}.avatar{background:#ff7a1a;color:#171719;box-shadow:0 5px 16px rgba(255,122,26,.28)}.brand strong{color:#f7f7f8}.brand small{color:#9b9ba3}.sidebar .wide{background:#ff7a1a;color:#171719;border-radius:7px;box-shadow:0 5px 14px rgba(255,122,26,.2)}.sidebar .wide:hover{background:#ff8d3a}.nav{color:#a8a8b0;border-radius:7px;padding:10px 11px;font-size:13px}.nav:hover,.nav.active{background:#2b2633;color:#fff;font-weight:700}.nav.active{box-shadow:inset 3px 0 #ff7a1a}.nav b{color:#777782}.nav-divider{background:#303036;margin:13px 10px}.side-note{border-color:#303036;color:#777782}.content{max-width:1220px;padding:38px 5% 72px}.topbar{margin-bottom:26px}.eyebrow{color:#85858e}.topbar h1{color:#1b1b1e;font-size:30px}.top-actions{gap:8px}.round{background:#fff;border-color:#d6d7dc;color:#555662}.ghost{color:#6a6974}.ghost:hover{color:#f06c0e}.capture{background:#202024;border-radius:10px;box-shadow:0 10px 28px rgba(25,25,28,.14)}.capture-icon{background:#3a2a20;color:#ff8a32}.capture-row input{background:#fff}.capture-row button,.primary{background:#f27319;color:#fff;border-radius:7px}.capture-row button:hover,.primary:hover{background:#d85f0c}.dashboard-grid{gap:16px}.panel,.stat,.big-list,.journal-entry{background:#fff;border-color:#dedfe3;border-radius:10px;box-shadow:0 4px 16px rgba(25,25,28,.035)}.panel{padding:19px 20px}.panel-head h2,.journal-hero h2{color:#242429}.panel-head p,.journal-hero p,.stat span{color:#7f8089}.section-link{color:#7348a6}.section-link:hover{color:#f27319}.task-row{border-color:#ededf0}.check{border-color:#b7b8bf}.check:checked{background:#f27319;border-color:#f27319}.tag{background:#f0f0f3;color:#656671}.tag.red{background:#fff0e7;color:#d35f13}.tag.yellow{background:#f1eafa;color:#7440a9}.tag.blue{background:#e9e9ec;color:#555761}.journal-hero{background:linear-gradient(120deg,#fff0e6,#eee8f7);border:1px solid #e5dbe9;border-radius:12px;padding:24px}.journal-card{background:#fff;border-color:#eadfd6}.progress{background:#e3e3e7}.progress i{background:#f27319}.habit{border-color:#dedfe3;background:#fafafa}.habit input{accent-color:#f27319}.quick-stats{gap:12px}.stat{padding:15px}.stat b{color:#28282d}.list-toolbar{border-color:#dedfe3}.tabs{gap:18px}.tab.active{color:#f27319;border-color:#f27319}.search{border-color:#d6d7dc}.tip{background:#eee8f7;color:#62458a}.calendar-note{background:#fff0e6;color:#a65016}.month-calendar{background:#fff;border:1px solid #dedfe3;border-radius:10px;box-shadow:0 4px 16px rgba(25,25,28,.035)}.month-weekdays{background:#f1f1f3;color:#6c6d76}.month-day{border-color:#e5e5e8}.month-day header{color:#3e3e45}.month-day.today-column header{color:#f27319}.calendar-more{color:#7348a6}.database-card{background:#fff;border-color:#dedfe3;border-radius:10px;box-shadow:0 4px 16px rgba(25,25,28,.035)}.database-card:hover,.project-card:hover{border-color:#c8addd;box-shadow:0 8px 24px rgba(93,54,130,.1);transform:translateY(-2px)}.database-icon,.project-icon{color:#7348a6}.project-card{background:#fff;border-color:#dedfe3;border-radius:10px;box-shadow:0 4px 16px rgba(25,25,28,.035);transition:.18s ease}.folder-card{background:#fff}.reading-card,.reading-list,.reading-library-grid,.reading-vertical-list{color:#242429}.reading-card{border-color:#dedfe3;background:#fff;border-radius:10px;box-shadow:0 4px 16px rgba(25,25,28,.035)}.reading-card:hover{border-color:#f3a36d;box-shadow:0 9px 25px rgba(242,115,25,.12)}.reading-layout-btn{border-color:#d7d7dc;background:#fff;color:#6b6c75}.reading-layout-btn.active{background:#f27319;border-color:#f27319;color:#fff}.reading-add-toggle{background:#fff;border-color:#dedfe3;color:#29292e;border-radius:10px}.reading-add-toggle:hover{border-color:#f27319}.reading-add-icon{background:#f27319;color:#fff}.reading-detail-top{border-color:#dedfe3}.reading-edit-btn{border-color:#d2bee0;background:#f5eff9;color:#7348a6}.reading-edit-btn:hover{background:#ebe0f4}.reading-delete-btn{border-color:#efc5b1;background:#fff3ec;color:#c35d22}.reading-delete-btn:hover{background:#ffe5d5}.dialog-head{margin-bottom:20px}.close{background:#ececef;color:#55565f}.close:hover{background:#e2e2e7;color:#f27319}dialog{border-radius:12px;box-shadow:0 24px 80px rgba(0,0,0,.3)}dialog::backdrop{background:rgba(20,20,23,.58);backdrop-filter:blur(4px)}label{color:#5e5f68}label input,label select,label textarea{border-color:#d9dade;background:#fff}label input:focus,label select:focus,label textarea:focus{border-color:#f27319;box-shadow:0 0 0 3px rgba(242,115,25,.12);outline:0}.reading-cover-preview,.reading-detail-cover-preview{border-color:#dedfe3;background:#f4f4f6}.danger-text{color:#c35d22!important}@media(max-width:800px){.sidebar{background:#171719}.content{padding:27px 17px 50px}.nav.active{box-shadow:inset 2px 0 #ff7a1a}.database-grid{grid-template-columns:1fr}}