:root{
  --bg:#090910;--bg2:#10101c;--ink:#f6eee1;--muted:#a9a4ad;--muted2:#777382;
  --gold:#d9b989;--gold-hi:#f1d6ad;--gold-dark:#b88d57;--purple:#62506f;
  --line:rgba(219,193,155,.17);--line-bright:rgba(219,193,155,.36);
  --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --sans:"DM Sans",Arial,Helvetica,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{min-height:100%;scroll-behavior:smooth}
body{margin:0;min-height:100vh;min-height:100dvh;color:var(--ink);background:var(--bg);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}
button:focus-visible,input:focus-visible,.focus-option input:focus-visible + .focus-content{outline:2px solid var(--gold-hi);outline-offset:4px}
::selection{background:#b98d59;color:#090910}
[hidden]{display:none!important}
#starfield{position:fixed;z-index:0;inset:0;width:100%;height:100%;pointer-events:none;opacity:.75}
.ambient,.grain{position:fixed;z-index:0;inset:0;pointer-events:none}
.ambient--one{background:radial-gradient(ellipse 48% 65% at 78% 43%,rgba(70,48,86,.22),transparent 72%),radial-gradient(ellipse 55% 50% at 0% 95%,rgba(73,56,91,.10),transparent 80%)}
.ambient--two{background:radial-gradient(ellipse 35% 35% at 100% 0%,rgba(174,112,96,.07),transparent 75%)}
.grain{opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.4' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:screen}
.page-shell{position:relative;z-index:1;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;margin:auto;width:min(100%,1600px);padding:0 clamp(24px,5.4vw,92px)}
.site-header{height:91px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);flex-shrink:0}
.brand{padding:0;border:0;background:none;color:var(--ink);display:flex;align-items:center;gap:11px}
.brand-icon{display:grid;place-items:center;width:36px;height:36px;color:var(--gold);filter:drop-shadow(0 0 10px rgba(217,185,137,.16))}.brand-icon svg{width:36px;height:36px}
.brand-name{font-size:13px;letter-spacing:.25em;font-weight:700;white-space:nowrap}.brand-name span{color:var(--gold)}
.header-right{color:var(--muted2);display:flex;gap:10px;align-items:center;font-size:9px;letter-spacing:.24em;font-weight:700}
.sound-toggle{color:#9f9395;border:1px solid rgba(217,185,137,.22);border-radius:2px;padding:8px 10px;background:#17141f;font-size:9px;letter-spacing:.15em;font-weight:700;white-space:nowrap;transition:color .2s,border-color .2s}.sound-toggle:hover,.sound-toggle[aria-pressed="true"]{color:var(--gold-hi);border-color:var(--gold)}.sound-toggle span:first-child{font-size:13px;margin-right:3px}.header-right{gap:15px}.header-status-dot{width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px rgba(217,185,137,.65)}
main{flex:1;display:flex;flex-direction:column}.screen{flex:1;animation:enter .7s cubic-bezier(.2,.72,.1,1) both}
@keyframes enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
.screen--intro{display:flex;flex-direction:column}.intro-layout{flex:1;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(15px,3vw,80px);max-width:1400px;width:100%;margin:auto;padding:43px 0 18px}
.intro-copy{position:relative;z-index:2;padding-bottom:12px}.eyebrow{display:flex;align-items:center;gap:15px;font-size:10px;font-weight:700;letter-spacing:.33em;color:var(--gold);white-space:nowrap}.eyebrow-line{display:inline-block;width:27px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}.star-four{margin-left:1px;font-size:17px;font-weight:400}
.intro-copy h1{font-family:var(--serif);font-weight:400;font-size:clamp(74px,7.9vw,128px);line-height:.86;letter-spacing:-.047em;margin:28px 0 35px;color:#f8f1e8}
.intro-copy h1 em{font-weight:400;color:var(--gold-hi);text-shadow:0 0 46px rgba(220,179,115,.12)}.intro-copy h1 .period{color:var(--gold-hi)}
.intro-id{font-size:clamp(13px,1.12vw,16px);line-height:1.95;letter-spacing:.007em;color:#e4daca;margin:0}.intro-id span{color:var(--muted)}
.intro-actions{display:flex;align-items:center;gap:30px;margin-top:35px;flex-wrap:wrap}.btn{min-height:54px;border-radius:3px;padding:0 25px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-weight:700;font-size:11px;letter-spacing:.12em;text-decoration:none;transition:background .24s,border-color .24s,transform .24s,box-shadow .24s;white-space:nowrap}
.btn:active{transform:scale(.985)}.btn--gold{background:linear-gradient(120deg,#e3cba6,#cda97a);color:#17131a;border-color:#ecd2a8;box-shadow:0 8px 34px rgba(206,166,113,.12)}.btn--gold:hover{background:linear-gradient(120deg,#f4ddbc,#dbb987);box-shadow:0 10px 43px rgba(206,166,113,.19);transform:translateY(-2px)}.btn-arrow{font-size:21px;font-weight:400;line-height:1;margin-left:14px}
.intro-note{font-size:10px;color:var(--muted2);white-space:nowrap}.fourpoint{font-size:18px;color:var(--gold-dark);vertical-align:middle;margin-right:6px}
.orbit-scene{position:relative;width:min(100%,560px);aspect-ratio:1;justify-self:center;isolation:isolate;transform:translate(10px,-8px)}
.orbit-aura{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at center,rgba(194,155,110,.11) 0%,rgba(100,67,102,.07) 28%,transparent 70%);filter:blur(28px)}
.orbit{position:absolute;top:50%;left:50%;border:1px solid rgba(217,185,137,.24);border-radius:50%;transform:translate(-50%,-50%)}
.orbit--outer{width:98%;height:98%;border-color:rgba(217,185,137,.13);animation:slow-rotate 95s linear infinite}
.orbit--outer:before,.orbit--outer:after{content:"";position:absolute;inset:11px;border:1px dashed rgba(217,185,137,.075);border-radius:50%}
.orbit--middle{width:79%;height:79%;border-color:rgba(223,191,156,.24);box-shadow:0 0 42px rgba(177,139,108,.035);animation:slow-rotate-rev 77s linear infinite}
.orbit--middle:after{content:"";position:absolute;inset:10px;border:1px solid rgba(221,191,145,.1);border-radius:50%}
.orbit--inner{width:57%;height:57%;border-color:rgba(216,177,129,.3);box-shadow:inset 0 0 70px rgba(164,119,128,.05),0 0 60px rgba(158,115,100,.07)}
.orbit-mark{position:absolute;width:7px;height:7px;border:1px solid var(--gold);transform:rotate(45deg);background:#0c0c17;box-shadow:0 0 9px rgba(211,168,102,.3)}.orbit-mark--t{top:-4px;left:calc(50% - 4px)}.orbit-mark--b{bottom:-4px;left:calc(50% - 4px)}
.orbit-tick{position:absolute;color:#d9b989;text-shadow:0 0 14px rgba(231,192,153,.56);font-size:18px}.orbit-tick--one{left:-9px;top:45%}.orbit-tick--two{right:16%;top:7%}.orbit-tick--three{bottom:5%;left:24%}
.orbit-core{position:absolute;top:50%;left:50%;width:43%;height:43%;border-radius:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:radial-gradient(circle at 60% 37%,#342d40 0%,#1a1828 43%,#0d0f1a 78%);box-shadow:inset -11px -12px 45px #080810,inset 15px 10px 35px #5b435030,0 0 70px rgba(216,175,130,.07),0 0 0 1px rgba(237,207,163,.23)}
.orbit-core:after{content:"";position:absolute;inset:17px;border:1px solid rgba(235,191,151,.06);border-radius:50%}.orbit-eclipse{width:52%;height:52%;border-radius:50%;box-shadow:-22px 11px 0 -6px #e7c697;filter:drop-shadow(0 0 26px rgba(248,217,163,.38));transform:rotate(-14deg) translate(10px,-5px)}.orbit-core-star{position:absolute;color:#f2d8ac;right:19%;top:25%;font-size:18px;text-shadow:0 0 20px rgba(244,220,166,.7)}
.orbit-label{position:absolute;letter-spacing:.24em;font-weight:600;font-size:8px;color:#9e8e97;white-space:nowrap}.orbit-label span{color:var(--gold);margin-left:9px}.orbit-label--left{left:-5%;top:46%}.orbit-label--right{right:-4%;bottom:26%}
.floating-star{position:absolute;color:var(--gold);text-shadow:0 0 20px #f8dbb3;animation:twinkle 3.5s ease-in-out infinite}.floating-star--a{top:4%;right:14%;font-size:20px}.floating-star--b{top:30%;left:3%;font-size:8px;animation-delay:1s}.floating-star--c{bottom:9%;left:24%;font-size:14px;animation-delay:2s}
@keyframes slow-rotate{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes slow-rotate-rev{to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes twinkle{50%{opacity:.36;transform:scale(.65)}}
.bottom-meta{display:flex;justify-content:space-between;padding:18px 0 25px;font-size:9px;letter-spacing:.25em;color:#77717e;gap:15px}
.site-footer{height:59px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;color:#686573;font-size:9px;letter-spacing:.22em;font-weight:600}.footer-star{color:var(--gold-dark);font-size:17px}
/* Input page */
.screen--form{display:flex;flex-direction:column;padding:25px 0 50px}.stepbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.back-button{padding:10px 4px 10px 0;background:transparent;color:var(--muted);border:0;font-size:11px;letter-spacing:.06em;display:flex;align-items:center;gap:11px;transition:color .2s}.back-button:hover{color:var(--gold-hi)}.back-button span{font-size:20px}.step-index{font-size:11px;font-weight:700;color:var(--gold);letter-spacing:.24em}.step-index span{color:var(--muted2);margin:0 6px}
.experience-layout{flex:1;max-width:1130px;margin:auto;width:100%;display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,8vw,130px);align-items:center;padding:25px 0}
.experience-aside{align-self:center}.big-title{font-family:var(--serif);font-size:clamp(72px,6.7vw,103px);line-height:.9;letter-spacing:-.045em;font-weight:400;margin:25px 0 33px}.big-title em{font-weight:400;color:var(--gold-hi)}.experience-aside>p{max-width:380px;color:var(--muted);font-size:14px;line-height:2.05}.aside-ornament{display:flex;align-items:center;gap:15px;color:var(--gold);font-size:23px;margin-top:55px;opacity:.65}.ornament-line{height:1px;width:125px;background:linear-gradient(90deg,var(--gold-dark),transparent)}
.form-panel{background:linear-gradient(137deg,rgba(30,26,41,.90),rgba(13,13,24,.92));border:1px solid rgba(230,197,156,.21);padding:clamp(25px,3.9vw,49px);box-shadow:0 22px 100px rgba(0,0,0,.22),inset 0 1px rgba(244,216,164,.025);position:relative}
.form-panel:before,.result-card:before{content:"";position:absolute;left:-1px;top:-1px;width:38px;height:38px;border-top:1px solid rgba(235,193,132,.65);border-left:1px solid rgba(235,193,132,.65);pointer-events:none}.form-panel:after,.result-card:after{content:"";position:absolute;right:-1px;bottom:-1px;width:38px;height:38px;border-right:1px solid rgba(235,193,132,.65);border-bottom:1px solid rgba(235,193,132,.65);pointer-events:none}
.panel-serial{display:flex;align-items:center;justify-content:space-between;color:#a79a9b;font-size:9px;letter-spacing:.25em;font-weight:700;margin-bottom:34px}.panel-serial span{color:var(--gold)}
.field-label{display:block;color:#e2cfb7;font-size:10px;font-weight:700;letter-spacing:.2em}.name-input{display:block;width:100%;height:59px;margin-top:14px;padding:0 16px;background:#0e0d17;border:1px solid rgba(225,198,159,.24);border-radius:2px;color:var(--ink);font-size:16px;outline:none;transition:border-color .2s,box-shadow .2s}.name-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(217,185,137,.075)}.name-input::placeholder{color:#646173}.field-help{font-size:10px;line-height:1.6;color:var(--muted2);margin:10px 0 0}.section-divider{height:1px;background:var(--line);margin:31px 0 28px}
.focus-fieldset{padding:0;margin:0;border:0}.field-subtitle{font-size:12px;color:var(--muted);line-height:1.7;margin:12px 0 21px}.focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.focus-option{display:block;position:relative;cursor:pointer}.focus-option input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.focus-content{height:77px;border:1px solid rgba(225,198,159,.16);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#c9bdba;background:#12111d;transition:background .22s,border .22s,color .22s;font-size:10px;font-weight:600}.focus-symbol{font-family:var(--serif);font-size:27px;line-height:1;color:#a79084;transition:color .2s}.focus-option input:checked+.focus-content{background:linear-gradient(130deg,rgba(211,171,114,.15),rgba(165,110,128,.07));border-color:rgba(231,191,131,.62);color:#f3dcba;box-shadow:inset 0 0 27px rgba(211,171,114,.035)}.focus-option input:checked+.focus-content .focus-symbol{color:var(--gold-hi)}.focus-option:hover .focus-content{border-color:rgba(231,191,131,.47)}.focus-option--wide{grid-column:2/4}.focus-option--wide .focus-content{flex-direction:row;gap:14px}
.btn--full{width:100%;margin-top:29px;justify-content:space-between;padding:0 25px}.privacy-note{text-align:center;color:#77717e;font-size:10px;line-height:1.65;margin:18px -10px 0}.privacy-note>span{color:var(--gold-dark);font-size:15px;vertical-align:middle;margin-right:4px}
/* Loading */
.screen--reading{display:grid;place-items:center;text-align:center;padding:60px 0}.reading-stage{width:min(100%,590px);display:flex;align-items:center;flex-direction:column}.eyebrow--center{justify-content:center}.eyebrow--center .eyebrow-line:last-child{transform:rotate(180deg)}.reading-portal{position:relative;margin:20px auto 0;width:min(59vw,275px);aspect-ratio:1;display:grid;place-items:center}.reading-ring{position:absolute;border-radius:50%;border:1px solid var(--line-bright)}.reading-ring--one{inset:1%;border-style:dashed;opacity:.75;animation:spin 7s linear infinite}.reading-ring--two{inset:15%;border-color:#ad8c716e;animation:spin 10s linear infinite reverse}.reading-ring--three{inset:29%;border-color:#f0d2a263;box-shadow:0 0 40px rgba(219,174,118,.08)}.reading-sigil{color:var(--gold-hi);font-family:var(--serif);font-size:99px;text-shadow:0 0 45px rgba(233,198,140,.48);animation:pulse 3s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.13);opacity:.75}}
.reading-stage h2{font-family:var(--serif);font-size:clamp(43px,5vw,67px);font-weight:400;margin:12px 0 5px;line-height:1}.reading-stage h2 em{color:var(--gold-hi);font-weight:400}.reading-stage>p{color:var(--muted);font-size:13px;margin:18px 0 27px;min-height:20px}.reading-progress{width:min(100%,290px);height:2px;background:rgba(240,211,158,.17);overflow:hidden}.reading-progress>div{height:100%;width:0;background:linear-gradient(90deg,var(--gold-dark),var(--gold-hi));transition:width .42s ease-out}.reading-caption{color:#77707b;letter-spacing:.27em;font-size:9px;margin-top:24px}
/* Result */
.screen--result{padding:25px 0 41px;display:flex;flex-direction:column}.result-intro{text-align:center;margin:15px auto 36px}.result-intro h2{font-family:var(--serif);font-size:clamp(57px,5.3vw,82px);font-weight:400;line-height:.95;letter-spacing:-.035em;margin:18px 0 14px}.result-intro h2 em{color:var(--gold-hi);font-weight:400}.result-intro>p{color:var(--muted);font-size:12px;line-height:1.8;margin:0}
.result-card{width:min(100%,1130px);margin:0 auto;position:relative;display:grid;grid-template-columns:.88fr 1.12fr;background:#12111b;border:1px solid rgba(231,195,144,.28);box-shadow:0 30px 100px rgba(0,0,0,.24)}
.result-identity{padding:31px clamp(28px,3.6vw,52px) 30px;background:radial-gradient(ellipse at 50% 35%,rgba(98,73,104,.22),transparent 58%),linear-gradient(160deg,#221c2b,#15131f 70%);border-right:1px solid rgba(231,195,144,.17);min-width:0;display:flex;flex-direction:column;text-align:center}
.result-identity .panel-serial{margin-bottom:15px}.result-identity .panel-serial span:last-child{font-size:9px;color:#998d97}
.result-sigil{width:150px;height:150px;position:relative;margin:1px auto 14px;display:grid;place-items:center}.result-sigil-ring{position:absolute;inset:2px;border:1px solid rgba(218,182,136,.4);border-radius:50%;box-shadow:0 0 0 11px rgba(218,182,136,.018),inset 0 0 32px rgba(217,185,137,.04)}.result-sigil-ring:after{content:"";position:absolute;inset:13px;border:1px dashed rgba(218,182,136,.18);border-radius:50%}.result-sigil-core{color:var(--gold-hi);font-family:var(--serif);font-size:83px;line-height:1;text-shadow:0 0 25px rgba(221,177,122,.24)}.result-sigil-star{position:absolute;top:19px;right:18px;color:var(--gold-hi);text-shadow:0 0 13px var(--gold)}
.identity-label{color:#9d8d8f;font-size:9px;font-weight:700;letter-spacing:.27em}.result-identity h3{font:400 clamp(42px,4vw,62px)/.9 var(--serif);letter-spacing:-.025em;margin:9px 0 12px;overflow-wrap:anywhere}.identity-focus{font-size:9px;font-weight:700;letter-spacing:.23em;color:var(--gold)}.energy-info{text-align:left;margin-top:30px}.energy-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.energy-row span,.identity-meta span{color:#998f9a;font-size:9px;font-weight:700;letter-spacing:.16em}.energy-row strong{font-family:var(--serif);font-size:30px;color:var(--gold-hi);font-weight:500}.energy-track{height:3px;background:rgba(231,196,153,.14);margin-top:8px}.energy-track>div{height:100%;width:0;background:linear-gradient(90deg,#997050,#f4d5a8);transition:width 1.3s cubic-bezier(.22,.7,.24,1)}.identity-meta{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;text-align:left;margin-top:25px;padding-top:22px}.identity-meta>div{display:flex;flex-direction:column;gap:8px}.identity-meta strong{font-size:12px;color:#efe0cd;font-weight:500;white-space:nowrap}
.result-message{padding:clamp(30px,4vw,53px) clamp(28px,4.8vw,69px) 28px;display:flex;flex-direction:column;min-width:0}.message-eyebrow{display:flex;gap:12px;align-items:center;color:var(--gold-dark);letter-spacing:.25em;font-weight:700;font-size:9px}.message-line{height:1px;width:17px;background:var(--gold-dark);opacity:.65}.quotation-mark{font-family:var(--serif);font-size:98px;line-height:.88;color:#cba778;opacity:.8;margin-top:35px;height:60px}.result-message h3{font-family:var(--serif);font-size:clamp(39px,3.6vw,55px);line-height:1.01;font-weight:500;letter-spacing:-.022em;margin:10px 0 18px;color:#f2e8de}.message-body{color:#c9bec0;font-size:clamp(13px,1.05vw,15px);line-height:1.95;margin:0;max-width:630px;min-height:100px}.advice-panel{margin-top:32px;display:flex;align-items:flex-start;gap:16px;padding:21px 20px 18px;background:linear-gradient(110deg,rgba(205,166,118,.11),rgba(163,106,125,.045));border-left:2px solid #c9a36f}.advice-icon{color:var(--gold);font-size:23px;line-height:1}.advice-panel span{color:var(--gold);font-size:9px;font-weight:700;letter-spacing:.13em}.advice-panel p{margin:8px 0 0;color:#eee1d2;font:italic 500 20px/1.3 var(--serif)}.message-footer{margin-top:auto;padding-top:33px;display:flex;justify-content:space-between;gap:12px;align-items:center;color:#817680;font-size:8px;letter-spacing:.15em;font-weight:600}.message-footer span:last-child{color:var(--gold);font-size:21px}
.result-actions{margin:26px auto 0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}.result-actions .btn{min-height:48px;font-size:10px}.action-icon{font-size:20px;font-weight:400;line-height:1}.btn--outline{border-color:rgba(227,191,141,.42);background:rgba(219,183,127,.04);color:#e7d6c5}.btn--outline:hover{border-color:var(--gold-hi);background:rgba(219,183,127,.11)}.btn--text{border-color:transparent;color:var(--muted);background:transparent}.btn--text:hover{color:var(--gold-hi)}.result-note{font-size:10px;line-height:1.7;text-align:center;color:#827e8a;margin:24px auto 0;max-width:720px}
.story-overlay{position:fixed;inset:0;z-index:25;background:rgba(3,3,9,.87);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px;overflow-y:auto}.story-dialog{width:min(100%,530px);max-height:96dvh;overflow:auto;background:linear-gradient(150deg,#211b2a,#100e19);border:1px solid rgba(231,193,144,.48);padding:22px 24px 25px;box-shadow:0 26px 90px #0009}.story-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.story-dialog-header span{color:var(--gold);font-size:9px;letter-spacing:.24em;font-weight:700}.story-dialog-header h2{font:400 35px/1 var(--serif);margin:8px 0 14px}.story-close{background:transparent;border:1px solid var(--line);color:var(--gold);font-size:25px;line-height:1;width:34px;height:34px;flex:none}.story-preview-scroll{width:100%;text-align:center;overflow:hidden;background:#080811}.story-preview-scroll img{display:block;width:auto;max-width:100%;height:auto;max-height:48dvh;margin:0 auto;object-fit:contain;user-select:auto;-webkit-user-select:auto;-webkit-touch-callout:default}.story-tip{font-size:11px;color:var(--muted);line-height:1.7;margin:15px 0}.story-tip strong{font-weight:700;color:#e2ccaf}.story-dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:15px}.story-dialog-actions .btn{min-height:43px}.story-full-link{font-size:11px;color:var(--gold-hi);text-decoration:none}.story-full-link:hover{text-decoration:underline}
.toast{position:fixed;z-index:30;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translateX(-50%);background:#252130;border:1px solid rgba(228,188,138,.42);color:var(--ink);padding:13px 22px;box-shadow:0 9px 35px #0008;font-size:12px;text-align:center;max-width:min(90vw,480px);width:max-content;animation:toastEnter .28s both}@keyframes toastEnter{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}.noscript{position:fixed;inset:0;background:#090910;z-index:99;display:grid;place-items:center;text-align:center;padding:25px}
/* Tablet */
@media (max-width:1060px){.page-shell{padding:0 4.2vw}.intro-layout{gap:8px}.intro-copy h1{font-size:clamp(66px,8.4vw,100px)}.orbit-scene{transform:none}.orbit-label--left{left:-1%}.orbit-label--right{right:0}.experience-layout{gap:40px}.result-message{padding:32px 33px 24px}.result-identity{padding:28px 28px 24px}}
/* Phone */
@media (max-width:700px){
 .page-shell{padding:0 22px}.site-header{height:70px}.brand-icon,.brand-icon svg{width:29px;height:29px}.brand-name{font-size:11px;letter-spacing:.18em}.header-right{font-size:0;gap:8px}.sound-toggle{color:#9f9395;border:1px solid rgba(217,185,137,.22);border-radius:2px;padding:8px 10px;background:#17141f;font-size:9px;letter-spacing:.15em;font-weight:700;white-space:nowrap;transition:color .2s,border-color .2s}.sound-toggle:hover,.sound-toggle[aria-pressed="true"]{color:var(--gold-hi);border-color:var(--gold)}.sound-toggle span:first-child{font-size:13px;margin-right:3px}.header-right{gap:15px}.header-status-dot{width:6px;height:6px}.site-footer{height:58px;font-size:8px;letter-spacing:.09em}.site-footer>.developer-credit{text-align:right}.footer-star{display:none}
 .screen--intro{min-height:calc(100dvh - 128px)}.intro-layout{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px 0 2px;gap:0}.intro-copy{width:100%;text-align:center;order:2;padding:0;margin-top:-14px}.intro-copy .eyebrow{justify-content:center;font-size:8px;letter-spacing:.19em;gap:10px}.intro-copy .eyebrow-line{width:18px}.intro-copy h1{font-size:clamp(66px,14vw,91px);margin:16px 0 22px;letter-spacing:-.055em;line-height:.88}.intro-id{font-size:12px;line-height:1.85}.intro-actions{margin-top:25px;justify-content:center;gap:13px;flex-direction:column}.intro-actions .btn{min-height:53px;min-width:238px}.intro-note{font-size:9px}.orbit-scene{order:1;width:min(75vw,315px);margin-top:-20px}.orbit-label{font-size:6px}.orbit-label--left{left:-2%}.orbit-label--right{right:-2%}.bottom-meta{padding:21px 0 19px;justify-content:center;font-size:7px;letter-spacing:.14em}.bottom-meta span:last-child{display:none}
 .screen--form{padding-top:19px;padding-bottom:38px}.experience-layout{display:block;padding:22px 0 5px;max-width:530px}.experience-aside{text-align:center;margin-bottom:27px}.experience-aside .eyebrow{justify-content:center;font-size:8px}.big-title{font-size:clamp(64px,13.5vw,85px);margin:16px 0 14px}.experience-aside>p{font-size:12px;line-height:1.75;margin:0 auto;max-width:325px}.aside-ornament{display:none}.form-panel{padding:27px 21px 22px}.form-panel .panel-serial{margin-bottom:28px}.focus-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.focus-content{height:67px}.focus-option--wide{grid-column:1/3}.focus-option--wide .focus-content{height:58px}.section-divider{margin:24px 0}.field-subtitle{margin:11px 0 17px}.name-input{height:53px}.btn--full{margin-top:23px}.privacy-note{font-size:9px}
 .screen--reading{padding:40px 0}.reading-stage .eyebrow{font-size:9px;letter-spacing:.18em}.reading-portal{width:220px}.reading-stage h2{font-size:49px}.reading-stage>p{font-size:12px}
 .screen--result{padding-top:16px;padding-bottom:35px}.result-intro{margin:13px auto 26px}.result-intro .eyebrow{font-size:8px;letter-spacing:.15em;gap:9px}.result-intro h2{font-size:clamp(53px,11vw,74px);margin:15px 0 12px}.result-intro>p{font-size:11px;max-width:310px}.result-card{display:flex;flex-direction:column}.result-identity{border-right:0;border-bottom:1px solid var(--line);padding:24px 24px 21px}.result-identity .panel-serial{margin-bottom:8px}.result-sigil{width:118px;height:118px;margin:0 auto 13px}.result-sigil-core{font-size:69px}.result-identity h3{font-size:49px;margin:7px 0 9px}.energy-info{margin-top:23px}.energy-row strong{font-size:26px}.identity-meta{margin-top:19px;padding-top:17px}.identity-meta strong{font-size:11px}.result-message{padding:28px 24px 24px}.quotation-mark{margin-top:24px;font-size:79px;height:47px}.result-message h3{font-size:clamp(42px,10vw,54px);margin:10px 0 15px}.message-body{font-size:13px;line-height:1.85;min-height:0}.advice-panel{padding:16px 15px;margin-top:26px;gap:12px}.advice-panel p{font-size:20px}.message-footer{padding-top:25px;font-size:7px}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:21px}.result-actions .btn{padding:0 11px;gap:9px;font-size:9px}.result-actions .btn--text{grid-column:1/3}.result-note{font-size:9px;margin-top:12px}
}
@media(max-width:380px){.story-dialog{padding:17px}.story-dialog-actions{flex-direction:column;align-items:stretch}.story-dialog-actions .btn{width:100%}.story-full-link{text-align:center;padding:8px}.page-shell{padding:0 16px}.intro-copy h1{font-size:65px}.orbit-scene{width:77vw}.brand-name{font-size:10px}.form-panel{padding-left:16px;padding-right:16px}.result-actions .btn{font-size:8px}}
@media(max-height:660px) and (min-width:701px){.intro-copy h1{font-size:clamp(58px,6.8vw,91px);margin:20px 0}.intro-actions{margin-top:22px}.orbit-scene{width:min(95%,450px)}.site-header{height:68px}.site-footer{height:44px}.bottom-meta{padding:6px 0 13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* V4: footer horizontal sejajar, tidak memecah label dan nama developer */
.site-footer{column-gap:12px;flex-wrap:nowrap}
.site-footer>.footer-copyright{white-space:nowrap;flex:0 1 auto}
.site-footer>.developer-credit{
  display:inline-flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:baseline;
  justify-content:flex-end;
  gap:7px;
  flex:0 0 auto;
  white-space:nowrap;
  min-width:max-content;
  color:#817c89;
  font-size:9px;
  line-height:1.2;
  letter-spacing:.07em;
  text-align:right;
}
.site-footer>.developer-credit>.developer-label{display:inline;white-space:nowrap;font-weight:600}
.site-footer>.developer-credit>strong{
  display:inline;
  white-space:nowrap;
  color:#c6a77d;
  font-size:10px;
  line-height:1.2;
  font-weight:600;
  letter-spacing:.025em;
  text-transform:none;
}
.site-footer>.footer-star{flex:0 0 auto}
@media (max-width:700px){
  .site-footer{justify-content:space-between;column-gap:8px}
  .site-footer>.footer-copyright{font-size:8px;letter-spacing:.025em}
  .site-footer>.developer-credit{gap:5px;font-size:8px;letter-spacing:.025em}
  .site-footer>.developer-credit>strong{font-size:9px;letter-spacing:0}
}
/* Di ponsel sangat sempit, fokuskan kredit agar tetap satu baris dan tidak meluber. */
@media (max-width:310px){
  .site-footer{justify-content:center}
  .site-footer>.footer-copyright{display:none}
}


/* YOUR_DESTINY_ANALYTICS_V1 */
.analytics-consent{display:flex;align-items:flex-start;gap:10px;padding:15px 12px 5px;margin-top:19px;font-size:11px;line-height:1.65;color:#c4b9c9;cursor:pointer;letter-spacing:0}
.analytics-consent input{appearance:auto;flex:0 0 15px;margin:2px 0 0;width:15px;height:15px;accent-color:#c5a678;cursor:pointer}
.analytics-consent span{flex:1;min-width:0}
.form-panel .privacy-note{margin:7px 0 0;text-align:left;font-size:9px;line-height:1.85;color:#9b93a1}