:root{--bg:#f7f5f2;--surface:#fff;--surface-2:#f0eeea;--ink:#282b2d;--muted:#767a7b;--line:#dedbd5;--coral:#c85d62;--coral-soft:#f5e1e1;--teal:#477d78;--teal-soft:#dcecea;--gold:#a67a32;--night:#494b67;--danger:#a63f46;--shadow:0 10px 35px rgba(42,38,32,.08);--radius:8px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font);color:var(--ink);background:var(--bg);letter-spacing:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(90deg,var(--bg) 0 62%,#ece9e3 62%)}.login-panel{width:min(100%,360px);background:var(--surface);border:1px solid var(--line);padding:36px;box-shadow:var(--shadow);border-radius:var(--radius)}.brand-mark{width:48px;height:48px;display:grid;place-items:center;background:var(--coral);color:#fff;border-radius:6px}.brand-mark.small{width:34px;height:34px}.login h1{font-size:26px;margin:22px 0 4px}.login p{margin:0 0 30px;color:var(--muted)}label{display:block;color:var(--muted);font-size:13px;margin:14px 0 6px}.login input,.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:8px;padding:12px;outline:none}.field textarea{min-height:120px;resize:vertical;line-height:1.65}.login input:focus,.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}button.primary{width:100%;margin-top:18px;border:0;border-radius:6px;padding:12px 16px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600}.form-error{min-height:20px;margin-top:10px;color:var(--danger);font-size:13px}.shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#25292a;color:#f7f5f2;padding:22px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 28px}.brand strong{font-size:17px}.sidebar nav{display:grid;gap:5px}.sidebar nav button,.logout{border:0;background:transparent;color:#afb4b4;border-radius:6px;padding:11px 12px;display:flex;align-items:center;gap:11px;text-align:left}.sidebar nav button:hover,.sidebar nav button.active{background:#383d3e;color:#fff}.sidebar nav button.active{box-shadow:inset 3px 0 var(--coral)}.logout{margin-top:auto}.logout:hover{color:#fff}.sidebar svg,.mobile-nav svg{width:19px}main{min-width:0}.topbar{height:104px;padding:24px clamp(20px,4vw,52px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(247,245,242,.94);position:sticky;top:0;z-index:20}.topbar h1{margin:3px 0 0;font-size:24px}.eyebrow{margin:0;color:var(--muted);font-size:10px;letter-spacing:2px}.icon-btn{width:38px;height:38px;border:1px solid var(--line);background:var(--surface);border-radius:6px;display:grid;place-items:center;color:var(--ink)}.icon-btn svg{width:18px}.content{padding:28px clamp(20px,4vw,52px) 70px;max-width:1380px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:26px}.stat{background:var(--surface);border:1px solid var(--line);padding:18px;border-radius:var(--radius);min-height:112px}.stat .label{font-size:12px;color:var(--muted)}.stat .value{font-size:28px;font-weight:700;margin-top:12px}.stat .value.compact{font-size:20px}.stat.coral{border-top:3px solid var(--coral)}.stat.teal{border-top:3px solid var(--teal)}.stat.night{border-top:3px solid var(--night)}.stat.gold{border-top:3px solid var(--gold)}.empty{background:var(--surface);border:1px solid var(--line);padding:50px 20px;text-align:center;color:var(--muted);border-radius:var(--radius)}.overview-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.panel h2{font-size:16px;margin:0 0 16px}.timeline{display:grid}.timeline-item{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.timeline-item:last-child{border:0}.timeline-icon{width:30px;height:30px;border-radius:6px;display:grid;place-items:center;background:var(--surface-2)}.timeline-icon svg{width:16px}.timeline-item strong{display:block;font-size:13px}.timeline-item span{font-size:12px;color:var(--muted)}
/* Period plugin */.view-period{background:#fff5f7;min-height:calc(100vh - 104px)}.period-hero{background:linear-gradient(135deg,#e91e63,#db4470 60%,#f06292);color:#fff;border-radius:0 0 20px 20px;padding:24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 5px 18px rgba(219,68,112,.22)}.period-hero p{margin:0 0 5px;font-size:12px;opacity:.8}.period-hero h2{font-size:20px;margin:0}.plugin-fab{width:50px;height:50px;border:0;border-radius:50%;display:grid;place-items:center}.plugin-fab.inline{background:#fff;color:#db4470}.period-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.period-stats div{background:#fff;text-align:center;padding:15px;border-radius:8px;box-shadow:0 2px 12px rgba(180,100,120,.1)}.period-stats strong{display:block;color:#db4470;font-size:25px}.period-stats span{font-size:11px;color:#888}.calendar-card{background:#fff;border-radius:12px;padding:12px;box-shadow:0 2px 12px rgba(180,100,120,.1)}.calendar-nav{display:flex;align-items:center;justify-content:space-between;padding:5px}.round-btn{width:36px;height:36px;border-radius:50%;border:1px solid #f0e0e4;background:#fff;display:grid;place-items:center}.round-btn svg{width:17px}.today-link{border:0;background:#fff0f3;color:#db4470;border-radius:16px;padding:7px 12px}.weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.weekdays span{padding:10px 0;color:#888;font-size:12px}.cal-day{aspect-ratio:1;border:0;background:transparent;position:relative;padding:3px;display:grid;place-items:center}.cal-day span{width:100%;height:100%;display:grid;place-items:center;border-radius:50%;font-size:13px}.cal-day.period-day span{background:#fce4ec;border-radius:4px}.cal-day.predicted-day span{background:#fff0f3;border:1px dashed #f48fb1}.cal-day.today span{box-shadow:inset 0 0 0 2px #db4470;color:#db4470;font-weight:700;border-radius:50%}.calendar-legend{display:flex;justify-content:center;gap:18px;padding-top:12px;color:#888;font-size:11px}.calendar-legend span{display:flex;align-items:center;gap:5px}.legend-block{width:10px;height:10px;background:#fce4ec;border:1px solid #f48fb1}.legend-block.predicted{background:#fff0f3;border-style:dashed}.legend-ring{width:10px;height:10px;border:2px solid #db4470;border-radius:50%}.period-list{margin-top:18px}.period-list h3{font-size:14px;color:#888}.period-row{background:#fff;border-bottom:1px solid #f0e0e4;padding:13px;display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;cursor:pointer}.period-row:first-of-type{border-radius:8px 8px 0 0}.period-row:last-child{border-radius:0 0 8px 8px}.period-drop{width:32px;height:32px;border-radius:50%;background:#fce4ec;color:#db4470;display:grid;place-items:center}.period-drop svg{width:16px}.period-row strong{font-size:13px}.period-row p{font-size:12px;color:#888;margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.period-row>span:last-child{font-size:11px;color:#db4470}
/* Sleep plugin */.view-sleep{background:#0f0f1a;min-height:calc(100vh - 104px);color:#e2e2f0}.sleep-shell{max-width:760px;margin:auto}.sleep-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.sleep-head p{color:#8888aa;font-size:11px;margin:0}.sleep-head h2{font-size:28px;margin:3px 0}.sleep-add{width:48px;height:48px;border:0;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#7c83ff,#a78bfa);color:#fff}.sleep-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sleep-stats>div{background:#1a1a2e;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px}.sleep-stats span{display:block;font-size:11px;color:#8888aa;margin-bottom:7px}.sleep-stats strong{font-size:23px;color:#a78bfa}.sleep-stats small{color:#f5c842}.sleep-chart{height:128px;display:grid;grid-template-columns:repeat(7,1fr);gap:8px;align-items:end;padding:18px 8px 5px}.sleep-chart div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.sleep-chart div>span{width:min(100%,42px);background:linear-gradient(#7c83ff,#a78bfa);border-radius:6px 6px 2px 2px}.sleep-chart small{color:#8888aa}.plugin-section-title{font-size:11px;letter-spacing:1.5px;color:#8888aa;margin:18px 0 10px}.sleep-list{display:grid;gap:9px}.sleep-row{background:#1a1a2e;border:1px solid rgba(255,255,255,.06);border-radius:12px;display:flex;overflow:hidden}.sleep-main{flex:1;min-width:0;border:0;background:transparent;color:#e2e2f0;padding:13px;display:grid;grid-template-columns:48px 1fr auto;gap:12px;text-align:left;align-items:center}.sleep-main time{text-align:center;color:#8888aa;font-size:11px}.sleep-main time b{font-size:22px;color:#e2e2f0;display:block}.sleep-main div strong{font-size:14px;display:block}.sleep-main div span{font-size:12px;color:#a78bfa}.sleep-main p{font-size:11px;color:#8888aa;margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stars{white-space:nowrap}.stars i{font-style:normal;color:#444466;font-size:12px}.stars i.on{color:#f5c842}.row-delete{width:42px;border:0;background:transparent;color:#ff6b7a;opacity:.6}.row-delete svg{width:16px}.sleep-empty,.ledger-empty{text-align:center;color:#8888aa;padding:50px}
/* Diary plugin */.view-diary{background:#faf8fc;min-height:calc(100vh - 104px)}.diary-home{max-width:900px;margin:auto}.plugin-eyebrow{font-size:10px;letter-spacing:2px;color:#777081;text-transform:uppercase}.diary-books{display:grid;grid-template-columns:1fr 1fr;gap:13px}.diary-book{position:relative;border:1px solid #ded6e4;background:#fff;border-radius:14px;padding:18px;text-align:left;display:grid;grid-template-columns:52px 1fr;gap:13px;overflow:hidden;color:#3e3945;transition:.2s}.diary-book.selected{box-shadow:0 5px 20px rgba(88,68,100,.12);transform:translateY(-2px)}.book-spine{position:absolute;left:0;top:0;bottom:0;width:9px;background:#8975a0}.diary-book.his .book-spine{background:#d28b9e}.book-avatar{width:48px;height:48px;border-radius:12px;background:#eee8f2;display:grid;place-items:center;font-size:25px}.diary-book.his .book-avatar{background:#f5e5ea}.diary-book strong,.diary-book small,.diary-book em{display:block}.diary-book strong{font-size:17px}.diary-book small{color:#777081;margin:3px 0 12px}.diary-book em{border-top:1px solid #e5dee8;padding-top:10px;color:#777081;font-size:12px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.diary-list-head{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px}.diary-list-head h3{font-size:16px}.diary-write{border:0;background:#8975a0;color:#fff;padding:9px 13px;border-radius:8px;display:flex;gap:7px;align-items:center}.diary-write svg{width:16px}.diary-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.diary-entry{background:#fff;border:1px solid #ded6e4;border-radius:12px;padding:15px;cursor:pointer}.diary-entry>div{display:flex;justify-content:space-between;color:#777081;font-size:11px}.diary-entry h4{font-size:15px;margin:8px 0 5px}.diary-entry p{font-size:13px;color:#777081;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.diary-entry footer{display:flex;gap:5px;margin-top:10px}.diary-entry footer i{font-size:10px;font-style:normal;background:#eee8f2;color:#675a73;padding:3px 7px;border-radius:10px}
/* Intimacy plugin */.view-intimacy{background:#0d0d0d;min-height:calc(100vh - 104px);color:#e0d6c8}.intimacy-shell{max-width:780px;margin:auto}.ledger-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2a2a2a;padding-bottom:15px}.ledger-head p{font-size:10px;color:#7a7268;letter-spacing:2px;margin:0}.ledger-head h2{font-size:24px;color:#d4a574;margin:4px 0}.ledger-add{width:48px;height:48px;border:0;border-radius:50%;background:#d4a574;color:#1a1a1a;display:grid;place-items:center}.ledger-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.ledger-stats div{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;text-align:center;padding:13px 6px}.ledger-stats strong{display:block;color:#d4a574;font-size:22px}.ledger-stats span{font-size:10px;color:#7a7268}.ledger-filters{display:flex;gap:8px;margin-bottom:14px;overflow:auto}.ledger-filters button{border:1px solid #2a2a2a;background:transparent;color:#7a7268;border-radius:18px;padding:8px 16px;white-space:nowrap}.ledger-filters button.active{background:#d4a574;color:#1a1a1a;border-color:#d4a574}.ledger-list{display:grid;gap:9px}.ledger-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;display:flex;overflow:hidden}.ledger-main{flex:1;min-width:0;border:0;background:transparent;color:#e0d6c8;padding:14px;text-align:left}.ledger-top{display:flex;justify-content:space-between}.ledger-top strong span{color:#c97b7b;margin-right:7px}.ledger-top time{font-size:11px;color:#7a7268}.ledger-meta{display:flex;gap:12px;color:#7a7268;font-size:11px;margin-top:7px}.ledger-card p{font-size:12px;line-height:1.5;margin:8px 0}.ledger-card em{font-size:10px;color:#b8895a}.ledger-card footer{display:flex;gap:5px;margin-top:8px}.ledger-card footer i{font-size:10px;font-style:normal;border:1px solid #333;color:#b8895a;padding:2px 7px;border-radius:9px}
/* Modal */.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px}.modal-backdrop{position:absolute;inset:0;border:0;background:rgba(24,25,25,.68)}.dialog{position:relative;width:min(100%,600px);max-height:92vh;overflow:auto;background:var(--surface);border-radius:12px;box-shadow:var(--shadow);padding:22px}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{font-size:19px;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.field.full{grid-column:1/-1}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.secondary,.danger-btn{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:10px 16px}.danger-btn{color:var(--danger);margin-right:auto}.save{border:0;background:var(--teal);color:#fff;border-radius:8px;padding:10px 18px;font-weight:600}.choice-field{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.choice-field label{margin:0}.choice-field input{position:absolute;opacity:0;pointer-events:none}.choice-field span{height:44px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;color:var(--muted);font-size:12px}.choice-field input:checked+span{background:var(--coral-soft);border-color:var(--coral);color:var(--coral);font-weight:600}.modal[data-domain="sleep"] .dialog{background:#1a1a2e;color:#e2e2f0}.modal[data-domain="sleep"] .field input,.modal[data-domain="sleep"] .field textarea{background:#16213e;border-color:rgba(255,255,255,.08);color:#fff}.modal[data-domain="sleep"] .choice-field span{border-color:#444466}.modal[data-domain="intimacy"] .dialog{background:#1a1a1a;color:#e0d6c8}.modal[data-domain="intimacy"] .field input,.modal[data-domain="intimacy"] .field textarea,.modal[data-domain="intimacy"] .field select{background:#111;border-color:#2a2a2a;color:#e0d6c8}.toast{position:fixed;right:24px;bottom:24px;background:#25292a;color:#fff;padding:11px 16px;border-radius:6px;z-index:200;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.mobile-nav{display:none}
@media(max-width:900px){.shell{grid-template-columns:78px 1fr}.sidebar{padding:18px 10px}.brand strong,.sidebar nav span,.logout span{display:none}.brand{justify-content:center;padding:0 0 24px}.sidebar nav button,.logout{justify-content:center}.stats-grid{grid-template-columns:1fr 1fr}.overview-grid{grid-template-columns:1fr}}@media(max-width:620px){.login{background:var(--bg)}.login-panel{padding:28px 24px}.shell{display:block}.sidebar{display:none}.topbar{height:82px;padding:16px 18px}.topbar h1{font-size:21px}.content{padding:16px 14px 90px}.view-period,.view-sleep,.view-diary,.view-intimacy{min-height:calc(100vh - 82px)}.stats-grid{gap:8px}.stat{min-height:96px;padding:13px}.stat .value{font-size:22px}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;z-index:50;background:#25292a;padding:7px 4px max(7px,env(safe-area-inset-bottom));border-top:1px solid #3c4142}.mobile-nav button{border:0;background:transparent;color:#9da3a3;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;padding:4px}.mobile-nav button.active{color:#fff}.mobile-nav button.active svg{color:#e17a7e}.mobile-nav svg{width:20px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.dialog{padding:18px}.toast{left:14px;right:14px;bottom:78px;text-align:center}.diary-books{grid-template-columns:1fr}.diary-list{grid-template-columns:1fr}.ledger-stats{grid-template-columns:repeat(2,1fr)}.sleep-main{grid-template-columns:42px 1fr}.sleep-main>.stars{display:none}.period-hero{padding:20px 16px}.period-hero h2{font-size:16px}.period-row{grid-template-columns:34px 1fr}.period-row>span:last-child{display:none}.choice-field{gap:4px}.choice-field span{font-size:11px;padding:3px}.calendar-nav strong{font-size:14px}}