@import url("https://fonts.googleapis.com/css2?family=Forum&family=Cormorant+Garamond:wght@400;500;600;700&display=swap");
:root{--bg:#061449;--bg2:#130b55;--panel:#0a1b58d9;--panel2:#141060d9;--ink:#fff7df;--muted:#c7c9eb;--gold:#f5c65a;--gold2:#ffea9c;--line:#e8ba4e55;--pink:#ffc9e7;--blue:#5ca5ff;--shadow:0 24px 80px rgba(1,4,34,.35);--title-font:"Forum","Cormorant Garamond",serif;--ornate-font:"Cormorant Garamond",serif}
*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;font-family:"Cormorant Garamond",Inter,system-ui,sans-serif;color:var(--ink);background:radial-gradient(circle at 50% 0,#173ca0 0 10%,transparent 35%),radial-gradient(circle at 15% 30%,#5e178c55,transparent 35%),radial-gradient(circle at 85% 60%,#a33c8b44,transparent 35%),linear-gradient(160deg,#061449,#0b1f62 48%,#16084d);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(#fff 0 1px,transparent 1.2px),radial-gradient(#ffd76d 0 1px,transparent 1.2px);background-size:43px 43px,71px 71px;background-position:0 0,17px 11px;opacity:.22;z-index:-1}button,input,textarea,select{font:inherit}button{color:inherit}.shell{width:min(1500px,calc(100% - 28px));margin:auto;padding:14px 0 70px}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;border:1px solid var(--line);border-radius:22px;background:#07174ae8;backdrop-filter:blur(18px);box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:12px}.brand-sun{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#2b155c;background:radial-gradient(circle,#fff8bf,#ffc84e 55%,#b66609);box-shadow:0 0 30px #ffd15a88}.brand h1{font-family:var(--title-font);margin:0;font-size:34px;letter-spacing:.03em;color:var(--gold2)}.brand small{display:block;color:var(--muted)}.top-actions{display:flex;gap:8px;align-items:center}.owner-pill{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#ffda6b14;color:var(--gold2);font-size:12px;letter-spacing:.12em}.nav{display:flex;gap:8px;padding:18px 2px 10px;overflow:auto}.nav button,.journey-switch button{border:1px solid transparent;background:#ffffff09;padding:10px 15px;border-radius:999px;color:var(--muted);cursor:pointer;white-space:nowrap}.nav button.active,.journey-switch button.active{background:linear-gradient(135deg,#f3b73d,#ffe59a);color:#291348;border-color:#fff2ba;box-shadow:0 0 25px #f8c95633}.btn{border:1px solid #fff0a7aa;background:linear-gradient(135deg,#eaa62c,#ffe284);color:#321a55;padding:11px 17px;border-radius:14px;cursor:pointer;font-weight:700;box-shadow:0 10px 30px #f5bc4630}.btn.secondary{background:#081c5db8;color:var(--gold2);border-color:var(--line);box-shadow:none}.btn.ghost{background:transparent;color:var(--muted);border-color:var(--line);box-shadow:none}.btn.full{width:100%}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold2);font-weight:800}.lead{color:var(--muted);line-height:1.65}.field{display:grid;gap:7px;margin:12px 0}.field label{font-size:12px;color:#e6dcbf}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:#061646d9;color:var(--ink);border-radius:14px;padding:12px 13px;outline:none}.field textarea{min-height:110px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#ffd56d;box-shadow:0 0 0 3px #ffd56d18}.error{color:#ffb7c2;margin-top:10px;font-size:13px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(460px,100%);padding:34px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(160deg,#081b5ee8,#1b0d5ce8);box-shadow:var(--shadow);position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-100px;top:-120px;background:radial-gradient(circle,#ffe06e99,transparent 64%);filter:blur(12px)}.login-card h1{font-family:var(--title-font);font-size:70px;line-height:.88;letter-spacing:.03em;margin:12px 0 20px;color:var(--gold2)}
.cosmic-panel{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:34px;background:radial-gradient(circle at 68% 38%,#3148cb4c,transparent 22%),radial-gradient(circle at 40% 80%,#a1268352,transparent 28%),linear-gradient(145deg,#071856e8,#10116fe3 55%,#270b63e8);box-shadow:var(--shadow)}.cosmic-panel:before,.cosmic-panel:after{content:"";position:absolute;width:280px;height:220px;pointer-events:none;background:radial-gradient(ellipse at center,#ffbde744,transparent 60%);filter:blur(12px)}.cosmic-panel:before{left:-70px;top:-80px}.cosmic-panel:after{right:-70px;bottom:-80px}.hero{display:grid;grid-template-columns:minmax(360px,.78fr) minmax(620px,1.22fr);gap:18px;align-items:center;padding:42px 34px;min-height:680px}.hero-copy{position:relative;z-index:3}.hero h2{font-family:var(--title-font);font-weight:400;font-size:clamp(62px,6vw,98px);line-height:.88;letter-spacing:.03em;margin:12px 0 22px;color:var(--gold2);text-shadow:0 0 28px #ffc84d22}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.mini-status{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}.metric{padding:10px 13px;border:1px solid #ffffff16;border-radius:14px;background:#020f3e6b}.metric strong{display:block;font-family:"Cormorant Garamond",serif;font-size:30px;color:var(--gold2)}.metric span{font-size:11px;color:var(--muted)}.sun-stage{position:relative;min-height:660px;display:grid;place-items:center;isolation:isolate;overflow:visible}.sun-stage:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;border:1px solid #ffd55a44;box-shadow:0 0 55px #ffd45b29,inset 0 0 55px #7957ff22;background:repeating-conic-gradient(from 0deg,#f9d46622 0 1deg,transparent 1deg 15deg);mask:radial-gradient(circle,transparent 0 55%,#000 56% 58%,transparent 59%)}.wheel-wrap{position:relative;width:590px;height:590px;display:grid;place-items:center;z-index:3}.sacred-ring{position:absolute;inset:26px;border-radius:50%;border:1px solid #ffdc6b55;box-shadow:0 0 45px #ffd56b1e}.sacred-ring:before,.sacred-ring:after{content:"";position:absolute;inset:14%;border:1px solid #9bc8ff33;transform:rotate(45deg)}.sacred-ring:after{transform:rotate(15deg)}.wheel{position:relative;width:540px;height:540px}.ray-chip{--a:0deg;--score:.2;position:absolute;left:50%;top:50%;width:170px;height:118px;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-210px) rotate(calc(-1 * var(--a)));border:1px solid #ffd15c88;border-radius:34px 34px 50px 50px;background:linear-gradient(180deg,#0a2a7de8,#1a145fe8);box-shadow:0 12px 30px #00053d55,inset 0 0 24px #6149ff26;display:grid;place-items:center;text-align:center;padding:12px;cursor:pointer;transition:.22s;z-index:4}.ray-chip:before{content:"";position:absolute;inset:-5px;border:1px solid #ffe28655;border-radius:38px 38px 54px 54px;box-shadow:0 0 calc(10px + var(--score)*28px) #ffd35a55}.ray-chip:hover{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-216px) rotate(calc(-1 * var(--a))) scale(1.035)}.ray-chip small{font-size:11px;color:#ffe7a8}.ray-chip b{font-family:"Cormorant Garamond",serif;font-size:25px;color:#fff0b6}.ray-chip i{font-style:normal;font-size:9px;letter-spacing:0;color:#ffd156;max-width:130px;overflow:hidden;white-space:nowrap}.sun-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:220px;height:220px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 44%,#252597 0 36%,#17105b 62%,#d58a24 64%,#ffe183 68%,#341777 71%);border:1px solid #ffda63;box-shadow:0 0 60px #ffd04b66,inset 0 0 45px #4027a8}.sun-core:before{content:"";position:absolute;inset:-22px;border-radius:50%;background:repeating-conic-gradient(#ffd45b 0 1deg,transparent 1deg 8deg);mask:radial-gradient(circle,transparent 0 56%,#000 57% 61%,transparent 62%)}.sun-glyph{position:absolute;top:21px;font-family:"Cormorant Garamond",serif;font-size:76px;line-height:1;color:#ffd86b;text-shadow:0 0 22px #ffd95a}.sun-core span{margin-top:74px;font-family:"Cormorant Garamond",serif;font-size:28px;line-height:.9;color:#fff1bd}.sun-core small{display:block;margin-top:7px;color:#d7c7ef;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.lion-slot{position:absolute;z-index:5;bottom:-4px;width:260px;height:460px;display:flex;align-items:end;justify-content:center;pointer-events:none}.lion-slot.left{left:-85px}.lion-slot.right{right:-85px}.lion-slot img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 28px #000633aa)}.lion-placeholder{width:120px;height:190px;border:1px dashed #ffd76c66;border-radius:60px 60px 24px 24px;display:grid;place-items:center;align-content:center;background:#06174c70;color:#ffd86b;text-align:center}.lion-placeholder span{font-size:56px}.lion-placeholder small{color:#c8cae9}
.section{padding:28px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px}.section h3{font-family:var(--title-font);font-size:48px;letter-spacing:.03em;margin:0;color:var(--gold2)}.section-head p{color:var(--muted);margin:0;max-width:580px}.journey-switch{display:flex;gap:8px;margin-bottom:16px}.owner-switch{margin-top:4px}.day-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.day-cell,.activation-cell{min-height:170px;text-align:left;border:1px solid var(--line);border-radius:22px;padding:16px;background:linear-gradient(165deg,#0b236cd9,#18115dd9);cursor:pointer;display:flex;flex-direction:column;gap:7px;box-shadow:0 14px 36px #00052a38}.day-cell span,.activation-cell span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#ffd86b}.day-cell strong,.activation-cell strong{font-family:"Cormorant Garamond",serif;font-size:20px;color:#f7cde8}.day-cell b,.activation-cell b{font-family:var(--title-font);font-size:26px;line-height:1.1;margin-top:8px}.day-cell small,.activation-cell small{margin-top:auto;color:#aeb9e8}.day-cell.locked,.activation-cell.locked{opacity:.48;filter:saturate(.45)}.day-cell.done,.activation-cell.done{box-shadow:0 0 30px #ffd25a26;border-color:#ffd76599}.card{border:1px solid var(--line);border-radius:24px;background:linear-gradient(160deg,#091c5ddc,#141054dc);padding:20px;box-shadow:var(--shadow);backdrop-filter:blur(10px)}.summary-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px}.summary-card h4,.settings-title{font-family:"Cormorant Garamond",serif;font-size:34px;margin:6px 0 10px;color:var(--gold2)}.summary-card p{color:var(--muted);line-height:1.65}.focus-orb{width:125px;height:125px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,#4232a8,#14105a 62%,#ffc95d 65%,#17105e 69%);box-shadow:0 0 35px #ffd25c3d;font-family:"Cormorant Garamond",serif;font-size:21px;padding:12px}.focus-orb small{font-family:Inter,sans-serif;color:#ffe69c}.modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:#020519aa;backdrop-filter:blur(10px);padding:18px}.modal-card{width:min(920px,100%);max-height:92vh;overflow:auto;border:1px solid #ffd46666;border-radius:28px;padding:26px;background:linear-gradient(160deg,#081b5f,#18105b);box-shadow:0 30px 100px #000}.modal-top{display:flex;justify-content:space-between;align-items:start;gap:15px}.modal h3{font-family:var(--title-font);font-size:48px;letter-spacing:.03em;margin:0;color:var(--gold2)}.close{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#061646;color:#fff;cursor:pointer;font-size:24px}.modal-actions,.settings-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-top:18px}.score-row{display:grid;grid-template-columns:160px 1fr 45px;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #ffffff12}.score-row strong{font-family:"Cormorant Garamond",serif;font-size:23px}.score-bubbles{display:grid;grid-template-columns:repeat(10,1fr);gap:5px}.score-bubbles button{aspect-ratio:1;border-radius:50%;border:1px solid #ffd66d55;background:#ffffff08;color:#fff0bd;cursor:pointer}.score-bubbles button.selected{background:radial-gradient(circle,#fff1a0,#f1b32f 60%,#8e4a13);color:#33154f;box-shadow:0 0 18px #ffc94f88}.score-val{font-family:"Cormorant Garamond",serif;font-size:28px;text-align:right;color:#ffe69d}.journey-step{padding:19px 0;border-bottom:1px solid #ffffff12}.journey-step h4{font-family:"Cormorant Garamond",serif;font-size:28px;margin:0 0 10px;color:#ffe5a1}.question{border:1px solid #ffffff13;border-radius:18px;padding:14px;margin:10px 0;background:#ffffff07}.question label{display:block;font-family:"Cormorant Garamond",serif;font-size:22px;margin-bottom:8px}.practice{border:1px solid #ffd76c44;border-radius:18px;padding:17px;background:linear-gradient(135deg,#6d2e8629,#d89f3330);color:#f5e9ff;line-height:1.65}.activation-hero{display:flex;gap:16px;align-items:center;border:1px solid #ffd76244;border-radius:24px;padding:20px;background:radial-gradient(circle at 15% 50%,#ffd45527,transparent 30%),#ffffff05}.activation-symbol{font-size:56px;color:#ffd75e;text-shadow:0 0 30px #ffd75e}.activation-hero p{color:var(--muted);line-height:1.6}.editor-layout{display:grid;grid-template-columns:300px 1fr;gap:16px}.sidebar-list{display:grid;gap:7px;align-content:start}.sidebar-list button{text-align:left;border:1px solid transparent;background:#ffffff05;border-radius:14px;padding:12px;color:#f8eecf;cursor:pointer}.sidebar-list button small{display:block;color:#f6bde1;margin-bottom:4px}.sidebar-list button.active{border-color:#ffd45d88;background:#ffd05c14}.editor-form h4{font-family:"Cormorant Garamond",serif;font-size:36px;margin:4px 0 12px;color:var(--gold2)}.q-edit{margin:8px 0}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-columns,.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.upload-card{display:grid;grid-template-columns:115px 1fr;gap:14px;align-items:center;border:1px solid #ffffff14;border-radius:18px;padding:12px;background:#ffffff05}.lion-preview{height:130px;border-radius:14px;background:linear-gradient(160deg,#06174b,#2c186e);display:grid;place-items:center;overflow:hidden}.lion-preview img{width:100%;height:100%;object-fit:contain}.lion-preview span{font-size:48px;color:#ffd664}.upload-card strong{display:block;font-family:"Cormorant Garamond",serif;font-size:22px;color:#ffe9aa}.upload-card small{display:block;color:var(--muted);margin:3px 0 12px}.file-btn{display:inline-block;position:relative;overflow:hidden}.file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.notice{margin-top:12px;padding:13px 15px;border:1px solid #ffd35c35;border-radius:15px;background:#ffd35c0d;color:var(--muted);font-size:13px;line-height:1.55}.openai-status{display:flex;align-items:center;gap:8px;color:#d9bbca;font-size:13px;margin:8px 0}.openai-status span{width:9px;height:9px;border-radius:50%;background:#d06378}.openai-status.ok span{background:#5fe097;box-shadow:0 0 15px #5fe097}.code{white-space:pre-wrap;word-break:break-word;background:#020c32;color:#e9eaff;padding:16px;border-radius:16px;min-height:220px;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.toast{position:fixed;right:20px;bottom:20px;z-index:100;background:#09184e;color:#ffe9a3;border:1px solid #ffd45d66;border-radius:14px;padding:12px 16px;box-shadow:var(--shadow)}
@media(max-width:1200px){.hero{grid-template-columns:1fr;padding:34px 26px}.sun-stage{min-height:600px}.day-strip{grid-template-columns:repeat(3,1fr)}.settings-columns{grid-template-columns:1fr}}
@media(max-width:900px){.wheel-wrap{transform:scale(.84)}.editor-layout{grid-template-columns:1fr}.sidebar-list{grid-template-columns:repeat(3,1fr)}.integration-grid{grid-template-columns:1fr}.upload-grid{grid-template-columns:1fr}.lion-slot{width:180px;height:340px}.lion-slot.left{left:-10px}.lion-slot.right{right:-10px}}
@media(max-width:650px){.shell{width:min(100% - 18px,1500px)}.topbar{align-items:flex-start}.owner-pill{display:none}.nav{padding-top:12px}.hero{padding:26px 18px}.hero h2{font-size:58px}.sun-stage{min-height:450px;overflow:hidden}.wheel-wrap{transform:scale(.65)}.lion-slot{display:none}.day-strip{grid-template-columns:1fr 1fr}.section-head{align-items:start;flex-direction:column}.settings-grid{grid-template-columns:1fr}.score-row{grid-template-columns:1fr 42px}.score-bubbles{grid-column:1/-1}.modal-card{padding:17px}.modal h3{font-size:38px}.sidebar-list{grid-template-columns:1fr 1fr}.upload-card{grid-template-columns:90px 1fr}.summary-card{grid-template-columns:1fr}.top-actions .btn{padding:9px 11px}}

/* ===== v0.4 NEON RESOURCE SUN ===== */
.neon-sun-wrap{width:660px;height:620px;position:relative;display:grid;place-items:center}
.neon-sun-wrap .sacred-ring{inset:68px;opacity:.48;border-color:#ffad4a55;box-shadow:0 0 55px #ff7a1f1f,inset 0 0 45px #ffb13b12}
.neon-sun-wrap .sacred-ring:before,.neon-sun-wrap .sacred-ring:after{border-color:#ffb54a2d}
.neon-sun{position:relative;width:600px;height:600px}
.sun-spoke{--a:0deg;position:absolute;left:50%;top:50%;width:302px;height:74px;transform-origin:0 50%;transform:rotate(calc(var(--a) - 90deg));border:0;background:transparent;padding:0;cursor:pointer;z-index:4;color:inherit;overflow:visible}
.beam-line{position:absolute;left:112px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px;height:28px;filter:drop-shadow(0 0 8px #ff7b00)}
.beam-segment{position:relative;display:block;width:13px;height:7px;border-radius:999px;border:1px solid #ff9a3f66;background:#3b1b1a88;box-shadow:inset 0 0 5px #ff8a2329;transition:.22s ease;transform:scaleX(.95)}
.beam-segment.lit{background:linear-gradient(90deg,#ff5a00,#ffae22 48%,#fff2a8);border-color:#ffd270;box-shadow:0 0 5px #ff5a00,0 0 12px #ff7a00,0 0 22px #ffb21f,inset 0 0 4px #fff7bd;transform:scaleX(1.04)}
.beam-segment i{display:none}
.beam-label{position:absolute;left:260px;top:50%;min-width:128px;transform:translateY(-50%) rotate(calc(90deg - var(--a)));transform-origin:center;display:grid;gap:2px;text-align:center;pointer-events:none;padding:8px 12px;border:1px solid #ffb34855;border-radius:999px;background:linear-gradient(145deg,#101b67e8,#27105be8);box-shadow:0 0 18px #ff7d1722,inset 0 0 14px #ff9b1910;backdrop-filter:blur(8px)}
.beam-label b{font-family:var(--title-font);font-size:20px;line-height:1.02;letter-spacing:.02em;color:#fff0bd;text-shadow:0 0 12px #ff992e55}
.beam-label small{font:600 9px/1.2 Inter,sans-serif;color:#ffbd62;letter-spacing:.06em;text-transform:uppercase}
.sun-spoke:hover .beam-segment.lit{box-shadow:0 0 7px #ff5900,0 0 17px #ff7b00,0 0 29px #ffbf39,inset 0 0 5px #fff9cf}
.sun-spoke:hover .beam-label{border-color:#ffd071aa;box-shadow:0 0 28px #ff8b263c,inset 0 0 18px #ffb41e18}
.neon-core{width:216px;height:216px;background:radial-gradient(circle at 43% 35%,#fff9c9 0 5%,#ffd44f 12%,#ff9b16 28%,#ff5b00 51%,#c52800 70%,#5f0a0b 88%,#25052d 100%);border:2px solid #ffc44d;box-shadow:0 0 12px #fff0a0,0 0 34px #ff9d18,0 0 72px #ff5a00aa,0 0 120px #ff4b0055,inset 0 0 34px #fff06e77;z-index:8;overflow:hidden;display:grid;place-items:center}
.neon-core:before{inset:-18px;background:repeating-conic-gradient(from 0deg,#ffb42b 0 1.5deg,transparent 1.5deg 7.5deg);mask:radial-gradient(circle,transparent 0 58%,#000 59% 63%,transparent 64%);filter:drop-shadow(0 0 7px #ff7500)}
.neon-core:after{content:"";position:absolute;inset:13px;border-radius:50%;border:1px solid #fff2a477;box-shadow:inset 0 0 28px #ffef8a55,0 0 15px #ffab2b55;pointer-events:none}
.neon-core .core-title{position:relative;z-index:2;margin:0;font-family:var(--title-font);font-weight:400;font-size:30px;line-height:.86;letter-spacing:.045em;color:#fff9d6;text-shadow:0 1px 2px #7a1600,0 0 9px #ff7a00,0 0 20px #ffcd54}
.neon-core small{position:absolute;z-index:2;left:50%;bottom:42px;transform:translateX(-50%);width:150px;margin:0;color:#ffe9ae;font-size:8px;letter-spacing:.09em;text-shadow:0 1px 5px #7a1600}
.sun-hint{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);color:#f7c985;font-size:10px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;opacity:.75}

@media(max-width:900px){.neon-sun-wrap{transform:scale(.82);transform-origin:center}.beam-label{min-width:112px}}
@media(max-width:650px){.neon-sun-wrap{transform:scale(.62);transform-origin:center}.sun-hint{display:none}}

.center-sun-image{width:100%;height:100%;object-fit:contain;display:block;position:relative;z-index:2;filter:drop-shadow(0 0 20px rgba(255,170,55,.35));}
.neon-core.has-image{background:radial-gradient(circle at 50% 50%,rgba(255,190,90,.12),rgba(255,90,0,.12));}
.core-fallback{position:relative;z-index:2;display:grid;place-items:center;gap:10px;text-align:center;padding:18px;}
.core-note{font-size:11px;line-height:1.25;color:#ffe7aa;opacity:.88;max-width:130px;}
.upload-grid-visual{grid-template-columns:repeat(3,minmax(0,1fr));}
.center-upload-card .lion-preview{background:radial-gradient(circle at 50% 40%,#2d175f,#09174b 62%,#020d2e);}
.center-preview img{padding:8px;}
@media(max-width:900px){.upload-grid-visual{grid-template-columns:1fr;} .center-upload-card .lion-preview{height:150px;}}


/* ===== v0.6 BRIGHT CELESTIAL UI + WIDE 1-10 RAYS ===== */
:root{--ink:#633451;--muted:#806a82;--gold:#d99b23;--gold2:#a54b73;--line:#d8a35a55;--shadow:0 22px 70px rgba(113,69,150,.16);--title-font:"Forum","Cormorant Garamond",serif}
body{color:var(--ink);background:
radial-gradient(circle at 22% 18%,rgba(255,255,255,.98) 0 12%,transparent 34%),
radial-gradient(circle at 78% 24%,rgba(255,206,235,.68),transparent 30%),
radial-gradient(circle at 52% 74%,rgba(194,179,255,.72),transparent 36%),
linear-gradient(135deg,#f8efff 0%,#d6e6ff 35%,#f8d7ef 68%,#e7d9ff 100%);background-attachment:fixed}
body:before{background-image:radial-gradient(#fff 0 1.6px,transparent 1.9px),radial-gradient(#ffd56c 0 1.4px,transparent 1.7px),radial-gradient(#ff9dcf 0 1px,transparent 1.4px);background-size:36px 36px,67px 67px,93px 93px;opacity:.62}
.shell{width:min(1580px,calc(100% - 28px))}
.topbar{background:rgba(255,255,255,.82);border-color:#e8caa9aa;box-shadow:0 14px 44px rgba(115,79,143,.13)}
.brand h1{color:#8f3d65}.brand small,.owner-pill{color:#8a6980}.owner-pill{background:#fff7eacc;border-color:#dfb86c88}
.nav button,.journey-switch button{background:rgba(255,255,255,.55);color:#6f5872;border-color:#ffffff88}
.nav button.active,.journey-switch button.active{background:linear-gradient(135deg,#ff967f,#ff4e9e);color:#fff;border-color:#ffb5cc;box-shadow:0 9px 26px rgba(255,79,155,.25)}
.btn{background:linear-gradient(135deg,#ffb34e,#ff5b9a);color:#fff;border-color:#ffd4a5;box-shadow:0 10px 28px rgba(255,112,121,.23)}
.btn.secondary{background:rgba(255,255,255,.72);color:#71425d;border-color:#d7a86f77}.btn.ghost{color:#774f67;border-color:#d9ae7680}
.cosmic-panel{overflow:hidden;border-color:#e5c79c88;background:
radial-gradient(circle at 72% 30%,rgba(255,255,255,.86),transparent 25%),
radial-gradient(circle at 86% 72%,rgba(255,178,222,.56),transparent 24%),
radial-gradient(circle at 40% 72%,rgba(183,204,255,.55),transparent 32%),
linear-gradient(135deg,rgba(255,255,255,.84),rgba(239,229,255,.76) 52%,rgba(255,222,241,.78));box-shadow:0 26px 80px rgba(99,73,143,.16)}
.cosmic-panel:before,.cosmic-panel:after{background:radial-gradient(ellipse at center,#ffc4e56e,transparent 62%)}
.hero{grid-template-columns:minmax(390px,.76fr) minmax(810px,1.24fr);min-height:720px;padding:38px 34px;gap:12px}
.hero-copy{z-index:10}.hero h2{color:#a23363;font-size:clamp(58px,5.4vw,91px);text-shadow:0 2px 0 #fff,0 12px 32px rgba(171,58,110,.14)}.hero .lead{color:#695873;font-size:17px;max-width:560px}
.eyebrow{color:#9a5778}.mini-status .metric{background:rgba(255,255,255,.75);border-color:#e6cdb3}.metric strong{color:#a2446d}.metric span{color:#7e697d}
.sun-stage{min-height:650px;overflow:visible;position:relative;padding:0 10px}.sun-stage:before{display:none}
.lion-slot{width:178px;height:380px;bottom:34px;z-index:7}.lion-slot.left{left:8px}.lion-slot.right{right:8px}.lion-slot img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 20px rgba(92,56,113,.25))}
.bright-sun-wrap{position:relative;width:650px;height:630px;display:grid;place-items:center;z-index:6}.bright-sun-wrap .sacred-ring{inset:55px;border-color:#d7a74655;box-shadow:0 0 40px rgba(255,196,86,.16),inset 0 0 38px rgba(184,152,255,.12)}
.bright-sun-wheel{position:relative;width:610px;height:610px}
.sun-spoke.wide-ray{--a:0deg;position:absolute;left:50%;top:50%;width:320px;height:126px;transform-origin:0 50%;transform:rotate(calc(var(--a) - 90deg));border:0;background:transparent;padding:0;cursor:pointer;z-index:3;color:inherit;overflow:visible}
.wide-ray-scale{position:absolute;left:104px;top:50%;width:196px;height:112px;transform:translateY(-50%);display:flex;align-items:center;gap:1px;filter:drop-shadow(0 0 7px rgba(255,151,31,.28))}
.wide-ray-step{--step:1;position:relative;width:19px;height:calc(36px + var(--step)*6.1px);display:grid;place-items:center;border:1px solid rgba(211,153,58,.58);background:linear-gradient(180deg,rgba(255,252,229,.76),rgba(255,220,153,.56));box-shadow:inset 0 0 9px rgba(255,255,255,.7);clip-path:polygon(7% 5%,100% 0,100% 100%,7% 95%);transition:.2s ease}
.wide-ray-step:first-child{border-radius:7px 0 0 7px}.wide-ray-step:last-child{border-radius:0 12px 12px 0}
.wide-ray-step.lit{background:linear-gradient(180deg,#fff2a4 0%,#ffc44f 32%,#ff8f22 68%,#ff6617 100%);border-color:#ff9a27;box-shadow:0 0 9px rgba(255,135,22,.7),0 0 18px rgba(255,157,31,.42),inset 0 0 8px rgba(255,255,218,.78)}
.wide-ray-step em{font:700 12px/1 Inter,sans-serif;color:#8a5523;font-style:normal;transform:rotate(calc(90deg - var(--a)));text-shadow:0 1px rgba(255,255,255,.65)}.wide-ray-step.lit em{color:#fff9de;text-shadow:0 1px 3px #a24a08}
.wide-label{position:absolute;left:290px;top:50%;min-width:132px;transform:translateY(-50%) rotate(calc(90deg - var(--a)));padding:9px 13px;border:1px solid rgba(210,153,72,.62);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,240,215,.9));box-shadow:0 8px 22px rgba(137,81,107,.12);display:grid;text-align:center;gap:2px;pointer-events:none}
.wide-label b{font-family:var(--title-font);font-size:21px;color:#6c3b52;font-weight:500}.wide-label small{font:700 9px/1 Inter,sans-serif;color:#d66e3b;text-transform:uppercase}
.bright-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:218px;height:218px;border-radius:50%;display:grid;place-items:center;z-index:8;background:radial-gradient(circle,rgba(255,252,213,.9),rgba(255,190,75,.25));border:2px solid #e2ad4d;box-shadow:0 0 18px rgba(255,201,74,.6),0 0 52px rgba(255,162,48,.28);overflow:visible}
.bright-core:before{content:"";position:absolute;inset:-12px;border-radius:50%;border:1px solid rgba(226,164,55,.5);box-shadow:0 0 26px rgba(255,180,44,.2);pointer-events:none}.bright-core:after{display:none}
.center-sun-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 50%;display:block;z-index:1;transform:none!important;filter:drop-shadow(0 0 15px rgba(255,169,29,.36))}
.center-sun-title{position:relative;z-index:3;width:154px;text-align:center;display:grid;gap:7px;pointer-events:none;text-shadow:0 1px 2px rgba(255,255,255,.95),0 1px 8px rgba(255,238,177,.95)}
.center-sun-title strong{font-family:var(--title-font);font-size:22px;line-height:.92;letter-spacing:.03em;color:#6b3c3c;font-weight:500}.center-sun-title span{font-family:var(--title-font);font-size:18px;color:#a34864;border-top:1px solid rgba(129,75,76,.35);padding-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.core-fallback{position:absolute;inset:0;border-radius:50%;display:grid;place-items:center;align-content:center;color:#bd6a55}.core-fallback>span{font-size:70px}.core-note{font-size:11px;color:#8a6871}
.sun-hint{bottom:0;color:#8b6474;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:none;background:rgba(255,255,255,.65);padding:7px 12px;border-radius:999px}
.section h3,.summary-card h4,.settings-title,.editor-form h4{color:#8e3e64}.section-head p,.summary-card p,.notice{color:#756276}.card{background:rgba(255,255,255,.79);border-color:#e4c8b0aa;box-shadow:0 15px 42px rgba(117,76,135,.1)}
.day-cell,.activation-cell{background:linear-gradient(165deg,rgba(255,255,255,.92),rgba(252,239,250,.87));border-color:#e4c7ac;color:#69465b;box-shadow:0 12px 30px rgba(119,78,138,.09)}.day-cell span,.activation-cell span{color:#c27a3a}.day-cell strong,.activation-cell strong{color:#ae5d7d}.day-cell small,.activation-cell small{color:#846e7e}.day-cell.locked,.activation-cell.locked{opacity:.58}
.modal-card{background:linear-gradient(160deg,#fffafa,#f4eaff);border-color:#e2c29d;color:#64475c}.modal h3{color:#933f66}.close{background:#fff;color:#8a4d68}.score-bubbles button{background:#fff;border-color:#e2b96f;color:#855c54}.score-bubbles button.selected{background:radial-gradient(circle,#fff7b8,#ffb331 60%,#f56c28);color:#7b3a25}.field input,.field textarea,.field select{background:rgba(255,255,255,.88);color:#684b61;border-color:#dfc5ad}.field label{color:#77566b}.upload-card{background:rgba(255,255,255,.62);border-color:#e2c9b4}.lion-preview{background:linear-gradient(160deg,#edf4ff,#f9e6f4)}
@media(max-width:1300px){.hero{grid-template-columns:minmax(350px,.72fr) minmax(700px,1.28fr)}.lion-slot{width:148px;height:330px}.sun-spoke.wide-ray{transform:rotate(calc(var(--a) - 90deg)) scale(.92);transform-origin:0 50%}}
@media(max-width:1120px){.hero{grid-template-columns:1fr}.hero-copy{max-width:780px}.sun-stage{min-height:690px}.lion-slot{width:160px;height:340px}.lion-slot.left{left:30px}.lion-slot.right{right:30px}}
@media(max-width:760px){.bright-sun-wrap{transform:scale(.66);transform-origin:center}.sun-stage{min-height:500px}.lion-slot{display:none}.hero{padding:24px 18px}.hero h2{font-size:56px}}

/* ===== v0.7 fixes: readability + symmetric rays ===== */
.login-card{background:linear-gradient(165deg,#242c84,#322575);border-color:#e9c27d;box-shadow:0 28px 65px rgba(82,56,117,.25)}
.login-card .eyebrow{color:#ffca7f;font-weight:700}
.login-card h1{color:#ff7ca6;text-shadow:0 1px 0 rgba(255,255,255,.45)}
.login-card .lead,.login-card .field label{color:#f7e9f2;font-size:18px;line-height:1.45}
.login-card .field input{background:rgba(255,255,255,.93);color:#553a56;border-color:#e4c494;font-size:19px}
.login-card .field input::placeholder{color:#8f7e8e}

.hero{grid-template-columns:minmax(390px,.82fr) minmax(790px,1.18fr);align-items:center}
.hero h2{max-width:560px}
.sun-stage{z-index:2}
.lion-slot{width:160px;height:320px;bottom:42px;z-index:5}
.lion-slot.left{left:18px}.lion-slot.right{right:18px}
.lion-slot img{object-fit:contain;filter:drop-shadow(0 10px 16px rgba(82,57,111,.18))}
.bright-sun-wrap{width:660px;height:620px}
.bright-sun-wheel{position:relative;width:620px;height:620px}
.sacred-ring{display:none!important}
.bright-core{width:220px;height:220px;border:none;background:transparent;box-shadow:none;overflow:visible}
.bright-core:before,.bright-core:after{display:none!important}
.center-sun-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;filter:drop-shadow(0 0 18px rgba(255,174,51,.28))}
.center-sun-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:138px;gap:4px}
.center-sun-title strong{font-size:24px;line-height:.9;color:#7b483e}
.center-sun-title span{font-size:20px;color:#a64e6e;border-top:none;padding-top:0}

.sun-spoke.wide-ray{width:310px;height:130px;position:absolute;left:50%;top:50%;transform-origin:0 50%;}
.sun-spoke.wide-ray.pos-top{transform:translate(0,-50%) rotate(-90deg)}
.sun-spoke.wide-ray.pos-right-top{transform:translate(0,-50%) rotate(-30deg)}
.sun-spoke.wide-ray.pos-right-bottom{transform:translate(0,-50%) rotate(30deg)}
.sun-spoke.wide-ray.pos-bottom{transform:translate(0,-50%) rotate(90deg)}
.sun-spoke.wide-ray.pos-left-bottom{transform:translate(0,-50%) rotate(150deg)}
.sun-spoke.wide-ray.pos-left-top{transform:translate(0,-50%) rotate(210deg)}
.wide-ray-scale{left:108px;top:50%;width:190px;height:96px;gap:2px;align-items:center;filter:none}
.wide-ray-step{width:18px;height:calc(28px + var(--step)*5.4px);background:linear-gradient(180deg,rgba(255,249,233,.95),rgba(255,233,190,.92));border:1px solid rgba(213,152,70,.62);box-shadow:inset 0 0 8px rgba(255,255,255,.8)}
.wide-ray-step em{font:700 11px/1 Inter,sans-serif;color:#8d6031;text-shadow:none}
.wide-ray-step.lit{background:linear-gradient(180deg,#fff3b3 0%,#ffcf66 30%,#ff9f33 70%,#ff6f1a 100%);border-color:#ff9a27;box-shadow:0 0 9px rgba(255,135,22,.55),inset 0 0 8px rgba(255,255,218,.82)}
.wide-label{left:286px;min-width:138px;padding:10px 14px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,240,219,.96));box-shadow:0 10px 24px rgba(137,81,107,.14);color:#6c3b52}
.ray-label-icon{display:block;font-style:normal;font-size:24px;line-height:1;color:#d19633;margin-bottom:2px}
.wide-label b{font-size:19px;color:#73425a}.wide-label small{font:700 10px/1 Inter,sans-serif;color:#d1683d}
.sun-hint{bottom:-8px;background:rgba(255,255,255,.9);color:#815e71;font-size:12px}

.card,.day-cell,.activation-cell,.modal-card{color:#624859}
.day-cell,.activation-cell{min-height:190px;padding:16px 16px 18px}
.day-cell .day-head,.activation-cell .day-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.day-cell span,.activation-cell span{font-size:13px;letter-spacing:.08em;color:#af7d45;font-weight:700;text-transform:none}
.day-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#fff5be,#ffc24e);color:#9e5d27;font-style:normal;font-size:18px;box-shadow:0 6px 14px rgba(238,170,73,.25)}
.day-cell b,.activation-cell b{font-size:26px;color:#6f3c55;margin-top:10px}
.day-cell strong,.activation-cell strong{display:none}
.day-cell small,.activation-cell small{font-size:18px;color:#6a5a6e;line-height:1.45}
.day-progress{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:6px}
.day-progress i{display:block;height:8px;border-radius:999px;background:linear-gradient(90deg,#f9bb45,#f0a523);flex:1;box-shadow:inset 0 0 0 1px rgba(204,146,39,.16)}
.day-progress u{text-decoration:none;color:#c4862f;font-weight:700;font-size:14px}
.modal-card{background:linear-gradient(160deg,#fffdfd,#f7eefb);box-shadow:0 20px 60px rgba(84,57,116,.2)}
.modal .lead,.modal p,.modal .field label{color:#69556a}
.modal h3,.modal h4{color:#963d65}
.modal .field textarea,.modal .field input{font-size:18px;line-height:1.4;color:#563d50;background:#fff;border-color:#d9b68a}
.modal .field textarea::placeholder,.modal .field input::placeholder{color:#8a7a87}

@media(max-width:1300px){.lion-slot{width:136px;height:285px;bottom:38px}.sun-spoke.wide-ray{transform-origin:0 50%}.sun-spoke.wide-ray.pos-top{transform:translate(0,-50%) rotate(-90deg) scale(.96)}.sun-spoke.wide-ray.pos-right-top{transform:translate(0,-50%) rotate(-30deg) scale(.96)}.sun-spoke.wide-ray.pos-right-bottom{transform:translate(0,-50%) rotate(30deg) scale(.96)}.sun-spoke.wide-ray.pos-bottom{transform:translate(0,-50%) rotate(90deg) scale(.96)}.sun-spoke.wide-ray.pos-left-bottom{transform:translate(0,-50%) rotate(150deg) scale(.96)}.sun-spoke.wide-ray.pos-left-top{transform:translate(0,-50%) rotate(210deg) scale(.96)}}
@media(max-width:1120px){.hero{grid-template-columns:1fr}.sun-stage{min-height:700px}.lion-slot{width:130px;height:260px}.lion-slot.left{left:12px}.lion-slot.right{right:12px}}
@media(max-width:760px){.lion-slot{display:none}.bright-sun-wrap{transform:scale(.7)}.center-sun-title strong{font-size:20px}.center-sun-title span{font-size:16px}.day-cell small,.activation-cell small{font-size:15px}}

/* ===== v0.8 fixes: big side lions, bigger center, safe top/bottom rays ===== */
.journey-hero-wrap{position:relative;overflow:visible}
.hero{min-height:790px;padding:38px 34px 54px;overflow:visible}
.sun-stage{min-height:760px;padding:65px 10px 110px;overflow:visible}
.bright-sun-wrap{width:620px;height:690px;margin-top:34px}
.bright-sun-wheel{width:620px;height:620px}
.sun-spoke.wide-ray{width:300px;height:124px}
.wide-ray-scale{left:136px;top:50%;width:154px;height:96px}
.wide-ray-step{width:14px;height:calc(28px + var(--step)*5.0px);gap:0}
.wide-label{left:248px;min-width:120px;padding:10px 12px}
.bright-core{width:280px;height:280px}
.center-sun-image{inset:10px;width:calc(100% - 20px);height:calc(100% - 20px)}
.center-sun-title{width:172px;gap:6px}
.center-sun-title strong{font-size:28px;line-height:.9}.center-sun-title span{font-size:22px}
.sun-hint{bottom:16px}

/* move labels so top/bottom do not touch borders */
.sun-spoke.wide-ray.pos-top .wide-label{left:242px}
.sun-spoke.wide-ray.pos-bottom .wide-label{left:238px}
.sun-spoke.wide-ray.pos-left-top .wide-label,.sun-spoke.wide-ray.pos-left-bottom .wide-label{left:244px}
.sun-spoke.wide-ray.pos-right-top .wide-label,.sun-spoke.wide-ray.pos-right-bottom .wide-label{left:246px}

/* side lions across the full hero window */
.lion-slot.side-lion{position:absolute;top:120px;bottom:auto;width:240px;height:520px;z-index:1;pointer-events:none}
.lion-slot.side-lion.left{left:-120px}
.lion-slot.side-lion.right{right:-120px}
.lion-slot.side-lion img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(80,55,112,.16))}
/* hide old in-stage lion sizing for side mode */
.sun-stage .lion-slot{display:none}

@media(max-width:1700px){.lion-slot.side-lion.left{left:-90px}.lion-slot.side-lion.right{right:-90px}}
@media(max-width:1460px){.lion-slot.side-lion{width:210px;height:460px;top:132px}.lion-slot.side-lion.left{left:-72px}.lion-slot.side-lion.right{right:-72px}}
@media(max-width:1280px){.lion-slot.side-lion{width:180px;height:390px;top:150px}.lion-slot.side-lion.left{left:-35px}.lion-slot.side-lion.right{right:-35px}.hero{min-height:760px}.sun-stage{min-height:720px;padding-top:74px}.bright-sun-wrap{transform:scale(.95);transform-origin:center top}}
@media(max-width:1120px){.lion-slot.side-lion{display:none}.hero{grid-template-columns:1fr}.sun-stage{min-height:760px;padding-top:84px}.bright-sun-wrap{margin-top:10px}}
@media(max-width:760px){.bright-sun-wrap{transform:scale(.68);transform-origin:center top}.sun-stage{min-height:560px;padding-top:66px;padding-bottom:80px}}

/* ===== v0.9: push lions outward, enlarge center sun, improve ray readability ===== */
.hero{min-height:900px;}
.journey-hero-wrap{overflow:visible;}
.sun-stage{min-height:840px;padding:110px 20px 170px;overflow:visible;}
.bright-sun-wrap{width:760px;height:780px;margin-top:20px;}
.bright-sun-wheel{width:720px;height:720px;}
.sun-hint{bottom:30px;font-size:14px;padding:10px 18px;color:#795c68;}

/* big center sun */
.bright-core{width:360px!important;height:360px!important;left:50%;top:50%;transform:translate(-50%,-50%);}
.center-sun-image{inset:14px!important;width:calc(100% - 28px)!important;height:calc(100% - 28px)!important;object-fit:contain;object-position:center center;}
.center-sun-title{width:228px!important;gap:8px!important;}
.center-sun-title strong{font-size:38px!important;line-height:.88!important;letter-spacing:.03em!important;color:#7e4b36!important;}
.center-sun-title span{font-size:28px!important;line-height:1!important;color:#a34763!important;font-weight:500!important;}

/* symmetric rays with larger readable cells */
.sun-spoke.wide-ray{width:390px!important;height:168px!important;}
.wide-ray-scale{left:198px!important;top:50%!important;width:182px!important;height:132px!important;gap:2px!important;align-items:center!important;}
.wide-ray-step{width:17px!important;height:calc(34px + var(--step) * 6.5px)!important;border-radius:3px!important;}
.wide-ray-step em{font-size:13px!important;color:#82562d!important;}
.wide-label{left:334px!important;min-width:160px!important;padding:12px 16px!important;border-radius:20px!important;}
.wide-label b{font-size:24px!important;line-height:1!important;}
.wide-label small{font-size:12px!important;letter-spacing:.04em!important;}
.ray-label-icon{font-size:26px!important;}

/* top and bottom keep inside frame */
.sun-spoke.wide-ray.pos-top .wide-label{left:324px!important;}
.sun-spoke.wide-ray.pos-bottom .wide-label{left:324px!important;}
.sun-spoke.wide-ray.pos-left-top .wide-label,.sun-spoke.wide-ray.pos-left-bottom .wide-label{left:332px!important;}
.sun-spoke.wide-ray.pos-right-top .wide-label,.sun-spoke.wide-ray.pos-right-bottom .wide-label{left:332px!important;}

/* lions live in the space outside the panel */
.lion-slot.side-lion{position:absolute!important;top:165px!important;bottom:auto!important;width:300px!important;height:620px!important;z-index:0!important;pointer-events:none!important;}
.lion-slot.side-lion.left{left:-235px!important;}
.lion-slot.side-lion.right{right:-235px!important;}
.lion-slot.side-lion img{width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 18px 22px rgba(82,57,111,.14))!important;}
.hero.cosmic-panel{position:relative;z-index:2;}

@media(max-width:1700px){.lion-slot.side-lion{width:270px!important;height:560px!important;top:172px!important;}.lion-slot.side-lion.left{left:-205px!important;}.lion-slot.side-lion.right{right:-205px!important;}}
@media(max-width:1460px){.lion-slot.side-lion{width:230px!important;height:500px!important;top:186px!important;}.lion-slot.side-lion.left{left:-150px!important;}.lion-slot.side-lion.right{right:-150px!important;}.bright-sun-wrap{transform:scale(.92);transform-origin:center top;}}
@media(max-width:1280px){.lion-slot.side-lion{width:185px!important;height:410px!important;top:210px!important;}.lion-slot.side-lion.left{left:-70px!important;}.lion-slot.side-lion.right{right:-70px!important;}.bright-sun-wrap{transform:scale(.84);transform-origin:center top;}.sun-stage{min-height:760px;padding-top:100px;}}
@media(max-width:1120px){.lion-slot.side-lion{display:none!important;}.hero{min-height:980px;}.sun-stage{min-height:820px;padding-top:110px;}.bright-sun-wrap{transform:scale(.86);transform-origin:center top;}}
@media(max-width:760px){.bright-sun-wrap{transform:scale(.62)!important;transform-origin:center top;}.sun-stage{min-height:560px;padding:70px 0 100px;}.center-sun-title strong{font-size:28px!important;}.center-sun-title span{font-size:20px!important;}.wide-label{min-width:120px!important;}}

/* ===== v1.0: compact panel, visual controls, stronger neon ===== */
.hero{min-height:820px!important;padding:32px 30px 44px!important;}
.hero-copy{padding-right:14px;}
.sun-stage{min-height:720px!important;padding:90px 12px 120px!important;overflow:visible!important;}
.bright-sun-wrap{width:720px!important;height:740px!important;margin-top:4px!important;}
.bright-sun-wheel{width:720px!important;height:720px!important;}
.hero.cosmic-panel{position:relative;z-index:2;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,244,251,.74))!important;}
.journey-hero-wrap{overflow:visible!important;}

/* lions sit outside panel in the cosmic area */
.lion-slot.side-lion{z-index:0!important;top:155px!important;width:320px!important;height:620px!important;}
.lion-slot.side-lion.left{left:-330px!important;}
.lion-slot.side-lion.right{right:-330px!important;}
.lion-slot.side-lion img{filter:drop-shadow(0 20px 28px rgba(73,45,93,.14))!important;}

/* bigger center sun and clean center placement */
.bright-core{background:transparent!important;border:none!important;box-shadow:none!important;overflow:visible!important;}
.center-sun-image{display:block;object-fit:contain!important;object-position:center center!important;filter:drop-shadow(0 0 18px rgba(255,176,40,.34))!important;}
.center-sun-title{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:260px!important;display:grid!important;gap:8px!important;text-align:center!important;text-shadow:0 1px 3px rgba(255,255,255,.9),0 0 14px rgba(255,223,157,.9)!important;}
.center-sun-title strong{font-size:40px!important;line-height:.88!important;color:#7b4a2f!important;letter-spacing:.02em!important;}
.center-sun-title span{font-size:28px!important;line-height:1!important;color:#a34663!important;border-top:none!important;padding-top:0!important;}

/* larger readable ray cards and stronger neon fill */
.sun-spoke.wide-ray{width:380px!important;height:165px!important;}
.wide-ray-scale{left:210px!important;top:50%!important;width:170px!important;height:128px!important;gap:2px!important;align-items:center!important;}
.wide-ray-step{width:16px!important;height:calc(32px + var(--step) * 6px)!important;border-radius:3px!important;background:linear-gradient(180deg,rgba(255,249,233,.98),rgba(255,233,190,.94))!important;border:1px solid rgba(213,152,70,.72)!important;box-shadow:inset 0 0 8px rgba(255,255,255,.84)!important;}
.wide-ray-step em{font-size:13px!important;color:#85592e!important;font-weight:700!important;}
.wide-ray-step.lit{background:linear-gradient(180deg,#fff6a8 0%,#ffd34f 24%,#ff9a21 58%,#ff6d00 82%,#ff4700 100%)!important;border-color:#ff9a00!important;box-shadow:0 0 8px rgba(255,133,0,.9),0 0 18px rgba(255,119,0,.8),0 0 32px rgba(255,102,0,.55), inset 0 0 8px rgba(255,255,225,.92)!important;}
.wide-label{left:330px!important;min-width:162px!important;padding:12px 16px!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(255,242,224,.98))!important;box-shadow:0 10px 28px rgba(137,81,107,.14)!important;}
.wide-label b{font-size:24px!important;color:#724157!important;line-height:1!important;}
.wide-label small{font-size:12px!important;letter-spacing:.04em!important;color:#d86a36!important;}
.ray-label-icon{font-size:24px!important;margin-bottom:3px!important;}
.sun-spoke.wide-ray.pos-top .wide-label,.sun-spoke.wide-ray.pos-bottom .wide-label{left:322px!important;}
.sun-spoke.wide-ray.pos-left-top .wide-label,.sun-spoke.wide-ray.pos-left-bottom .wide-label,.sun-spoke.wide-ray.pos-right-top .wide-label,.sun-spoke.wide-ray.pos-right-bottom .wide-label{left:330px!important;}
.sun-hint{bottom:26px!important;font-size:14px!important;background:rgba(255,255,255,.94)!important;color:#7c6173!important;}

.visual-grid-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px;}
@media(max-width:1100px){.visual-grid-controls{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){.visual-grid-controls{grid-template-columns:1fr;} .lion-slot.side-lion{display:none!important;} .bright-sun-wrap{transform:scale(.66)!important;transform-origin:center top;} .hero{min-height:760px!important;} .sun-stage{min-height:560px!important;padding:55px 0 90px!important;}}

/* ===== v1.1: default center sun, tighter panel, connected wide rays, neon fill, activation icons ===== */
.hero{min-height:760px!important;padding:28px 28px 36px!important;}
.hero.cosmic-panel{overflow:hidden!important;}
.sun-stage{min-height:650px!important;padding:76px 8px 96px!important;overflow:visible!important;}
.bright-sun-wrap{width:700px!important;height:650px!important;margin-top:-8px!important;}
.bright-sun-wheel{width:680px!important;height:680px!important;}
/* bigger default center sun positioned like center of screenshot */
.bright-core{width:300px!important;height:300px!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;}
.center-sun-image{inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;filter:drop-shadow(0 0 16px rgba(255,179,63,.42))!important;}
.center-sun-title{width:168px!important;gap:6px!important;}
.center-sun-title strong{font-size:30px!important;line-height:.9!important;color:#7a492f!important;}
.center-sun-title span{font-size:24px!important;color:#9e4c69!important;}
/* connected broad rays */
.sun-spoke.wide-ray{width:350px!important;height:160px!important;}
.wide-ray-scale{left:122px!important;top:50%!important;width:220px!important;height:132px!important;gap:2px!important;align-items:center!important;}
.wide-ray-step{width:20px!important;height:calc(34px + var(--step) * 6px)!important;border-radius:4px 4px 6px 6px!important;clip-path:polygon(10% 0,90% 0,100% 100%,0 100%)!important;background:linear-gradient(180deg,#fffdf5 0%,#ffe9be 100%)!important;border:1px solid rgba(214,160,82,.86)!important;box-shadow:inset 0 0 10px rgba(255,255,255,.85)!important;}
.wide-ray-step em{font-size:13px!important;font-weight:700!important;color:#85562d!important;}
.wide-ray-step.lit{background:linear-gradient(180deg,#fffaa0 0%,#ffe83c 18%,#ffb21c 45%,#ff7c00 72%,#ff5100 100%)!important;border-color:#ff9a00!important;box-shadow:0 0 10px rgba(255,149,0,.95),0 0 22px rgba(255,110,0,.78),0 0 40px rgba(255,92,0,.46), inset 0 0 12px rgba(255,255,236,.96)!important;}
.wide-label{left:290px!important;min-width:176px!important;padding:12px 16px!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(255,244,231,.98))!important;box-shadow:0 8px 22px rgba(137,81,107,.14)!important;}
.wide-label b{font-size:22px!important;line-height:1!important;color:#73425a!important;}
.wide-label small{font-size:13px!important;color:#e06d3b!important;}
.ray-label-icon{font-size:22px!important;}
.sun-spoke.wide-ray.pos-top .wide-label{left:286px!important;}
.sun-spoke.wide-ray.pos-bottom .wide-label{left:286px!important;}
.sun-spoke.wide-ray.pos-left-top .wide-label,.sun-spoke.wide-ray.pos-left-bottom .wide-label,.sun-spoke.wide-ray.pos-right-top .wide-label,.sun-spoke.wide-ray.pos-right-bottom .wide-label{left:292px!important;}
.sun-hint{bottom:8px!important;font-size:13px!important;}
/* ensure lions are truly behind */
.journey-hero-wrap{position:relative;z-index:0;}
.hero.cosmic-panel{position:relative;z-index:2;}
.lion-slot.side-lion{z-index:1!important;}
/* status rows */
.status-line{display:flex!important;align-items:center!important;gap:8px!important;font-size:17px!important;color:#6f6370!important;line-height:1.2!important;}
.status-line i{font-style:normal!important;font-size:16px!important;display:inline-grid;place-items:center;}
.status-line u{text-decoration:none!important;}
.status-line.open{color:#7a634c!important;}
.status-line.done{color:#a56d24!important;}
.status-line.locked{color:#8b7c88!important;}
.day-cell,.activation-cell{justify-content:flex-start!important;}
.day-cell b,.activation-cell b{font-size:22px!important;line-height:1.1!important;min-height:50px!important;}
.day-cell small,.activation-cell small{font-size:16px!important;}
.day-cell .day-head,.activation-cell .day-head{margin-bottom:10px!important;}
.day-icon{width:30px!important;height:30px!important;font-size:18px!important;}


/* ===== v1.2 FINAL OVERRIDES: working visual controls + centered text + upright labels ===== */

/* 1) OWNER geometry values are now the source of truth. Earlier fixed !important sizes no longer win. */
.bright-core{
  width:var(--center-size,300px)!important;
  height:var(--center-size,300px)!important;
  left:calc(50% + var(--center-x,0px))!important;
  top:calc(50% + var(--center-y,0px))!important;
  transform:translate(-50%,-50%)!important;
  border:none!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.center-sun-image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
  transform:none!important;
}
/* Text is constrained to the inner disc of the uploaded sun, not the outer flames. */
.center-sun-title{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:56%!important;
  height:52%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:clamp(3px,1.2%,8px)!important;
  padding:4%!important;
  text-align:center!important;
  pointer-events:none!important;
  box-sizing:border-box!important;
  z-index:5!important;
  text-shadow:0 1px 2px rgba(255,255,255,.92),0 0 10px rgba(255,239,188,.7)!important;
}
.center-sun-title strong{
  font-family:var(--title-font)!important;
  font-size:calc(var(--center-size,300px) / 11.5)!important;
  line-height:.82!important;
  letter-spacing:.02em!important;
  color:#754127!important;
  font-weight:500!important;
  margin:0!important;
}
.center-sun-title span{
  font-family:var(--title-font)!important;
  font-size:calc(var(--center-size,300px) / 15)!important;
  line-height:1!important;
  color:#9d4766!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Lions also use OWNER variables, so width/height/X/Y controls actually work. */
.lion-slot.side-lion{
  width:var(--lion-width,320px)!important;
  height:var(--lion-height,620px)!important;
  top:var(--lion-y,150px)!important;
  bottom:auto!important;
}
.lion-slot.side-lion.left{left:var(--lion-x,-330px)!important;right:auto!important;}
.lion-slot.side-lion.right{right:var(--lion-x,-330px)!important;left:auto!important;}

/* 2) All ray title cards remain visually horizontal/upright, while only the ray itself rotates. */
.wide-label{
  transform-origin:center center!important;
  min-width:176px!important;
  min-height:86px!important;
  align-content:center!important;
  justify-items:center!important;
  padding:11px 16px!important;
}
.sun-spoke.wide-ray.pos-top .wide-label{
  transform:translateY(-50%) rotate(90deg)!important;
}
.sun-spoke.wide-ray.pos-right-top .wide-label{
  transform:translateY(-50%) rotate(30deg)!important;
}
.sun-spoke.wide-ray.pos-right-bottom .wide-label{
  transform:translateY(-50%) rotate(-30deg)!important;
}
.sun-spoke.wide-ray.pos-bottom .wide-label{
  transform:translateY(-50%) rotate(-90deg)!important;
}
.sun-spoke.wide-ray.pos-left-bottom .wide-label{
  transform:translateY(-50%) rotate(-150deg)!important;
}
.sun-spoke.wide-ray.pos-left-top .wide-label{
  transform:translateY(-50%) rotate(-210deg)!important;
}
.wide-label b,.wide-label small,.wide-label .ray-label-icon{
  transform:none!important;
  writing-mode:horizontal-tb!important;
}

/* Keep title cards comfortably outside the numbered scale. */
.sun-spoke.wide-ray.pos-top .wide-label,
.sun-spoke.wide-ray.pos-bottom .wide-label{left:292px!important;}
.sun-spoke.wide-ray.pos-left-top .wide-label,
.sun-spoke.wide-ray.pos-left-bottom .wide-label,
.sun-spoke.wide-ray.pos-right-top .wide-label,
.sun-spoke.wide-ray.pos-right-bottom .wide-label{left:298px!important;}

/* Slightly stronger readability */
.wide-label b{font-size:23px!important;line-height:1!important;color:#6e3d55!important;}
.wide-label small{font-size:12px!important;line-height:1.1!important;color:#d35f34!important;}
.ray-label-icon{font-size:22px!important;line-height:1!important;}

/* The media queries above previously forced fixed lion dimensions; variables still win here. */
@media(max-width:760px){
  .lion-slot.side-lion{display:none!important;}
  .center-sun-title strong{font-size:calc(var(--center-size,300px) / 11.5)!important;}
  .center-sun-title span{font-size:calc(var(--center-size,300px) / 15)!important;}
}


/* ===== v1.3 FINAL: flowing connected rays + energy + safe hint + percentage sun scaling ===== */
/* Keep the visual composition in a compact, predictable stage. */
.hero{min-height:780px!important;}
.sun-stage{min-height:690px!important;padding:62px 8px 112px!important;overflow:visible!important;}
.bright-sun-wrap{position:relative!important;width:760px!important;height:690px!important;margin:0 auto!important;overflow:visible!important;}
.bright-sun-wheel{position:relative!important;width:700px!important;height:700px!important;overflow:visible!important;}

/* Ray spokes rotate as a whole; the scale itself is one visually connected wedge. */
.sun-spoke.wide-ray{width:420px!important;height:170px!important;z-index:8!important;overflow:visible!important;}
.wide-ray-scale{
  position:absolute!important;
  left:var(--ray-start,160px)!important;
  top:50%!important;
  width:224px!important;
  height:138px!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  z-index:12!important;
  filter:drop-shadow(0 0 9px rgba(255,180,50,.22))!important;
}
/* A continuous golden body underneath all 10 cells makes the ray read as one object. */
.wide-ray-scale:before{
  content:"";
  position:absolute;
  left:-3px;right:-3px;top:50%;height:116px;
  transform:translateY(-50%);
  clip-path:polygon(0 42%,100% 0,100% 100%,0 58%);
  background:linear-gradient(90deg,rgba(255,249,222,.74),rgba(255,218,130,.82));
  border:1px solid rgba(224,168,75,.5);
  box-shadow:inset 0 0 18px rgba(255,255,255,.58),0 0 12px rgba(247,180,62,.13);
  z-index:0;
  pointer-events:none;
}
.wide-ray-step{
  --step:1;
  position:relative!important;
  z-index:2!important;
  flex:0 0 22.4px!important;
  width:22.4px!important;
  height:calc(32px + var(--step) * 7.2px)!important;
  margin-left:-1px!important;
  display:grid!important;
  place-items:center!important;
  clip-path:none!important;
  border-radius:0!important;
  border:1px solid rgba(217,157,67,.58)!important;
  background:linear-gradient(180deg,rgba(255,252,238,.96),rgba(255,226,169,.88))!important;
  box-shadow:inset 0 0 9px rgba(255,255,255,.78)!important;
}
.wide-ray-step:first-child{border-radius:7px 0 0 7px!important;}
.wide-ray-step:last-child{border-radius:0 10px 10px 0!important;}
.wide-ray-step em{font-size:13px!important;font-weight:700!important;color:#84562d!important;position:relative!important;z-index:3!important;}
.wide-ray-step.lit{
  background:linear-gradient(180deg,#fffba2 0%,#ffe72f 18%,#ffb313 43%,#ff7a00 70%,#ff4500 100%)!important;
  border-color:#ff9b00!important;
  box-shadow:0 0 8px rgba(255,190,30,.98),0 0 20px rgba(255,113,0,.92),0 0 42px rgba(255,79,0,.62),inset 0 0 12px rgba(255,255,224,.96)!important;
}
.wide-ray-step.lit em{color:#fffdf0!important;text-shadow:0 1px 4px #9a3a00!important;}

/* Bridge the small gap between sun flames and cell 1 with flowing energy, without hiding 1/2. */
.ray-energy-connector{
  position:absolute!important;
  left:calc(var(--ray-start,160px) - 34px)!important;
  top:50%!important;
  width:46px!important;height:18px!important;
  transform:translateY(-50%)!important;
  background:linear-gradient(90deg,transparent,rgba(255,204,74,.78),rgba(255,126,0,.86))!important;
  filter:blur(4px) drop-shadow(0 0 11px rgba(255,111,0,.7))!important;
  border-radius:999px!important;
  z-index:7!important;
  pointer-events:none!important;
}

/* Labels are beyond the continuous wedge and always upright. */
.wide-label{left:calc(var(--ray-start,160px) + 215px)!important;z-index:14!important;min-width:176px!important;}
.sun-spoke.wide-ray.pos-top .wide-label,
.sun-spoke.wide-ray.pos-bottom .wide-label,
.sun-spoke.wide-ray.pos-left-top .wide-label,
.sun-spoke.wide-ray.pos-left-bottom .wide-label,
.sun-spoke.wide-ray.pos-right-top .wide-label,
.sun-spoke.wide-ray.pos-right-bottom .wide-label{left:calc(var(--ray-start,160px) + 216px)!important;}

/* The center stays below numbered cells, so 1 and 2 are never swallowed by the sun. */
.bright-core{z-index:9!important;}
.center-sun-image{z-index:8!important;}
.center-sun-title{z-index:18!important;}
.wide-ray-scale{z-index:12!important;}

/* Mystical energy flows in the six gaps between the rays. */
.energy-between-rays{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:visible;}
.energy-wisp{
  position:absolute;left:50%;top:50%;width:170px;height:24px;
  transform-origin:0 50%;
  transform:rotate(var(--wa)) translateX(calc(var(--center-r) + 28px));
  border-radius:999px;
  background:linear-gradient(90deg,rgba(255,175,31,0),rgba(255,199,87,.52),rgba(255,112,24,.2),transparent);
  filter:blur(8px) drop-shadow(0 0 15px rgba(255,131,26,.42));
  opacity:.64;
  animation:energyBreathe 3.2s ease-in-out infinite alternate;
}
.energy-wisp:after{
  content:"✦ · ✧ · ✦";position:absolute;left:34px;top:-4px;color:rgba(255,190,73,.66);font-size:13px;letter-spacing:7px;white-space:nowrap;
  filter:blur(.2px);text-shadow:0 0 9px rgba(255,147,31,.6);
}
.energy-wisp:nth-child(2n){animation-delay:-1.4s;opacity:.48;}
@keyframes energyBreathe{from{opacity:.28;transform:rotate(var(--wa)) translateX(calc(var(--center-r) + 20px)) scaleX(.82)}to{opacity:.78;transform:rotate(var(--wa)) translateX(calc(var(--center-r) + 38px)) scaleX(1.1)}}

/* Hint is outside the geometry and cannot be covered by the bottom ray. */
.sun-hint{
  position:absolute!important;
  left:50%!important;
  bottom:-54px!important;
  transform:translateX(-50%)!important;
  z-index:30!important;
  padding:10px 18px!important;
  background:rgba(255,255,255,.93)!important;
  border:1px solid rgba(218,171,111,.42)!important;
  box-shadow:0 8px 24px rgba(104,72,132,.08)!important;
  color:#775b6d!important;
  font-size:13px!important;
  white-space:nowrap!important;
}

.field-help{display:block;margin-top:5px;color:#806b7c;font-size:12px;line-height:1.3;}

@media(max-width:1300px){
  .bright-sun-wrap{transform:scale(.88)!important;transform-origin:center center!important;}
}
@media(max-width:1120px){
  .bright-sun-wrap{transform:scale(.82)!important;transform-origin:center top!important;}
  .sun-stage{min-height:650px!important;}
}
@media(max-width:760px){
  .bright-sun-wrap{transform:scale(.57)!important;transform-origin:center top!important;}
  .sun-hint{display:none!important;}
}

/* Keep every 1–10 numeral readable; compensate for the spoke rotation. */
.sun-spoke.wide-ray.pos-top .wide-ray-step em{transform:rotate(90deg)!important;}
.sun-spoke.wide-ray.pos-right-top .wide-ray-step em{transform:rotate(30deg)!important;}
.sun-spoke.wide-ray.pos-right-bottom .wide-ray-step em{transform:rotate(-30deg)!important;}
.sun-spoke.wide-ray.pos-bottom .wide-ray-step em{transform:rotate(-90deg)!important;}
.sun-spoke.wide-ray.pos-left-bottom .wide-ray-step em{transform:rotate(-150deg)!important;}
.sun-spoke.wide-ray.pos-left-top .wide-ray-step em{transform:rotate(150deg)!important;}


/* =====================================================================
   FINAL v1.4 — BOUNDED, SYMMETRIC RESOURCE SUN
   Geometry is intentionally constrained to a 660×660 canvas.
   Nothing may leave the frame, even at the safe OWNER size extremes.
   ===================================================================== */
.hero{min-height:760px!important;overflow:visible!important;}
.hero.cosmic-panel{overflow:hidden!important;}
.sun-stage{position:relative!important;min-height:680px!important;padding:10px 4px 42px!important;overflow:visible!important;display:grid!important;place-items:center!important;}
.bright-sun-wrap{position:relative!important;width:660px!important;height:660px!important;margin:0 auto!important;overflow:visible!important;transform:none!important;}
.bright-sun-wheel{position:absolute!important;left:0!important;top:0!important;width:660px!important;height:660px!important;overflow:visible!important;}

/* Central sun: intentionally a little smaller so all six rays breathe. */
.bright-core{
  width:var(--center-size,240px)!important;
  height:var(--center-size,240px)!important;
  left:calc(50% + var(--center-x,0px))!important;
  top:calc(50% + var(--center-y,0px))!important;
  transform:translate(-50%,-50%)!important;
  z-index:20!important;
  background:transparent!important;border:none!important;box-shadow:none!important;
  overflow:visible!important;
}
.center-sun-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;z-index:18!important;}
.center-sun-title{z-index:24!important;width:56%!important;height:50%!important;padding:2%!important;}
.center-sun-title strong{font-size:calc(var(--center-size,240px)/10.8)!important;line-height:.82!important;}
.center-sun-title span{font-size:calc(var(--center-size,240px)/14.5)!important;}

/* Six spokes: fixed polar geometry, fully contained in the 660×660 wheel. */
.sun-spoke.wide-ray{
  position:absolute!important;left:50%!important;top:50%!important;
  width:310px!important;height:130px!important;
  transform-origin:0 50%!important;border:0!important;background:transparent!important;
  padding:0!important;overflow:visible!important;z-index:12!important;
}
.sun-spoke.wide-ray.pos-top{transform:translate(0,-50%) rotate(-90deg)!important;}
.sun-spoke.wide-ray.pos-right-top{transform:translate(0,-50%) rotate(-30deg)!important;}
.sun-spoke.wide-ray.pos-right-bottom{transform:translate(0,-50%) rotate(30deg)!important;}
.sun-spoke.wide-ray.pos-bottom{transform:translate(0,-50%) rotate(90deg)!important;}
.sun-spoke.wide-ray.pos-left-bottom{transform:translate(0,-50%) rotate(150deg)!important;}
.sun-spoke.wide-ray.pos-left-top{transform:translate(0,-50%) rotate(210deg)!important;}

/* One continuous wedge made from 10 readable cells. */
.wide-ray-scale{
  position:absolute!important;left:var(--ray-start,132px)!important;top:50%!important;
  width:var(--ray-length,142px)!important;height:104px!important;
  transform:translateY(-50%)!important;
  display:flex!important;align-items:center!important;gap:0!important;
  filter:drop-shadow(0 0 7px rgba(255,168,39,.2))!important;
  z-index:16!important;
}
.wide-ray-scale:before{
  content:""!important;position:absolute!important;inset:3px -4px!important;
  clip-path:polygon(0 40%,100% 0,100% 100%,0 60%)!important;
  background:linear-gradient(90deg,rgba(255,250,228,.82),rgba(255,221,139,.92))!important;
  border:1px solid rgba(222,163,70,.55)!important;
  box-shadow:inset 0 0 14px rgba(255,255,255,.72),0 0 8px rgba(238,168,48,.14)!important;
  z-index:0!important;
}
.wide-ray-step{
  position:relative!important;z-index:2!important;
  flex:1 1 10%!important;width:auto!important;min-width:0!important;
  height:calc(32px + var(--step)*5.5px)!important;
  margin:0!important;display:grid!important;place-items:center!important;
  border:1px solid rgba(214,153,64,.62)!important;border-radius:0!important;
  background:linear-gradient(180deg,rgba(255,253,242,.98),rgba(255,227,174,.93))!important;
  box-shadow:inset 0 0 8px rgba(255,255,255,.82)!important;
  clip-path:none!important;
}
.wide-ray-step:first-child{border-radius:6px 0 0 6px!important;}
.wide-ray-step:last-child{border-radius:0 9px 9px 0!important;}
.wide-ray-step em{font-size:12px!important;font-weight:700!important;color:#83542b!important;text-shadow:none!important;}
.wide-ray-step.lit{
  background:linear-gradient(180deg,#fffca7 0%,#ffe725 16%,#ffb313 41%,#ff7600 68%,#ff4300 100%)!important;
  border-color:#ff9500!important;
  box-shadow:0 0 8px rgba(255,187,26,.98),0 0 18px rgba(255,105,0,.9),0 0 32px rgba(255,72,0,.58),inset 0 0 10px rgba(255,255,226,.98)!important;
}
.wide-ray-step.lit em{color:#fffdf1!important;text-shadow:0 1px 3px #9e3b00!important;}

/* Labels are centered at a safe polar radius and counter-rotated to remain upright. */
.wide-label{
  position:absolute!important;left:var(--label-r,270px)!important;top:50%!important;
  width:154px!important;min-width:154px!important;min-height:72px!important;
  padding:9px 12px!important;border-radius:18px!important;
  transform-origin:center center!important;
  display:grid!important;place-items:center!important;align-content:center!important;gap:2px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(255,242,219,.97))!important;
  border:1px solid rgba(213,153,71,.72)!important;
  box-shadow:0 9px 22px rgba(118,77,119,.12)!important;
  z-index:22!important;
}
.sun-spoke.wide-ray.pos-top .wide-label{transform:translate(-50%,-50%) rotate(90deg)!important;}
.sun-spoke.wide-ray.pos-right-top .wide-label{transform:translate(-50%,-50%) rotate(30deg)!important;}
.sun-spoke.wide-ray.pos-right-bottom .wide-label{transform:translate(-50%,-50%) rotate(-30deg)!important;}
.sun-spoke.wide-ray.pos-bottom .wide-label{transform:translate(-50%,-50%) rotate(-90deg)!important;}
.sun-spoke.wide-ray.pos-left-bottom .wide-label{transform:translate(-50%,-50%) rotate(-150deg)!important;}
.sun-spoke.wide-ray.pos-left-top .wide-label{transform:translate(-50%,-50%) rotate(150deg)!important;}
.wide-label b{font-size:20px!important;line-height:1!important;color:#704058!important;}
.wide-label small{font-size:10px!important;line-height:1.05!important;color:#d65f34!important;}
.ray-label-icon{font-size:19px!important;line-height:1!important;}

/* Keep numerals upright regardless of ray angle. */
.sun-spoke.wide-ray.pos-top .wide-ray-step em{transform:rotate(90deg)!important;}
.sun-spoke.wide-ray.pos-right-top .wide-ray-step em{transform:rotate(30deg)!important;}
.sun-spoke.wide-ray.pos-right-bottom .wide-ray-step em{transform:rotate(-30deg)!important;}
.sun-spoke.wide-ray.pos-bottom .wide-ray-step em{transform:rotate(-90deg)!important;}
.sun-spoke.wide-ray.pos-left-bottom .wide-ray-step em{transform:rotate(-150deg)!important;}
.sun-spoke.wide-ray.pos-left-top .wide-ray-step em{transform:rotate(150deg)!important;}

/* Short organic energy bridge between the sun and cell 1. */
.ray-energy-connector{
  position:absolute!important;left:calc(var(--ray-start,132px) - 27px)!important;top:50%!important;
  width:34px!important;height:14px!important;transform:translateY(-50%)!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,rgba(255,211,80,.88),rgba(255,111,0,.9))!important;
  filter:blur(3px) drop-shadow(0 0 9px rgba(255,114,0,.72))!important;
  z-index:11!important;pointer-events:none!important;
}

/* Magical orange network connecting the six rays — decorative, bounded, never clips. */
.magic-network{position:absolute!important;inset:0!important;width:660px!important;height:660px!important;z-index:4!important;pointer-events:none!important;overflow:visible!important;}
.magic-orbit,.magic-hex,.magic-arc{fill:none!important;stroke:url(#magicLine)!important;filter:url(#magicGlow)!important;transform-origin:330px 330px!important;}
.magic-orbit.orbit-a{stroke-width:1.5!important;stroke-dasharray:4 11!important;opacity:.52!important;animation:orbitSpin 36s linear infinite!important;}
.magic-orbit.orbit-b{stroke-width:1!important;stroke-dasharray:2 9!important;opacity:.38!important;animation:orbitSpinReverse 28s linear infinite!important;}
.magic-hex{stroke-width:1.2!important;stroke-dasharray:9 8!important;opacity:.46!important;}
.magic-arc{stroke-width:2!important;stroke-linecap:round!important;opacity:.36!important;stroke-dasharray:18 10!important;animation:magicPulse 3.8s ease-in-out infinite alternate!important;}
.magic-nodes circle{fill:#ffb52b!important;stroke:#fff0a4!important;stroke-width:1!important;filter:url(#magicGlow)!important;opacity:.9!important;animation:nodePulse 2.6s ease-in-out infinite alternate!important;}
@keyframes orbitSpin{to{transform:rotate(360deg)}}
@keyframes orbitSpinReverse{to{transform:rotate(-360deg)}}
@keyframes magicPulse{from{opacity:.18;stroke-width:1.2}to{opacity:.7;stroke-width:2.4}}
@keyframes nodePulse{from{r:3;opacity:.55}to{r:5;opacity:1}}

/* Hint sits below the entire wheel, never under the bottom ray. */
.sun-hint{
  position:absolute!important;left:50%!important;bottom:-30px!important;transform:translateX(-50%)!important;
  z-index:40!important;white-space:nowrap!important;
  padding:9px 16px!important;border-radius:999px!important;
  background:rgba(255,255,255,.95)!important;border:1px solid rgba(218,171,111,.44)!important;
  color:#755a6b!important;font-size:12px!important;box-shadow:0 8px 20px rgba(94,66,120,.07)!important;
}

/* Final responsive containment. */
@media(max-width:1300px){
  .bright-sun-wrap{transform:scale(.9)!important;transform-origin:center center!important;}
  .sun-stage{min-height:640px!important;}
}
@media(max-width:1120px){
  .hero{grid-template-columns:1fr!important;}
  .bright-sun-wrap{transform:scale(.94)!important;transform-origin:center top!important;}
  .sun-stage{min-height:650px!important;}
}
@media(max-width:760px){
  .bright-sun-wrap{transform:scale(.58)!important;transform-origin:center top!important;}
  .sun-stage{min-height:430px!important;padding-bottom:20px!important;}
  .sun-hint{display:none!important;}
}


/* =====================================================================
   FINAL v1.5 — COMPACT VERIFIED GEOMETRY
   620×620 bounded wheel. Labels, rays and hint stay inside the composition.
   ===================================================================== */
.sun-stage{min-height:650px!important;padding:0 0 36px!important;overflow:visible!important;}
.bright-sun-wrap{width:620px!important;height:620px!important;transform:none!important;margin:0 auto!important;}
.bright-sun-wheel{width:620px!important;height:620px!important;left:0!important;top:0!important;}
.magic-network{width:620px!important;height:620px!important;}
.magic-orbit,.magic-hex,.magic-arc{transform-origin:310px 310px!important;}

/* tighter center and ray geometry */
.sun-spoke.wide-ray{width:290px!important;height:118px!important;}
.wide-ray-scale{
  left:var(--ray-start,120px)!important;
  width:var(--ray-length,128px)!important;
  height:92px!important;
}
.wide-ray-scale:before{
  inset:4px -2px!important;
  height:auto!important;
  clip-path:polygon(0 42%,100% 0,100% 100%,0 58%)!important;
  background:linear-gradient(90deg,rgba(255,249,226,.78),rgba(255,215,124,.88))!important;
}
.wide-ray-step{height:calc(28px + var(--step)*5.1px)!important;font-size:11px!important;}
.wide-ray-step em{font-size:11px!important;}
.wide-label{
  left:var(--label-r,252px)!important;
  width:146px!important;min-width:146px!important;min-height:68px!important;
  padding:8px 10px!important;
}
.wide-label b{font-size:19px!important;}
.wide-label small{font-size:9px!important;}
.ray-label-icon{font-size:18px!important;}
.ray-energy-connector{left:calc(var(--ray-start,120px) - 24px)!important;width:30px!important;height:12px!important;}

/* Center text remains clearly inside the inner solar disc. */
.center-sun-title{width:53%!important;height:48%!important;}
.center-sun-title strong{font-size:calc(var(--center-size,220px)/10.5)!important;}
.center-sun-title span{font-size:calc(var(--center-size,220px)/14)!important;}

/* Extra magical orange filaments between rays. */
.magic-network:after{content:"";}
.magic-hex{stroke-width:1.4!important;stroke-dasharray:7 7!important;opacity:.58!important;}
.magic-arc{stroke-width:2.1!important;opacity:.48!important;stroke-dasharray:14 9!important;}
.magic-orbit.orbit-a{opacity:.62!important;stroke-width:1.6!important;}
.magic-orbit.orbit-b{opacity:.45!important;stroke-width:1.2!important;}

/* Keep the hint below the bottom label, still inside the visual frame. */
.sun-hint{bottom:-28px!important;font-size:11px!important;padding:8px 14px!important;}

/* No automatic scale at normal desktop widths: scaling was the source of drifting/clipping. */
@media(max-width:1300px){
  .bright-sun-wrap{transform:none!important;}
  .sun-stage{min-height:650px!important;}
}
@media(max-width:1120px){
  .hero{grid-template-columns:1fr!important;}
  .bright-sun-wrap{transform:none!important;}
  .sun-stage{min-height:650px!important;}
}
@media(max-width:700px){
  .bright-sun-wrap{transform:scale(.78)!important;transform-origin:center top!important;}
  .sun-stage{min-height:510px!important;}
  .sun-hint{display:none!important;}
}
@media(max-width:520px){
  .bright-sun-wrap{transform:scale(.58)!important;transform-origin:center top!important;}
  .sun-stage{min-height:390px!important;}
}


/* FINAL v1.5.1 — true unified sector rays, no oversize background wedges */
.wide-ray-scale{
  left:var(--ray-start,120px)!important;
  width:var(--ray-length,118px)!important;
  height:92px!important;
  display:flex!important;
  align-items:stretch!important;
  gap:0!important;
  overflow:hidden!important;
  clip-path:polygon(0 44%,100% 0,100% 100%,0 56%)!important;
  background:linear-gradient(90deg,rgba(255,251,232,.96),rgba(255,218,132,.92))!important;
  box-shadow:0 0 0 1px rgba(216,153,61,.65),inset 0 0 16px rgba(255,255,255,.72)!important;
  filter:drop-shadow(0 3px 7px rgba(205,139,44,.14))!important;
}
.wide-ray-scale:before{display:none!important;}
.wide-ray-step{
  flex:1 1 10%!important;
  width:auto!important;min-width:0!important;
  height:100%!important;
  margin:0!important;
  border:0!important;border-right:1px solid rgba(205,143,54,.55)!important;
  border-radius:0!important;
  background:rgba(255,255,255,.08)!important;
  box-shadow:none!important;
  clip-path:none!important;
  display:grid!important;place-items:center!important;
}
.wide-ray-step:last-child{border-right:0!important;}
.wide-ray-step.lit{
  background:linear-gradient(180deg,#fff99c 0%,#ffe22c 18%,#ffb20e 42%,#ff7600 68%,#ff4300 100%)!important;
  box-shadow:inset 0 0 9px rgba(255,255,226,.95),0 0 10px rgba(255,116,0,.72)!important;
}
.wide-ray-step em{font-size:11px!important;font-weight:700!important;color:#83552e!important;}
.wide-ray-step.lit em{color:#fffdf0!important;text-shadow:0 1px 3px #9e3b00!important;}
.wide-label{left:var(--label-r,242px)!important;}
.ray-energy-connector{left:calc(var(--ray-start,120px) - 22px)!important;width:27px!important;}
/* Highest-specificity final label radius override; older build layers used calc(ray-start + 216px). */
.sun-spoke.wide-ray.pos-top .wide-label,
.sun-spoke.wide-ray.pos-right-top .wide-label,
.sun-spoke.wide-ray.pos-right-bottom .wide-label,
.sun-spoke.wide-ray.pos-bottom .wide-label,
.sun-spoke.wide-ray.pos-left-bottom .wide-label,
.sun-spoke.wide-ray.pos-left-top .wide-label{left:var(--label-r,242px)!important;}


/* =====================================================================
   FINAL v1.6 — readable tip + labels clear of the 1–10 scale
   ===================================================================== */
/* Give the lower helper pill more space and make it readable. */
.sun-stage{padding:0 0 78px!important;min-height:688px!important;}
.bright-sun-wrap{height:628px!important;}

/* The six name cards must NOT sit on top of the numbers.
   We anchor them AFTER the scale, not centered over it. */
.wide-label{
  left:calc(var(--ray-start,120px) + var(--ray-length,112px) + 12px)!important;
  width:150px!important;
  min-width:150px!important;
  min-height:74px!important;
  padding:10px 12px!important;
  z-index:26!important;
}
.sun-spoke.wide-ray.pos-top .wide-label{transform:translateY(-50%) rotate(90deg)!important;}
.sun-spoke.wide-ray.pos-right-top .wide-label{transform:translateY(-50%) rotate(30deg)!important;}
.sun-spoke.wide-ray.pos-right-bottom .wide-label{transform:translateY(-50%) rotate(-30deg)!important;}
.sun-spoke.wide-ray.pos-bottom .wide-label{transform:translateY(-50%) rotate(-90deg)!important;}
.sun-spoke.wide-ray.pos-left-bottom .wide-label{transform:translateY(-50%) rotate(-150deg)!important;}
.sun-spoke.wide-ray.pos-left-top .wide-label{transform:translateY(-50%) rotate(150deg)!important;}

/* Highest-specificity override against older build layers */
.sun-spoke.wide-ray.pos-top .wide-label,
.sun-spoke.wide-ray.pos-right-top .wide-label,
.sun-spoke.wide-ray.pos-right-bottom .wide-label,
.sun-spoke.wide-ray.pos-bottom .wide-label,
.sun-spoke.wide-ray.pos-left-bottom .wide-label,
.sun-spoke.wide-ray.pos-left-top .wide-label{
  left:calc(var(--ray-start,120px) + var(--ray-length,112px) + 12px)!important;
}

/* Small typography tune so 10/10 status remains easy to read even after rotation. */
.wide-label b{font-size:20px!important;line-height:1!important;color:#6e3d55!important;}
.wide-label small{font-size:10px!important;line-height:1.08!important;color:#d86035!important;}
.ray-label-icon{font-size:18px!important;line-height:1!important;}

/* All ten cells remain visible before the label card begins. */
.wide-ray-scale{width:var(--ray-length,112px)!important;}
.wide-ray-step em{font-size:11px!important;}

/* Readable helper pill instead of a tiny ghost-text strip. */
.sun-hint{
  left:50%!important;
  bottom:-2px!important;
  transform:translateX(-50%)!important;
  max-width:430px!important;
  width:max-content!important;
  white-space:normal!important;
  text-align:center!important;
  line-height:1.3!important;
  font-size:14px!important;
  font-weight:600!important;
  padding:12px 18px!important;
  background:rgba(255,255,255,.98)!important;
  border:1px solid rgba(218,171,111,.52)!important;
  box-shadow:0 12px 28px rgba(102,74,123,.12)!important;
  color:#75586a!important;
}

@media(max-width:700px){
  .sun-stage{min-height:560px!important;padding-bottom:40px!important;}
  .sun-hint{display:none!important;}
}


/* =====================================================================
   FINAL v1.7 — top label safe, readable tip, true white-to-neon rays
   ===================================================================== */
/* 1) Верхний блок "Энергия" опускаем внутрь фрейма. */
.sun-spoke.wide-ray.pos-top .wide-label{
  left:calc(var(--ray-start,120px) + var(--ray-length,112px) - 8px)!important;
}
/* Остальные подписи держим после шкалы, чтобы 1–10 были видны полностью. */
.sun-spoke.wide-ray.pos-right-top .wide-label,
.sun-spoke.wide-ray.pos-right-bottom .wide-label,
.sun-spoke.wide-ray.pos-bottom .wide-label,
.sun-spoke.wide-ray.pos-left-bottom .wide-label,
.sun-spoke.wide-ray.pos-left-top .wide-label{
  left:calc(var(--ray-start,120px) + var(--ray-length,112px) + 12px)!important;
}

/* 2) Подсказку уводим в низ фрейма, левее центра, чтобы не налезала на "Любовь". */
.sun-hint{
  left:39%!important;
  bottom:18px!important;
  transform:translateX(-50%)!important;
  max-width:410px!important;
  width:410px!important;
  font-size:14px!important;
  line-height:1.35!important;
  white-space:normal!important;
  text-align:center!important;
  padding:13px 18px!important;
  z-index:45!important;
}

/* 3) Небазовые лучи делаем почти белыми, а активные — реально яркими неоново-оранжевыми. */
.wide-ray-scale{
  background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,252,244,.97))!important;
  box-shadow:0 0 0 1px rgba(223,177,96,.55), inset 0 0 14px rgba(255,255,255,.96)!important;
}
.wide-ray-step{
  background:rgba(255,255,255,.72)!important;
  border-right:1px solid rgba(215,173,95,.6)!important;
}
.wide-ray-step em{
  color:#8b5d33!important;
  text-shadow:none!important;
}
.wide-ray-step.lit{
  background:linear-gradient(180deg,#fffec7 0%, #fff36d 14%, #ffd326 30%, #ffae00 48%, #ff7a00 66%, #ff4a00 83%, #ff2f00 100%)!important;
  box-shadow:
    inset 0 0 14px rgba(255,255,235,.98)!important,
    0 0 12px rgba(255,207,61,.95)!important,
    0 0 24px rgba(255,149,0,.92)!important,
    0 0 40px rgba(255,102,0,.84)!important,
    0 0 58px rgba(255,76,0,.62)!important;
  border-right:1px solid rgba(255,172,0,.88)!important;
}
.wide-ray-step.lit em{
  color:#fffef5!important;
  text-shadow:0 1px 4px rgba(120,45,0,.95)!important;
}
/* Свечение от центра к началу луча усиливаем. */
.ray-energy-connector{
  width:34px!important;
  height:16px!important;
  left:calc(var(--ray-start,120px) - 28px)!important;
  background:linear-gradient(90deg,rgba(255,255,255,0), rgba(255,225,96,.95), rgba(255,133,0,.98), rgba(255,84,0,.92))!important;
  filter:blur(4px) drop-shadow(0 0 10px rgba(255,179,39,.92)) drop-shadow(0 0 24px rgba(255,102,0,.78))!important;
}
/* Общий теплый ореол живых лучей. */
.sun-spoke.wide-ray{filter:drop-shadow(0 0 3px rgba(255,209,90,.22));}

/* На всякий случай — чуть больше места под композицией. */
.sun-stage{padding:8px 0 78px!important;min-height:690px!important;}

@media(max-width:700px){
  .sun-hint{display:none!important;}
}


/* =====================================================================
   FINAL v1.8 — move helper note lower under the wheel
   ===================================================================== */
.sun-stage{padding:8px 0 118px!important;min-height:736px!important;}
.bright-sun-wrap{height:646px!important;}
/* Put the helper note clearly below the wheel, centered in the lower free area. */
.sun-hint{
  left:52%!important;
  bottom:-34px!important;
  transform:translateX(-50%)!important;
  width:430px!important;
  max-width:430px!important;
  min-height:56px!important;
  padding:14px 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  font-size:14px!important;
  line-height:1.35!important;
  z-index:40!important;
}
@media(max-width:700px){
  .sun-stage{padding-bottom:42px!important;min-height:560px!important;}
  .sun-hint{display:none!important;}
}