@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;600;700&display=swap');
:root{--ink:#25352f;--muted:#7d8981;--paper:#f7f5ef;--white:#fff;--green:#486c5a;--sage:#dce8dc;--line:#e9e8df;--gold:#c69b62}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans","Noto Serif SC",sans-serif}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#8b9b8d;margin:0 0 12px}.tiny{font-size:11px;color:#9aa39b;line-height:1.6}
.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 18% 15%,#e4ecdf,transparent 32%),var(--paper)}.auth-card{width:min(100%,420px);background:#fff;padding:42px;border-radius:22px;box-shadow:0 20px 70px #344b3c12}.brand-mark{width:42px;height:42px;border-radius:14px;background:var(--green);color:white;display:grid;place-items:center;font-family:Georgia,serif;font-size:25px;margin-bottom:24px}.auth-card h1{font-family:Georgia,serif;font-size:39px;line-height:1.08;margin:0 0 12px;font-weight:500}.auth-card h1 em{color:var(--green)}.tabs{display:flex;border-bottom:1px solid var(--line);margin:28px 0 20px;gap:20px}.tab{background:none;border:0;padding:0 0 12px;color:#9aa39b}.tab.active{color:var(--green);border-bottom:2px solid var(--green)}label{display:block;font-size:12px;color:#69786e;margin:14px 0}input,select{border:1px solid var(--line);border-radius:10px;padding:12px;background:#fff;color:var(--ink);outline:none}input:focus,select:focus{border-color:#8aa895}form input{display:block;width:100%;margin-top:7px}.primary,.secondary,.cream-button{border:0;border-radius:10px;padding:12px 17px;font-weight:600}.primary{background:var(--green);color:#fff}.primary:hover{background:#365543}.secondary{background:#edf2eb;color:var(--green)}.full{width:100%;margin-top:10px}.notice{font-size:12px;color:#a16e39;min-height:18px;line-height:1.5}.app{min-height:100vh}.sidebar{width:235px;position:fixed;inset:0 auto 0 0;background:#fff;padding:28px 18px;display:flex;flex-direction:column;border-right:1px solid var(--line);z-index:2}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 40px}.brand-mark.small{width:34px;height:34px;font-size:20px;margin:0;border-radius:11px}.brand b{display:block;font-size:13px}.brand small{font-size:8px;letter-spacing:1.4px;color:#a0aaa1}.sidebar nav{display:grid;gap:7px}.nav-item{border:0;background:none;text-align:left;padding:13px 14px;border-radius:10px;color:#829087;font-size:18px}.nav-item span{font-size:13px;margin-left:10px}.nav-item.active,.nav-item:hover{background:#edf3ec;color:var(--green)}.sidebar-bottom{margin-top:auto}.privacy-chip{background:#f0f5ef;color:#63806b;border-radius:8px;padding:10px;font-size:10px;margin-bottom:14px}.text-button{border:0;background:none;color:#89958c;font-size:12px;padding:5px}.main{margin-left:235px;padding:36px clamp(22px,5vw,68px) 20px;max-width:1500px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.topbar h2{font-family:"Noto Serif SC",serif;font-weight:500;font-size:25px;margin:0}.user-pill{font-size:11px;color:#78867c;background:#fff;padding:10px 14px;border-radius:20px;max-width:240px;overflow:hidden;text-overflow:ellipsis}.hero{background:#496b58;color:#fff;border-radius:20px;padding:38px 44px;display:flex;justify-content:space-between;align-items:center;min-height:260px;overflow:hidden;position:relative}.hero h1{font-family:"Noto Serif SC",serif;font-size:32px;line-height:1.45;font-weight:500;margin:0 0 10px}.hero p:not(.eyebrow){color:#dce7dc;font-size:13px}.eyebrow.light{color:#c7d9c8}.cream-button{background:#f6f1e5;color:#486451;margin-top:15px}.cream-button span{margin-left:15px}.hero-orbit{width:180px;height:180px;border:1px solid #a8c0aa;border-radius:50%;display:grid;place-items:center;margin-right:8%;box-shadow:0 0 0 20px #ffffff08,0 0 0 40px #ffffff06}.orbit-inner{text-align:center;font-family:Georgia,serif;font-size:43px}.orbit-inner span{font-size:19px}.orbit-inner small{display:block;font:9px "DM Sans";letter-spacing:2px;color:#d5e1d4}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0 38px}.stat-card,.routine-card,.progress-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px}.stat-card span{font-size:11px;color:#89968c}.stat-card strong{display:block;font:34px Georgia;margin:9px 0;color:var(--green)}.stat-card strong small{font:12px "DM Sans"}.stat-card i{font-size:10px;color:#a4ada5;font-style:normal}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:20px 0 15px}.section-heading h3,.read-intro h3{font:500 22px "Noto Serif SC",serif;margin:0}.section-heading .muted{font-size:11px}.routine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.routine-card b{color:#b6c6b6;font:24px Georgia}.routine-card h4{margin:16px 0 7px}.routine-card p{font-size:12px;color:#87938a;line-height:1.7;margin:0}.toolbar{display:flex;justify-content:space-between;gap:14px;margin-bottom:18px}.filters{display:flex;gap:7px}.filter{border:1px solid var(--line);background:#fff;color:#78867c;border-radius:20px;padding:9px 16px;font-size:12px}.filter.active{background:var(--green);color:#fff;border-color:var(--green)}.search{width:min(260px,45%)}.practice-layout{display:grid;grid-template-columns:minmax(230px, .8fr) minmax(0,1.5fr);gap:16px}.question-list{display:grid;align-content:start;gap:8px}.question-row{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;text-align:left;color:var(--ink)}.question-row.active{border-color:#7f9d86;background:#f3f7f1}.question-row small{display:block;color:#91a092;font-size:10px;margin-bottom:6px}.question-row b{font-size:12px;font-weight:500}.detail-card,.reader-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px;min-height:300px}.tag{display:inline-block;background:#edf3ec;color:#65816c;padding:6px 10px;border-radius:20px;font-size:9px;letter-spacing:1px}.detail-card h3{font:500 22px "Noto Serif SC";margin:15px 0}.question-prompt{font-size:17px;line-height:1.7}.answer{font-size:13px;line-height:1.9;color:#647269;background:#f8f8f3;padding:17px;border-radius:12px;margin:17px 0}.detail-actions{display:flex;gap:8px;flex-wrap:wrap}.empty-state{color:#9ba69d;text-align:center;padding:90px 10px}.read-intro{margin-bottom:22px}.reader-top{display:flex;justify-content:space-between;align-items:center}.reader-text{font:17px/2 "Noto Serif SC",serif;white-space:pre-wrap;margin:25px 0;color:#405449;min-height:120px}.reader-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:20px}.reader-controls label{margin:0;display:flex;align-items:center;gap:8px}.reader-controls select,.reader-top select{padding:9px;font-size:11px}.record-area{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:20px}.record-area b{font-size:13px}.record-area p{font-size:10px;margin:6px 0}.record-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.saved-list{display:grid;gap:9px}.saved-row,.history-row{background:#fff;border:1px solid var(--line);border-radius:11px;padding:14px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.saved-row button{border:0;background:none;color:#9a7950}.progress-card h4{margin-top:0}.history-list{display:grid;gap:8px}.history-row span{color:#8c9a8f}footer{margin-top:55px;padding:20px 0;color:#a2aaa1;font-size:10px;border-top:1px solid var(--line)}footer span{float:right}
@media(max-width:800px){.sidebar{width:100%;height:66px;inset:auto 0 0;padding:6px 10px;border-right:0;border-top:1px solid var(--line)}.brand,.sidebar-bottom{display:none}.sidebar nav{display:flex;justify-content:space-around}.nav-item{padding:8px 10px;font-size:17px}.nav-item span{display:block;font-size:9px;margin:2px 0 0}.main{margin:0;padding:24px 16px 90px}.topbar{margin-bottom:20px}.topbar h2{font-size:21px}.user-pill{max-width:130px;font-size:9px}.hero{padding:27px 24px;min-height:240px}.hero h1{font-size:26px}.hero-orbit{width:110px;height:110px;margin:0 0 0 8px;flex-shrink:0}.orbit-inner{font-size:28px}.orbit-inner span{font-size:13px}.stats{gap:8px;margin-bottom:28px}.stat-card{padding:13px}.stat-card strong{font-size:25px}.stat-card span{font-size:9px}.stat-card i{font-size:8px}.routine-grid{grid-template-columns:1fr}.routine-card{padding:15px}.practice-layout{grid-template-columns:1fr}.question-list{grid-template-columns:repeat(2,minmax(0,1fr))}.question-row{padding:11px}.detail-card{min-height:250px}.toolbar{flex-direction:column}.search{width:100%}.record-area{align-items:flex-start;flex-direction:column}.reader-controls{align-items:flex-start}.reader-controls label{width:100%}.reader-controls label select{flex:1}}