:root{--bg:#fff;--fg:#111;--muted:#777;--border:#ddd;--soft:#f7f7f7;--accent:#111;--radius:10px}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Helvetica Neue",Arial,sans-serif}
.app-shell{max-width:1080px;margin:auto;padding:24px 18px 60px}
.topbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;border-bottom:1px solid var(--border);padding-bottom:16px}
.eyebrow{font-size:10px;letter-spacing:.15em;color:var(--muted)}
h1{font-size:26px;margin:5px 0 2px}
.sub,.muted,.status{color:var(--muted);font-size:12px}
.tabs{display:flex;align-items:center;gap:6px;margin:14px 0 18px;flex-wrap:wrap}
.date-label{margin-left:auto;font-size:11px;color:var(--muted)}
button,.button-like,select,input,textarea{font:inherit}
.tab,.ghost,.button-like{border:1px solid var(--border);background:#fff;border-radius:7px;padding:7px 10px}
.tab.active{background:#111;color:#fff;border-color:#111}
.primary{background:#111;color:#fff;border:1px solid #111;border-radius:7px;padding:9px 12px}
.small{padding:7px 10px;font-size:12px}.xs{padding:5px 8px;font-size:11px}
.view{display:none}.view.active{display:block}
.layout{display:grid;grid-template-columns:300px 1fr;gap:22px}
.two-col{grid-template-columns:1fr 1fr}
.today-stack{display:grid;gap:22px}
.panel{border:1px solid var(--border);border-radius:12px;padding:16px;background:#fff}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.section-head h2,.panel h2{font-size:15px;margin:0}
.home-section-head{margin:2px 0 10px}
.home-section-head h2{font-size:17px;margin:0}
.home-section-head h2 span{font-size:10px;letter-spacing:.16em;color:var(--muted);margin-left:7px;font-weight:600}
.home-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.home-module-card{position:relative;min-height:44px;border:1px solid var(--border);border-radius:9px;padding:9px 7px;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:transform .12s ease,box-shadow .12s ease}
.home-module-card.active{outline:2px solid #111;outline-offset:1px}
.home-module-card.editing{padding-left:27px;touch-action:none;cursor:grab}
.home-module-card.dragging{opacity:.72;transform:scale(1.03);box-shadow:0 8px 24px rgba(0,0,0,.16);z-index:2}
.drag-handle{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:11px;letter-spacing:-2px;opacity:.55}
.add-card{border-style:dashed;color:var(--muted);background:#fff}
.card-edit-hint{text-align:center;margin:10px 0 0}
.category-list{display:grid;gap:7px;margin-top:9px}
.category{border:1px solid var(--border);border-radius:9px}
.category>button{width:100%;display:flex;justify-content:space-between;border:0;background:#fff;padding:9px 10px;text-align:left;border-radius:9px}
.category-body{border-top:1px solid var(--border);padding:7px}
.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.module-grid.compact{margin-top:8px}
.module-chip{border:1px solid var(--border);border-radius:7px;background:#fff;padding:7px 5px;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.module-chip.active{outline:2px solid #111;outline-offset:1px}
.custom-head{margin-top:22px}
.radar-wrap{max-width:520px;margin:0 auto}
.radar-svg{width:100%;height:auto;display:block}
.score-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.score-item{font-size:12px}.score-item .row{justify-content:space-between}.score-item input[type=range]{width:100%}
.journal textarea,textarea{width:100%;border:1px solid var(--border);border-radius:8px;padding:10px;min-height:110px;resize:vertical}
.row{display:flex;gap:8px;align-items:center}
.stack{display:grid;gap:9px;margin-top:12px}
.button-like{display:inline-block;text-align:center;cursor:pointer}
.history-card,.leap-card{border:1px solid var(--border);border-radius:9px;padding:10px;margin-top:8px;cursor:pointer;background:#fff;width:100%;text-align:left}
.history-card:focus-visible,.leap-card:focus-visible{outline:2px solid #111;outline-offset:2px}
.history-card p,.leap-card p{white-space:pre-wrap;line-height:1.55}
.history-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px 10px;font-size:11px;color:var(--muted)}
.card-open-hint{display:block;text-align:right;margin-top:7px;font-size:11px;color:var(--muted)}
.form-grid{display:grid;gap:9px;margin:12px 0}
label{display:grid;gap:5px;font-size:12px}
input,select,textarea{border:1px solid var(--border);border-radius:7px;background:#fff;padding:8px}
.empty-state{text-align:center;color:var(--muted);padding:70px 10px}
dialog{border:0;padding:0;background:transparent}
dialog::backdrop{background:rgba(0,0,0,.28)}
.dialog-card{width:min(560px,92vw);max-height:86vh;overflow:auto;background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px}
.axis-editor{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
.manager-row{display:grid;grid-template-columns:1fr auto;gap:8px;border:1px solid var(--border);border-radius:8px;padding:7px;margin-top:7px}
.manager-actions{display:flex;gap:5px}.status{margin-top:8px}
.avg-badge{border:1px solid var(--border);border-radius:999px;padding:4px 8px;font-size:11px;color:var(--muted)}
.confirm-card{width:min(420px,92vw)}.confirm-card p{font-size:13px;line-height:1.6;color:var(--muted)}.confirm-actions{justify-content:flex-end;margin-top:16px}
.color-card{width:min(440px,92vw)}
.color-presets{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:18px 0}
.color-swatch{aspect-ratio:1;border:1px solid rgba(0,0,0,.18);border-radius:50%;padding:0}
.custom-color-label{grid-template-columns:1fr auto;align-items:center;border-top:1px solid var(--border);padding-top:14px}
.custom-color-label input{width:54px;height:38px;padding:2px}
.color-order-actions{margin-top:14px}.color-order-actions button{flex:1}
.detail-card{width:min(760px,94vw)}
.history-detail-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(190px,.6fr);gap:18px;align-items:center;margin-top:10px}
.detail-scores{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.detail-score{border:1px solid var(--border);border-radius:8px;padding:8px;font-size:12px;display:flex;justify-content:space-between;gap:8px}
.detail-note{border-top:1px solid var(--border);margin-top:10px;padding-top:12px}
.detail-note h3{font-size:13px;margin:0 0 7px}.detail-note p{margin:0;line-height:1.7;white-space:pre-wrap}
.detail-fields{display:grid;gap:10px;margin-top:14px}
.detail-field{border:1px solid var(--border);border-radius:9px;padding:11px}
.detail-field h3{font-size:12px;color:var(--muted);margin:0 0 6px}.detail-field p{margin:0;line-height:1.65;white-space:pre-wrap}
.calendar-mode-tabs{display:flex;gap:7px;margin-bottom:12px}
.calendar-mode{border:1px solid var(--border);border-radius:8px;background:#fff;padding:8px 13px;font-size:13px;font-weight:700}
.calendar-mode.active{background:#111;color:#fff;border-color:#111}
.calendar-pager{display:flex;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;transition:height .18s ease}
.calendar-pager::-webkit-scrollbar{display:none}
.calendar-page{flex:0 0 100%;width:100%;scroll-snap-align:start;align-self:flex-start;border:1px solid var(--border);border-radius:12px;padding:16px;background:#fff}
.calendar-page-header,.calendar-day-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.calendar-page-header h2{margin:4px 0 0}.calendar-page-header .eyebrow{font-size:9px}
.calendar-month-nav{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:8px;margin:18px 0 10px;text-align:center}
.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.calendar-weekdays{font-size:10px;color:var(--muted);text-align:center;margin-bottom:5px}
.calendar-cell{position:relative;min-height:48px;border:1px solid transparent;border-radius:9px;background:#fafafa;padding:6px 3px;font-size:11px;text-align:center}
.calendar-cell.outside{background:#fff;color:#bbb}.calendar-cell.has-records{border-color:var(--border);background:#fff}
.calendar-cell.selected{background:#111;color:#fff;border-color:#111}.calendar-cell.today:not(.selected){font-weight:800;text-decoration:underline;text-underline-offset:3px}
.calendar-dots{display:flex;justify-content:center;gap:3px;margin-top:7px}.calendar-dot{width:5px;height:5px;border-radius:50%;background:#6c63ff}
.calendar-dot.breakthrough{background:#ff8b38}.calendar-dot.summary{background:#32a66a}
.calendar-day-heading{align-items:center;margin:18px 1px 8px}.calendar-day-heading h3{font-size:15px;margin:0}
.calendar-day-list{display:grid;gap:9px}
.calendar-record{width:100%;border:1px solid var(--border);border-radius:12px;background:#fff;padding:12px;text-align:left}
.calendar-record:hover{border-color:#999}.calendar-record-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px}
.calendar-record p{margin:8px 0 0;line-height:1.55;white-space:pre-wrap;color:#333}
.calendar-record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px;margin-top:8px;color:var(--muted);font-size:11px}
.calendar-kind{border-radius:999px;padding:3px 7px;color:#fff;background:#6c63ff;font-size:10px;white-space:nowrap}
.calendar-kind.breakthrough{background:#ff8b38}.calendar-kind.summary{background:#32a66a}
.summary-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}
.summary-mini{border-radius:8px;background:#f6f6f4;padding:8px;font-size:11px;line-height:1.45}.summary-mini b{display:block;color:var(--muted);font-size:9px;margin-bottom:2px}
.calendar-empty{border:1px dashed var(--border);border-radius:11px;padding:20px;text-align:center;color:var(--muted)}
.journal-date-strip{display:flex;gap:6px;overflow-x:auto;margin:15px 0;padding-bottom:4px;scrollbar-width:none}.journal-date-strip::-webkit-scrollbar{display:none}
.journal-strip-day{flex:0 0 43px;border:0;border-radius:10px;background:#f5f5f3;padding:8px 3px;font-size:9px;text-align:center}
.journal-strip-day b{display:block;font-size:13px;margin-top:3px}.journal-strip-day.active{background:#111;color:#fff}
.journal-stream{display:grid;gap:18px}.journal-day{border-left:2px solid #111;padding-left:12px}
.journal-day-head{display:flex;align-items:baseline;gap:7px;margin-bottom:8px}.journal-day-head strong{font-size:15px}.journal-day-head span{font-size:10px;color:var(--muted)}
.journal-item{width:100%;border:0;background:transparent;display:grid;grid-template-columns:9px 1fr;gap:9px;padding:7px 0;text-align:left}
.journal-item-dot{width:8px;height:8px;border-radius:50%;background:#6c63ff;margin-top:4px}.journal-item-dot.breakthrough{background:#ff8b38}.journal-item-dot.summary{background:#32a66a}
.journal-item-copy{font-size:12px;line-height:1.5}.journal-item-copy b{display:block;font-size:13px;margin-bottom:2px}
.daily-summary-card{width:min(680px,94vw)}.daily-summary-fields{display:grid;gap:10px;margin-top:12px}
.daily-summary-fields textarea{min-height:92px}.daily-summary-actions{align-items:center;margin-top:14px}
@media(max-width:760px){
  .app-shell{padding:18px 12px 48px}.layout,.two-col{grid-template-columns:1fr}.score-grid{grid-template-columns:1fr}
  .topbar{align-items:flex-start}.topbar h1{font-size:22px}.date-label{width:100%;margin-left:0}.tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto}
  .home-module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.home-module-card{font-size:12px;min-height:42px}
  .module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.history-grid{grid-template-columns:repeat(2,1fr)}
  .history-detail-layout{grid-template-columns:1fr}.history-detail-layout .radar-wrap{max-width:420px}.detail-scores{grid-template-columns:1fr 1fr}
  .calendar-page{padding:14px 11px}.calendar-cell{min-height:43px}.summary-mini-grid,.calendar-record-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:380px){.home-module-card{font-size:11px;padding-left:5px;padding-right:5px}.home-module-card.editing{padding-left:23px}.detail-scores{grid-template-columns:1fr}}