:root{--surface:#fff8ee;--ink:#203230;--ink-soft:#314947;--muted:#6a7b78;--muted-strong:#526764;--coral:#d16a4c;--gold:#d8a05a;--teal:#2d6b66;--teal-deep:#184f4b;--font-body:"Avenir Next", "Segoe UI", sans-serif;--font-display:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--font-mono:"SF Mono", "IBM Plex Mono", "Courier New", monospace;color:var(--ink);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6ecdc;font-size:16px;font-weight:500;line-height:1.5}*{box-sizing:border-box}html{min-height:100%}body{min-height:100svh;color:var(--ink);background:radial-gradient(circle at 0 0,#d16a4c38,#0000 28%),radial-gradient(circle at 82% 16%,#2d6b6629,#0000 20%),linear-gradient(#fbf5ed 0%,#f2e6d7 100%);margin:0}body:before{content:"";pointer-events:none;opacity:.34;background-image:linear-gradient(#ffffff42 1px,#0000 1px),linear-gradient(90deg,#ffffff2e 1px,#0000 1px);background-size:36px 36px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#00000057,#0000 78%);mask-image:linear-gradient(#00000057,#0000 78%)}#root{min-height:100svh}button,input,textarea,select{font:inherit}button{color:inherit}img{max-width:100%;display:block}a{color:inherit}::selection{background:#d16a4c38}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--ink);font-family:var(--font-display);letter-spacing:-.03em}h1{max-width:11ch;margin:10px 0 16px;font-size:clamp(3rem,7vw,5.4rem);line-height:.95}h2{font-size:clamp(1.8rem,4vw,2.4rem);line-height:1}h3{font-size:1.5rem;line-height:1.08}p{line-height:1.6}@media (width<=720px){:root{font-size:15px}body:before{opacity:.24;background-size:28px 28px}h1{max-width:12ch}}.app-shell{width:min(1240px,100% - 32px);margin:0 auto;padding:28px 0 56px;position:relative}.ambient{filter:blur(72px);opacity:.52;pointer-events:none;z-index:0;border-radius:999px;position:fixed}.ambient-a{background:#d16a4c47;width:420px;height:420px;animation:15s ease-in-out infinite drift;top:-120px;left:-80px}.ambient-b{background:#2d6b6633;width:360px;height:360px;animation:17s ease-in-out infinite reverse drift;top:36%;right:-80px}.panel{z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#fffcf7eb,#fcf6edd1),#fffaf2c7;border:1px solid #244a481f;border-radius:28px;animation:.72s both rise;position:relative;overflow:hidden;box-shadow:0 24px 64px #442a1514,inset 0 1px #ffffffb3}.panel:before{content:"";background:linear-gradient(90deg,#d16a4c26,#2d6b668c,#d16a4c26);height:1px;position:absolute;inset:0 0 auto}.hero-panel,.project-card,.continuity-card,.checkin-card,.guidance-card,.timer-card,.log-card{padding:28px}.hero-panel{padding:34px}.hero-panel:after{content:"";pointer-events:none;background:radial-gradient(circle at 0 0,#d8a05a33,#0000 35%),radial-gradient(circle at 82% 10%,#2d6b661f,#0000 28%);position:absolute;inset:0}.hero-grid{z-index:1;grid-template-columns:minmax(0,1.5fr) minmax(290px,.9fr);align-items:end;gap:24px;display:grid;position:relative}.hero-copy{max-width:760px}.eyebrow{color:var(--teal-deep);letter-spacing:.18em;text-transform:uppercase;background:#2d6b6614;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.74rem;font-weight:700;display:inline-flex}.lede{max-width:54rem;color:var(--ink-soft);font-size:1.14rem}.subtle{max-width:42rem;color:var(--muted-strong);margin-top:16px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.hero-stats{gap:12px;display:grid}.metric-card{background:#ffffff7a;border:1px solid #244a481c;border-radius:24px;padding:18px;box-shadow:inset 0 1px #ffffffb3}.metric-label{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px;font-size:.77rem;font-weight:700;display:block}.metric-card strong{color:var(--ink);font-size:clamp(1.8rem,4vw,2.4rem);line-height:1;display:block}.metric-card p{color:var(--muted-strong);margin-top:10px}.dashboard{z-index:1;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;margin-top:20px;display:grid;position:relative}.project-card,.checkin-card,.timer-card{grid-column:span 7}.continuity-card,.guidance-card,.log-card{grid-column:span 5}.dashboard .panel:first-child{animation-delay:.1s}.dashboard .panel:nth-child(2){animation-delay:.16s}.dashboard .panel:nth-child(3){animation-delay:.22s}.dashboard .panel:nth-child(4){animation-delay:.28s}.dashboard .panel:nth-child(5){animation-delay:.34s}.dashboard .panel:nth-child(6){animation-delay:.4s}.section-heading{margin-bottom:22px}.section-heading h2{margin:10px 0}.section-heading p{max-width:60ch;color:var(--muted-strong)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field{flex-direction:column;gap:8px;display:flex}.field-label{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:.77rem;font-weight:700}.field-control{width:100%;color:var(--ink);background:#fffcf8e0;border:1px solid #244a481f;border-radius:18px;padding:14px 16px;transition:border-color .18s,box-shadow .18s,transform .18s,background .18s;box-shadow:inset 0 1px #ffffffbf}.field-control::placeholder{color:#516663ad}.field-control:focus{background:#fffffff0;border-color:#d16a4c99;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #d16a4c21,inset 0 1px #fffc}.field-textarea{resize:vertical;min-height:110px}.field-hint{color:var(--muted-strong);font-size:.92rem}.checkin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0;display:grid}.rating-group,.picker-block{background:#fff6;border:1px solid #244a481c;border-radius:24px;padding:18px}.picker-block.compact{padding:18px}.picker-header{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.picker-header p{color:var(--muted-strong)}.rating-row,.chip-row{flex-wrap:wrap;gap:10px;display:flex}.rating-button,.chip,.primary-button,.ghost-button{appearance:none;cursor:pointer;font:inherit;border:none}.rating-button{width:44px;height:44px;color:var(--ink-soft);background:#fffcf8c7;border:1px solid #244a4824;border-radius:16px;font-weight:700;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}.rating-button:hover,.rating-button[data-active=true]{background:var(--coral);color:#fff9f2;border-color:#0000;transform:translateY(-1px);box-shadow:0 14px 24px #d16a4c33}.chip{color:var(--ink-soft);background:#fffcf8d1;border:1px solid #244a481f;border-radius:999px;padding:11px 14px;font-weight:600;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}.chip:hover{border-color:#2d6b665c;transform:translateY(-1px)}.chip[data-active=true]{background:var(--teal);color:#fdf7ee;border-color:#0000;box-shadow:0 14px 24px #184f4b2e}.continuity-body{flex-direction:column;gap:14px;display:flex}.continuity-card h3,.session-head h3{margin:0}.continuity-meta,.session-meta{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;gap:10px;font-size:.82rem;font-weight:700;display:flex}.continuity-step,.session-step{color:var(--ink);font-size:1.02rem}.continuity-reflection,.session-reflection,.ritual-body,.support-note{color:var(--muted-strong)}.quote-box{background:linear-gradient(135deg,#d16a4c17,#d8a05a14);border:1px solid #d16a4c29;border-radius:24px;margin-bottom:18px;padding:20px 20px 18px 52px;position:relative}.quote-mark{color:#d16a4c85;font-family:var(--font-display);font-size:4rem;line-height:1;position:absolute;top:14px;left:18px}.guidance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.guidance-block{background:#ffffff6b;border:1px solid #244a481a;border-radius:20px;padding:16px}.guidance-label{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:.76rem;font-weight:700;display:block}.plan-list{color:var(--ink-soft);gap:10px;margin:18px 0 22px;padding-left:1.15rem;display:grid}.plan-list li::marker{color:var(--coral);font-weight:700}.timer-layout{grid-template-columns:270px minmax(0,1fr);align-items:center;gap:24px;display:grid}.timer-ring{aspect-ratio:1;background-color:#fffbf5eb;border-radius:50%;place-items:center;width:100%;padding:16px;display:grid;box-shadow:inset 0 0 0 1px #244a4814,0 28px 54px #3c26181f}.timer-ring[data-running=true]{animation:2.8s ease-in-out infinite pulse}.timer-core{text-align:center;background:radial-gradient(circle at top,#fffffff2,#f8eedfdb),#ffffffe6;border:1px solid #244a481a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;padding:22px;display:flex;box-shadow:inset 0 1px #ffffffc2}.timer-kicker{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;font-size:.74rem;font-weight:700}.timer-core strong{letter-spacing:-.06em;color:var(--ink);font-size:clamp(2.4rem,5vw,3.8rem);line-height:.95}.timer-core span:last-child{max-width:11ch;color:var(--muted-strong)}.timer-controls{flex-direction:column;gap:16px;display:flex}.action-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.primary-button{background:linear-gradient(135deg, var(--coral), var(--gold));color:#fff8ee;border-radius:999px;padding:14px 18px;font-weight:700;transition:transform .18s,box-shadow .18s,filter .18s;box-shadow:0 16px 28px #d16a4c3d}.primary-button:hover{filter:saturate(1.03);transform:translateY(-1px);box-shadow:0 20px 30px #d16a4c47}.ghost-button{color:var(--ink);background:#fffcf8c7;border:1px solid #244a481f;border-radius:999px;padding:13px 17px;font-weight:600;transition:transform .18s,background .18s,border-color .18s}.ghost-button:hover{background:#ffffffe6;border-color:#2d6b6642;transform:translateY(-1px)}.action-link{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.status-banner{min-height:56px;color:var(--ink-soft);background:#ffffff6b;border:1px solid #244a481a;border-radius:20px;align-items:center;padding:14px 16px;display:flex}.support-note{font-size:.94rem;line-height:1.5}.support-note a{color:var(--teal-deep);font-weight:700;text-decoration-thickness:1px}.session-list{gap:12px;margin-top:20px;display:grid}.session-item{background:#ffffff6b;border:1px solid #244a481a;border-radius:22px;padding:16px}.session-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.session-head span{white-space:nowrap;color:var(--muted);font-size:.9rem}.empty-state{color:var(--muted-strong);background:#ffffff4d;border:1px dashed #244a482e;border-radius:22px;padding:20px}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translateY(14px)scale(1.05)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.014)}}@media (width<=1100px){.hero-grid,.timer-layout{grid-template-columns:1fr}.project-card,.continuity-card,.checkin-card,.guidance-card,.timer-card,.log-card{grid-column:span 12}}@media (width<=720px){.app-shell{width:min(100%,100% - 20px);padding-top:18px}.hero-panel,.project-card,.continuity-card,.checkin-card,.guidance-card,.timer-card,.log-card{padding:22px}.form-grid,.checkin-grid,.guidance-grid{grid-template-columns:1fr}.timer-layout{gap:18px}.timer-ring{max-width:280px;margin:0 auto}}@media (width<=560px){.dashboard{gap:16px}.action-row,.session-head{flex-direction:column;align-items:stretch}.primary-button,.ghost-button{text-align:center;width:100%}.support-note{text-align:center}.continuity-meta,.session-meta{font-size:.76rem}}