@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#233c39;--muted:#71817a;--line:#dce3d9;--accent:#256b53;--bg:#f4f5ee}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0,#e1eee6,transparent 45%),var(--bg);color:var(--ink);font-family:Manrope,system-ui,sans-serif;font-size:14px}.shell{max-width:1200px;margin:auto;padding:0 42px}header{height:100px;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line)}.brand{font-size:32px;font-weight:800;letter-spacing:-2px;color:var(--ink);text-decoration:none}.brand span{display:block;font-size:8px;letter-spacing:1px;font-weight:500}.edition{font-size:10px;letter-spacing:2px;color:var(--muted);flex:1}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;border-radius:12px;padding:11px 17px;background:#e5ece2;color:var(--ink);transition:transform .18s,background .18s}button:hover{background:#d5e4d8;transform:translateY(-1px)}button:disabled{opacity:.5;cursor:wait}.subtle{background:transparent;padding:10px 0;font-size:12px;color:var(--accent)}.intro{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;min-height:350px;padding:35px 0}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--muted)}h1{font-size:clamp(30px,4vw,48px);line-height:1.18;letter-spacing:-2px;margin:19px 0}h1 em{font-style:normal;color:#728977}h2{font-size:22px;letter-spacing:-.7px;margin:12px 0 22px}.lead{line-height:1.8;color:var(--muted)}.chips{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.chips span,.badge{border:1px solid #d6dfd1;border-radius:20px;padding:6px 10px;font-size:10px;color:#64775f}.companion{height:300px;position:relative;display:flex;align-items:center;justify-content:center}.orb{width:185px;height:185px;border-radius:50%;background:radial-gradient(circle at 32% 25%,#fffef2 0,#f0eec9 20%,#a4d4c3 47%,#acc0e3 70%,#bac9bb 90%);box-shadow:inset -16px -16px 30px #799b9470,inset 6px 5px 10px #ffffffb0,0 25px 55px #879e7e40;animation:breathe 6s ease-in-out infinite;display:grid;place-items:center}.orb span{font-size:24px;color:#fff;letter-spacing:6px;opacity:.85}.orbit{position:absolute;width:285px;height:155px;border:1px solid #a5b8a94d;border-radius:50%;transform:rotate(-25deg)}.companion-label{position:absolute;bottom:16px;font-size:10px;letter-spacing:1px;color:var(--muted)}.companion-label i{display:inline-block;width:5px;height:5px;background:#68a786;border-radius:50%;margin-right:5px}@keyframes breathe{50%{transform:translateY(-8px) scale(1.025)}}nav{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:25px;padding-bottom:12px}nav button{background:transparent;color:var(--muted)}nav button.selected{background:var(--ink);color:white}.grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.card{background:#ffffffb8;border:1px solid #e2e7dd;border-radius:24px;padding:26px;box-shadow:0 6px 25px #54774503}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.lower{margin-top:22px}.inline{display:flex;gap:10px;align-items:center}.inline input:not([type=checkbox]){flex:1;min-width:0}input:not([type=range]):not([type=checkbox]),textarea,select{background:#f5f7f1;border:1px solid var(--line);border-radius:12px;padding:13px;color:var(--ink);width:100%;outline:none}input:focus,textarea:focus,select:focus{border-color:#649b7e;box-shadow:0 0 0 3px #74a48820}textarea{resize:vertical;display:block;margin:14px 0}select{width:auto;max-width:100%}.round{font-size:22px;padding:6px 15px}.task,.note,.proposal,.message{border-bottom:1px solid var(--line);padding:16px 0;line-height:1.65;overflow-wrap:anywhere}.task{display:flex;gap:12px;align-items:flex-start}.task button{background:transparent;border:1px solid #bac8b7;border-radius:50%;width:24px;height:24px;flex-shrink:0;padding:0}.task p{margin:0}.task small,.note small,.message small{display:block;color:var(--muted);font-size:10px}.note p,.proposal p{white-space:pre-wrap;margin:7px 0}.note button,.proposal button{font-size:11px;margin:7px 7px 0 0}.footnote{font-size:11px;color:var(--muted);line-height:1.7;margin:18px 0 0}.primary{background:var(--ink);color:white}.primary:hover{background:var(--accent)}label{display:block;margin:18px 0;font-size:12px;color:#657465}label output{float:right;font-weight:700;color:var(--ink)}label select{display:block;margin-top:8px;width:100%}input[type=range]{display:block;width:100%;accent-color:#789d66;margin:15px 0}.state-card .primary{width:100%;margin-top:12px}.empty{color:#8a998c;padding:15px 0;line-height:1.8}.message .answer{white-space:pre-wrap;background:#eff4eb;padding:15px;border-radius:16px;margin-top:10px}.message .question{white-space:pre-wrap}#notice{color:#7b4434;line-height:1.7}#notice:not(:empty){padding:14px;background:#faeee6;border-radius:12px;margin-bottom:15px}footer{padding:40px 0;display:flex;justify-content:space-between;color:#7c8b7b;font-size:10px;gap:20px}#states p{color:var(--muted);border-bottom:1px solid var(--line);padding:12px 0}.panel[hidden]{display:none}@media(max-width:650px){.shell{padding:0 18px}header{height:78px;gap:20px}.edition{font-size:8px}header .subtle{display:none}.intro{min-height:280px;grid-template-columns:1.35fr .65fr;padding:24px 0}h1{font-size:31px;letter-spacing:-1px}.lead{font-size:12px}.companion{height:220px}.orb{width:100px;height:100px}.orb span{font-size:15px}.orbit{width:132px;height:85px}.companion-label{font-size:8px;text-align:center;bottom:35px}.grid{grid-template-columns:1fr;gap:16px}.card{padding:22px;border-radius:20px}nav{gap:1px;justify-content:space-between}nav button{padding:10px 12px;font-size:12px}footer{flex-direction:column;gap:8px}#notebook .inline{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
nav{overflow-x:auto;justify-content:flex-start}nav button{white-space:nowrap}.wrap{flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.form-grid label{margin:10px 0}details{border-top:1px solid var(--line);padding:16px 0}summary{cursor:pointer;line-height:1.6;font-weight:600}dialog{border:1px solid var(--line);border-radius:22px;padding:26px;max-width:500px;width:calc(100% - 28px);max-height:90dvh;overflow:auto;color:var(--ink);background:var(--bg)}dialog::backdrop{background:#173d3655}dialog button{margin-right:8px}.calendar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:18px}.calendar-day{border:1px solid var(--line);padding:15px;border-radius:16px}.calendar-day h3{font-size:14px}.calendar-event{border-left:3px solid #7aa58c;padding:12px;margin:12px 0;background:#eff4eb;border-radius:8px}.calendar-event p{white-space:pre-wrap;overflow-wrap:anywhere}.calendar-event button{font-size:11px;padding:7px;margin:4px}.task div button{width:auto;border:0;border-radius:8px;font-size:11px;height:auto;margin-top:8px;padding:4px 8px}.avatar-garden{width:150px;height:150px;border-radius:45% 45% 40% 40%;background:linear-gradient(135deg,#eaf2ba,#92ccb2);margin:35px auto;position:relative;display:grid;place-items:center;box-shadow:0 16px 35px #7a9c7a33;animation:breathe 5s ease-in-out infinite}.avatar-face{font-size:60px;color:#356553}.avatar-leaf{position:absolute;top:-15px;width:25px;height:45px;background:#629c67;border-radius:0 80% 0 80%;transform:rotate(-30deg)}.leaf-two{transform:rotate(50deg);left:80px;display:none}.avatar-garden[data-stage="2"] .leaf-two,.avatar-garden[data-stage="3"] .leaf-two,.avatar-garden[data-stage="4"] .leaf-two,.avatar-garden[data-stage="5"] .leaf-two{display:block}.avatar-garden[data-stage="4"],.avatar-garden[data-stage="5"]{box-shadow:0 0 0 8px #d9e9be,0 0 0 16px #e8eedb}.chips .earned{background:#deedd9;color:#2b6346}#calendarTimezone{font-size:11px;color:var(--muted)}.connection{padding:20px 0;border-bottom:1px solid var(--line)}.connection button{margin:8px 8px 0 0}button:focus-visible,summary:focus-visible{outline:3px solid #739d87;outline-offset:3px}@media(max-width:650px){nav{margin-left:-5px;margin-right:-5px}.calendar-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr 1fr}.avatar-garden{width:120px;height:120px}.inline.wrap label{flex:1}body{padding-bottom:env(safe-area-inset-bottom)}}
.companion{min-width:0;overflow:hidden}main{min-width:0}.intro>*{min-width:0}@media(max-width:650px){.intro{grid-template-columns:minmax(0,1fr) 105px;min-height:230px;padding:18px 0}h1{font-size:26px;letter-spacing:-.7px}.lead{font-size:11px;line-height:1.6}.companion{height:200px}.companion .avatar-garden{width:90px;height:95px}.companion .avatar-face{font-size:42px}.companion .avatar-leaf{width:18px;height:32px}.companion .leaf-two{left:49px}.companion-label{bottom:18px}.chips{margin-top:14px}.orbit{display:none}}
/* Life compass and personal paths */
.live-compass{width:104px;height:104px;border:1px solid #91bcb3;border-radius:50%;margin:12px auto 22px;display:grid;place-items:center;background:repeating-conic-gradient(from 0deg,#b8d5ce 0deg 1deg,transparent 1deg 30deg),radial-gradient(circle,#e1f5ed 30%,#f7f9f1 70%);box-shadow:inset 0 0 0 13px #f6f8f1;position:relative}.live-compass span{font-size:60px;color:#287969;animation:compass-breathe 8s ease-in-out infinite}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.action-grid button{white-space:normal}.sphere-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin:24px 0}.sphere-node{border:1px solid #cbded5;border-radius:22px;background:#edf4ec;text-align:left;padding:20px;min-height:94px;white-space:normal}.sphere-node small{display:block;margin-top:9px;font-weight:400}.sphere-node.selected{background:#285d50;color:#fff}.direction-card{background:#f4f6ee;border:1px solid #dce4d8;border-radius:22px;padding:24px;min-width:0}.direction-card p,.note p{overflow-wrap:anywhere;white-space:pre-wrap}.direction-card button,.note button,.surprise-card button{margin:4px 6px 4px 0;white-space:normal}progress{display:block;width:100%;height:9px;accent-color:#418773;margin:12px 0}.surprise-card{background:#e6eeda;padding:20px;border-radius:20px;margin:16px 0}.treasure{background:linear-gradient(135deg,#fbf6e7,#eee8d6)}.chosen-symbol{position:absolute;color:#2c7567;font-size:26px;text-shadow:0 1px white;z-index:3}.symbol-0{top:-12px;left:45%}.symbol-1{bottom:16px;left:-6px}.symbol-2{bottom:20px;right:-8px}.helper-voice{display:grid;grid-template-columns:1fr 100px auto;align-items:center;gap:10px;margin:10px 0}.helper-voice select{width:100%}audio{display:block;width:100%;max-width:100%;margin:12px 0}.speaking .avatar-face{animation:avatar-talk .35s ease-in-out infinite alternate}@keyframes avatar-talk{to{transform:scaleY(1.4)}}@keyframes compass-breathe{50%{transform:rotate(12deg) scale(1.05)}}@media(max-width:600px){.helper-voice{grid-template-columns:1fr 100px}.helper-voice button{grid-column:1/-1}.sphere-map{grid-template-columns:1fr 1fr}.direction-card{padding:18px}.action-grid button{font-size:13px;padding:10px 6px}}@media(prefers-reduced-motion:reduce){.live-compass span,.speaking .avatar-face{animation:none}}
.card,.grid>*{min-width:0}.inline select{min-width:0;flex:1}.card button{max-width:100%}.avatar-leaf{display:none!important}.avatar-garden{background:radial-gradient(circle at 28% 22%,#e0fff6,#8dd8c7 52%,#65ada0);box-shadow:inset -8px -10px 18px #347c6940,0 16px 35px #7a9c7a33}.avatar-face:before{content:'· ·';display:block;font-size:.6em;line-height:.3;text-align:center;letter-spacing:.1em}.avatar-garden[data-stage="2"]{border-radius:40%}.avatar-garden[data-stage="3"]{border-radius:35%;box-shadow:inset -8px -10px 18px #347c6940,0 0 0 4px #d9ece2}.live-compass{filter:saturate(var(--compass-vitality,1))}.live-compass span{rotate:var(--compass-angle,0deg)}
[hidden]{display:none!important}.form-grid>*{min-width:0}.form-grid input,.form-grid select{min-width:0}@media(max-width:650px){#selfVoiceForm .form-grid{grid-template-columns:1fr}}