@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--ink:#203441;--muted:#75838a;--teal:#4d8986;--teal-dark:#286966;--cream:#f7f7f2;--line:#e6e9e5;--white:#fff;--gold:#d8aa61;--soft:#edf3ef;--rose:#f5ece7}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,input,select{font:inherit}.shell{max-width:1180px;margin:auto;padding:0 42px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);font-size:20px;font-weight:700;letter-spacing:-.8px;text-decoration:none}.brand-mark{width:30px;height:30px;border-radius:10px;background:var(--teal);color:white;display:grid;place-items:center;font-family:'Playfair Display';font-size:22px}.brand-dot{color:var(--teal)}.top-actions{display:flex;align-items:center;gap:18px}.sync-status{font-size:11px;color:var(--muted)}.sync-status:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#c3c9c5;margin-right:7px}.sync-status.connected:before{background:#64a18c}.text-btn{border:0;background:none;color:var(--muted);cursor:pointer}.hidden{display:none!important}main{min-height:calc(100vh - 82px)}
.auth-view{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;padding:55px 4%}.hero-copy{max-width:490px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.8px;color:var(--teal);margin:0 0 12px}.hero-copy h1,.welcome-row h1{font-size:clamp(39px,5vw,58px);line-height:1.08;letter-spacing:-2.2px;margin:0 0 18px;font-weight:600}.hero-copy h1 em,.focus-panel h2 em{font-family:'Playfair Display',serif;color:var(--teal);font-weight:500}.hero-sub{font-size:15px;line-height:1.8;color:var(--muted);max-width:430px;margin:0 0 30px}.google-btn{height:52px;padding:0 20px;border:1px solid #dfe4e0;border-radius:9px;background:white;color:var(--ink);font-weight:600;display:flex;align-items:center;gap:12px;cursor:pointer;box-shadow:0 4px 15px #263d3410}.google-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #263d3418}.google-btn svg{width:18px;height:18px}.privacy-note{font-size:11px;line-height:1.6;color:#8a9697;max-width:340px;margin-top:18px}.error-text{color:#b64b4b;font-size:12px}.hero-art{height:410px;position:relative;display:grid;place-items:center}.art-card{position:absolute;width:min(330px,80%);height:330px;border-radius:20px}.art-card-back{background:#e8eee8;transform:rotate(9deg) translate(12px,5px)}.art-card-front{background:#fff;box-shadow:0 22px 60px #273e3515;padding:28px;transform:rotate(-4deg);display:flex;flex-direction:column}.art-top{display:flex;justify-content:space-between;color:#8a9690;font-size:9px;font-weight:700;letter-spacing:1.5px}.sun{color:var(--gold);font-size:21px}.art-number{font-size:82px;font-weight:600;letter-spacing:-6px;margin-top:35px}.art-number span{font-size:25px;color:var(--teal);letter-spacing:0}.art-label{color:var(--muted);font-size:12px}.art-bars{display:flex;gap:9px;align-items:end;height:60px;margin-top:28px}.art-bars i{width:24px;border-radius:5px 5px 2px 2px;background:#dce9e2;height:40%}.art-bars i:nth-child(2){height:70%;background:#8eb5a6}.art-bars i:nth-child(3){height:52%}.art-bars i:nth-child(4){height:92%;background:var(--teal)}.art-bars i:nth-child(5){height:60%}.art-bars i:nth-child(6){height:78%;background:#8eb5a6}.art-bars i:nth-child(7){height:34%}.art-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.art-foot b{color:var(--teal)}.floating-note{position:absolute;bottom:34px;right:0;background:#f3e9df;padding:13px 17px;border-radius:10px;box-shadow:0 8px 20px #3331;font-family:'Playfair Display';font-style:italic;transform:rotate(3deg)}.floating-note span{color:#b7796b;margin-left:8px}
.app-view{padding:42px 0 25px}.welcome-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.welcome-row h1{font-size:34px;letter-spacing:-1.2px;margin:0 0 6px}.muted{color:var(--muted);margin:0;line-height:1.6}.week-pill,.date-chip{background:#eaf0eb;border-radius:30px;padding:9px 13px;font-size:10px;font-weight:700;letter-spacing:.7px;color:var(--teal-dark)}.week-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal);margin-right:7px}.stats-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:15px;margin-bottom:18px}.stat-card,.panel{background:white;border:1px solid var(--line);border-radius:13px;padding:20px}.stat-card.featured{background:#eaf1ec;border-color:#eaf1ec}.stat-label{font-size:9px;font-weight:700;letter-spacing:1.3px;color:#82918a}.stat-value{font-size:34px;font-weight:600;letter-spacing:-1px;margin:9px 0}.stat-value small{font-size:13px;font-weight:500;letter-spacing:0;color:#8a9891}.stat-foot{font-size:11px;color:#89958f;margin:10px 0 0}.progress-track{height:5px;background:#d8e4dc;border-radius:10px;overflow:hidden}.progress-fill{height:100%;width:0;background:var(--teal);border-radius:10px;transition:width .3s}.content-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:18px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.panel-heading h2,.panel h2{font-size:19px;letter-spacing:-.5px;margin:0;font-weight:600}.panel-heading .eyebrow{margin-bottom:6px}.date-chip{font-size:10px}.entry-form{display:grid;gap:13px}.entry-form label{display:grid;gap:7px;color:#596a70;font-size:11px;font-weight:600}.entry-form input,.entry-form select{width:100%;border:1px solid #e2e8e3;border-radius:7px;padding:11px 12px;background:#fcfdfb;color:var(--ink);outline:none;font-size:12px}.entry-form input:focus,.entry-form select:focus{border-color:#82aaa0;box-shadow:0 0 0 3px #4d898615}.form-row{display:grid;grid-template-columns:1fr 110px;gap:12px}.primary-btn{background:var(--teal-dark);color:white;border:0;border-radius:7px;padding:12px;font-size:12px;font-weight:600;cursor:pointer;margin-top:2px}.primary-btn:hover{background:#205b58}.form-message{font-size:11px;color:var(--teal);margin:0;min-height:12px}.today-list-wrap{border-top:1px solid var(--line);margin-top:22px;padding-top:17px}.subheading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.subheading h3{font-size:12px;margin:0}.subheading span{font-size:10px;color:var(--muted);background:#f2f5f1;padding:4px 8px;border-radius:12px}.entry-list{display:grid;gap:8px}.entry-item{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #edf0ed;border-radius:8px}.entry-icon{width:30px;height:30px;border-radius:8px;background:#edf3ef;display:grid;place-items:center;color:var(--teal);font-size:13px}.entry-copy{min-width:0;flex:1}.entry-copy b{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry-copy small{font-size:10px;color:var(--muted)}.entry-time{font-size:10px;color:var(--teal-dark);font-weight:700}.empty-state{color:#9aa49e;font-size:11px;padding:10px 0}.side-column{display:grid;gap:18px;align-content:start}.mood-icon{font-size:24px;color:var(--gold)}.small{font-size:11px}.day-options{display:grid;grid-template-columns:1fr;gap:7px;margin-top:15px}.day-option{display:flex;align-items:center;gap:10px;text-align:left;background:#fafbf9;border:1px solid #e9eeea;border-radius:7px;padding:9px 11px;color:#64736e;font-size:11px;cursor:pointer}.day-option b{font-size:15px;color:var(--teal)}.day-option.active{background:#eaf2ed;border-color:#a9c7b7;color:var(--teal-dark)}.mode-message{font-size:10px;line-height:1.5;color:#8a9690;margin:12px 0 0}.focus-panel{background:#f4eee7;border-color:#f4eee7}.focus-panel .eyebrow{color:#a17c58}.focus-panel h2{font-size:24px;line-height:1.25;margin:4px 0 10px}.focus-panel h2 em{color:#a17c58}.focus-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.focus-tags span{font-size:9px;padding:6px 8px;border-radius:20px;background:#fff9;color:#927553}.week-panel{margin-top:18px}.week-days{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.week-day{text-align:center;padding:10px 5px;border-radius:8px;background:#fafbf9}.week-day .day-name{font-size:9px;color:#89958f}.week-day .day-number{font-size:14px;font-weight:600;margin:6px 0}.week-day .day-bar{height:4px;border-radius:5px;background:#e4eae5;overflow:hidden}.week-day .day-bar i{display:block;height:100%;background:var(--teal);width:0}.week-day.today{background:#eaf2ed}.week-day.today .day-number{color:var(--teal-dark)}.footer-note{text-align:center;color:#9aa49e;font-family:'Playfair Display';font-style:italic;padding:25px 0 5px}.footer-note span{color:#bf897d}
@media(max-width:760px){.shell{padding:0 18px}.topbar{height:65px}.auth-view{min-height:calc(100vh - 65px);grid-template-columns:1fr;padding:48px 3% 30px}.hero-copy h1{font-size:43px}.hero-art{height:300px;margin-top:5px}.art-card{height:260px;width:260px}.art-card-front{padding:22px}.art-number{font-size:65px;margin-top:20px}.art-bars{margin-top:18px}.floating-note{right:2%;bottom:10px}.app-view{padding-top:28px}.welcome-row{align-items:flex-start;gap:10px}.welcome-row h1{font-size:28px}.week-pill{white-space:nowrap;margin-top:4px;font-size:8px}.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:14px}.stat-card.featured{grid-column:span 2}.stat-value{font-size:28px}.content-grid{grid-template-columns:1fr}.side-column{grid-template-columns:1fr 1fr;gap:10px}.panel{padding:16px}.shift-panel,.focus-panel{min-width:0}.day-option{padding:8px;font-size:10px}.focus-panel h2{font-size:20px}.focus-tags{gap:4px}.focus-tags span{font-size:8px}.week-days{gap:4px}.week-day{padding:8px 2px}.week-day .day-name{font-size:8px}.week-day .day-number{font-size:12px}}
@media(max-width:420px){.side-column{grid-template-columns:1fr}.hero-art{height:280px}.form-row{grid-template-columns:1fr 90px}.sync-status{font-size:9px}}