:root{color-scheme:dark;--bg:#0b1022;--panel:#141d34;--panel2:#1b2441;--ink:#f4f4fc;--muted:#bec7df;--line:#3c4967;--pink:#ff9fc6;--mint:#9ce6d6;--accent:#c3adff;--route:#b7baff;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.75;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;min-width:300px;color:var(--ink);background:radial-gradient(ellipse at 10% -5%,#38365c 0,transparent 35%),radial-gradient(ellipse at 100% 60%,#1c3450 0,transparent 45%),var(--bg);overflow-wrap:anywhere}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.15;background-image:radial-gradient(#dde5ff 1px,transparent 1px);background-size:57px 71px;mask-image:linear-gradient(#000,transparent 85%);z-index:-1}button,input,textarea,select{font:inherit}button,a,input,label,summary{-webkit-tap-highlight-color:transparent}a{color:#b5dfed;text-underline-offset:4px}a:hover{color:white}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.46}input,select,textarea{max-width:100%}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.45;letter-spacing:.01em}p{margin-bottom:16px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #abe9e7;outline-offset:4px}.skip{position:fixed;top:8px;left:8px;z-index:100;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;background:#fff;color:#102039;padding:10px}.skip:focus{clip-path:none;width:auto;height:auto;overflow:visible}.shell{max-width:1080px;margin:auto;padding:0 28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:25px 0;border-bottom:1px solid #65739244}.brand{text-decoration:none;font-weight:800;font-size:22px;color:#fff;display:inline-flex;gap:10px;align-items:center;letter-spacing:.12em;white-space:nowrap}.brand-mark{width:32px;height:40px;border:1px solid var(--accent);border-radius:16px 16px 3px 3px;color:var(--mint);display:inline-grid;place-items:center;font-size:17px;box-shadow:0 0 18px #b6a1ff22}.navlink{font-size:13px;text-decoration:none}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #7380a1;border-radius:99px;padding:5px 12px;font-size:12px;font-weight:650;color:#e4def6;background:#2c2d4955}.pill.mint{border-color:#438a82;color:#beeee1;background:#15393d}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.13em;color:var(--accent);margin:0 0 12px}.hero{padding:65px 0 48px;position:relative}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:center}.hero h1{font-size:clamp(32px,4.5vw,49px);font-weight:800;line-height:1.45;letter-spacing:.015em;margin:19px 0 22px}.gradient{color:#d3c1ff;background:linear-gradient(110deg,#f0bdcf,#c7b7fb 54%,#98e2dc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-copy{font-size:16px;line-height:1.9;max-width:500px;color:#d0d9e9}.hero-copy strong{color:#fff;font-weight:600}.hero-tag{font-size:13px;color:#c8badc;letter-spacing:.04em}.hero-art{position:relative;min-height:340px;display:grid;place-items:center}.orbits{position:absolute;width:285px;height:285px;border:1px solid #bba5ff24;border-radius:50%;transform:rotate(-20deg)}.orbits:before,.orbits:after{content:"";position:absolute;border:1px dashed #8fe6ce44;border-radius:50%;inset:-30px}.orbits:after{inset:40px;border-style:solid}.door-array{display:flex;gap:14px;align-items:end;position:relative}.door-illustration{--door:var(--accent);width:74px;height:168px;border:1px solid var(--door);border-bottom-color:transparent;border-radius:45px 45px 0 0;display:flex;justify-content:center;align-items:center;position:relative;background:linear-gradient(180deg,#a399ee15,transparent);box-shadow:0 0 26px #b098ee11;transform:translateY(-4px)}.door-illustration:nth-child(even){height:202px;transform:translateY(6px)}.door-illustration:after{content:"";position:absolute;top:10px;bottom:0;left:10px;right:10px;border:1px solid #c9cfff20;border-radius:45px 45px 0 0;border-bottom:0}.door-illustration span{font-size:33px;color:var(--door)}.door-illustration small{position:absolute;top:calc(100% + 12px);white-space:nowrap;font-size:11px;color:#becae2}.art-caption{position:absolute;bottom:0;font-size:11px;letter-spacing:.06em;color:#b9b3d2}.button{border:1px solid #6c7998;color:#eef1fd;background:#202b45;font-size:15px;font-weight:700;border-radius:13px;min-height:50px;padding:12px 20px;display:inline-flex;align-items:center;justify-content:center;gap:9px;line-height:1.5;text-decoration:none;transition:background .18s,transform .18s}.button:hover:not(:disabled){background:#303c59;transform:translateY(-1px)}.button.primary{color:#15162f;background:linear-gradient(105deg,#c1b0f4,#abdcd9);border-color:transparent;box-shadow:0 9px 30px #96a6e722}.button.primary:hover:not(:disabled){background:linear-gradient(105deg,#d3c4fc,#bcf0e5)}.button.secondary{background:transparent;color:#d1d8ed}.button.small{min-height:42px;padding:8px 12px;font-size:13px}.button.wide{width:100%}.button.warn{border-color:#c48892;color:#ffd2d9}.button-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.hero-actions{margin-top:26px}.features{display:flex;gap:14px;flex-wrap:wrap;color:#b8c4dc;font-size:12px;margin-top:16px}.feature-line{font-size:13px;color:#c3cbe0;display:flex;gap:8px;align-items:center}.feature-line:before{content:"✧";color:var(--mint)}.note{font-size:13px;color:var(--muted);line-height:1.8;margin:8px 0 15px}.micro{font-size:11px;color:#acbad0;line-height:1.65;margin:9px 0}.centered{text-align:center}.status-strip{padding:15px 20px;border:1px solid #4c6280;background:#18253a;border-radius:14px;display:flex;align-items:start;gap:10px;margin:0 0 24px;font-size:13px;color:#d4deee}.status-strip:before{content:"◇";color:var(--mint)}.status-strip.warn{border-color:#ab8752;background:#382d2244}.notice{padding:16px 19px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:10px;background:#1b264099;font-size:13px;margin:20px 0;line-height:1.85}.panel{background:linear-gradient(140deg,#202941ee,#141e33f5);border:1px solid #4b5775;border-radius:23px;padding:30px;box-shadow:0 18px 65px #03091644}.narrow{max-width:820px;margin:0 auto}.page-section{margin:30px 0 50px}.section-title{margin:0 0 24px}.section-title h2{font-size:25px;margin:0 0 8px}.section-title .note{margin:0}.section-title.small h2{font-size:21px}.stage-nav{display:flex;gap:8px;justify-content:space-between;margin:0 0 28px;font-size:12px;color:#9ca9c1}.stage-nav span{flex:1;padding:11px 6px;border-bottom:2px solid #3e4d66;text-align:center}.stage-nav .active{border-color:var(--mint);color:#d5ffed}.stage-nav .done{border-color:#7b88b0;color:#d0cee8}.field{border:0;padding:0;margin:0 0 26px;min-width:0}.field-label{display:block;font-size:15px;font-weight:700;line-height:1.65;padding:0;margin-bottom:10px;color:#f1eff8}.field-help{font-size:12px;color:#b7c2d8;line-height:1.8;margin:0 0 12px}.text-input{display:block;border:1px solid #657393;background:#0d172b;color:#f0f3fc;border-radius:10px;padding:12px 14px;font-size:16px;width:100%;min-height:48px;line-height:1.6}.text-input::placeholder{color:#8496b3;opacity:1}textarea.text-input{resize:vertical}.text-input:focus{border-color:#bcafe7}.required{display:inline-block;border-radius:5px;padding:1px 6px;color:#ffcde1;background:#693951;font-size:11px;margin-left:8px}.optional{font-weight:400;font-size:12px;color:#acb9d1;margin-left:7px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.chips{display:flex;flex-wrap:wrap;gap:9px}.chip{cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #586a8b;border-radius:10px;color:#ced8eb;background:#17213a;font-size:13px;line-height:1.55;min-height:45px}.chip.selected{color:#fff;border-color:#b3dacf;background:#26443f}.chip.blocked{opacity:.4;cursor:not-allowed}.chip input{width:17px;height:17px;accent-color:#a8ddc9;flex:none;margin:0}.chip:focus-within{outline:2px solid #acddff;outline-offset:2px}.consent{padding:24px;border:2px solid #b7a5dc;background:linear-gradient(130deg,#392c4e,#243945);border-radius:17px;margin-bottom:28px}.consent-label{display:flex;align-items:flex-start;gap:15px;cursor:pointer;font-size:17px;font-weight:700;line-height:1.75}.consent-label input{width:27px;height:27px;margin:2px 0 0;accent-color:#afe4c8;flex:none}.consent .note{color:#d6d2e7;margin-bottom:0}.consent:has(input:checked){border-color:var(--mint);background:#233e3e}.consent-confirmed{font-size:12px;color:var(--mint);margin-top:12px}.details-box{border:1px solid #4c5d7a;border-radius:13px;overflow:hidden;margin:14px 0;background:#121e33}summary{cursor:pointer;font-size:14px;font-weight:650;padding:16px 18px;line-height:1.6;color:#dce6f2}details[open]>summary{border-bottom:1px solid #40516b}.details-body{padding:22px}.details-body .field:last-child{margin-bottom:0}.step-actions{display:flex;justify-content:space-between;gap:12px;margin-top:27px;padding-top:21px;border-top:1px solid #41516b}.error{border:1px solid #e69fae;border-left:4px solid #e69fae;color:#ffe0e7;background:#562c3a;padding:14px 17px;border-radius:10px;margin:15px 0;line-height:1.8;font-size:14px}.success-note{background:#173d37;border:1px solid #4d9985;border-radius:13px;padding:18px;color:#d2fbea;font-size:14px}.draft{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center;color:#abbad4;font-size:11px;padding:13px 2px}.draft .button{font-size:12px;min-height:35px;padding:6px 10px}.quiz-panel{border-radius:25px;padding:27px 32px 29px;background:linear-gradient(150deg,#202b48,#131f34);border:1px solid #657197;box-shadow:0 20px 70px #06091866}.quiz-top{display:flex;justify-content:space-between;align-items:center}.counter{font-size:14px;letter-spacing:.1em;color:#e8e2f6}.route-label{font-size:13px;color:var(--route);font-weight:700}.journey{display:flex;align-items:center;gap:8px;margin:20px 0 26px}.journey-dot{height:27px;width:27px;display:grid;place-items:center;border-radius:50%;background:#25334e;color:#93a2bd;font-size:11px;flex:none;border:1px solid #3b4a66}.journey-dot.branch{border-style:dashed}.journey-dot.done{border-color:#849ea9;color:#c9e4e4}.journey-dot.current{color:#132733;background:var(--route);border-color:var(--route);box-shadow:0 0 14px #b2cbed33}.question-lead{display:flex;align-items:center;gap:20px;min-height:90px;padding:15px 18px;background:#0c183044;border-radius:13px;border:1px solid #57668544;margin-bottom:23px}.scene-symbol{font-size:40px;width:46px;flex:none;color:var(--route);line-height:1}.scene-copy{font-size:13px;line-height:1.85;color:#c5cce2;margin:0}.question-title{font-size:clamp(20px,3vw,27px);margin:0 0 25px;line-height:1.65}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer-card{display:grid;grid-template-columns:28px 1fr;align-content:start;gap:7px 8px;min-height:135px;border:1px solid #5c6c8d;border-radius:14px;background:#16223a;padding:18px;text-align:left;color:var(--ink);transition:border-color .14s,background .14s}.answer-letter{grid-row:1/3;border:1px solid #7887a5;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-size:10px;color:#bdcce5;margin-top:2px}.answer-title{font-size:15px;line-height:1.65;font-weight:750}.answer-detail{font-size:12px;color:#b9c6de;line-height:1.85}.answer-card:hover{border-color:var(--route);background:#26314c}.answer-card.selected{border-color:var(--route);background:#344058;box-shadow:inset 0 0 0 1px var(--route)}.answer-card.selected .answer-letter{background:var(--route);border-color:var(--route);color:#142335}.selection-note{font-size:12px;color:#bfcae0;margin:17px 0 21px;min-height:24px}.quiz-nav{display:flex;gap:14px;justify-content:space-between}.quiz-nav .button{font-size:14px}.next-question{min-width:180px}.type-panel{background:radial-gradient(ellipse at 50% 10%,#53486566,transparent 62%),linear-gradient(135deg,#263753,#2c2944);border:1px solid #7e81a6;border-radius:22px;padding:34px 28px;text-align:center;position:relative;overflow:hidden}.type-icon{font-size:43px;line-height:1;color:var(--route);padding:0 0 23px}.type-panel .eyebrow{color:var(--route)}.type-name{font-size:clamp(25px,4vw,36px);line-height:1.55;margin:12px 0 16px;color:#fff}.type-lead{max-width:600px;margin:0 auto;font-size:15px;color:#dde4f1;line-height:1.95}.type-panel .note{max-width:620px;margin:17px auto 0;font-size:12px}.result-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:38px 0 18px}.result-heading h2{font-size:24px;margin:0}.result-heading small{font-size:12px;color:#bac8e2}.performer-card{display:grid;grid-template-columns:1fr auto;border:1px solid #4a5e7a;border-radius:17px;background:#17243a;padding:24px;gap:10px 20px;margin:14px 0}.performer-card.top{border-color:#9d93ba;background:linear-gradient(135deg,#2a304a,#162c3b)}.rankline{display:flex;gap:9px;align-items:center;font-size:12px;color:#c7c1e3;margin-bottom:8px}.rank{font-weight:800;color:#e0d3ff;letter-spacing:.05em}.performer-name{font-size:21px;margin:0 0 8px}.categories{font-size:12px;line-height:1.7;color:#bed2e5}.score{text-align:right;color:var(--mint);align-self:start;white-space:nowrap}.score strong{font-size:38px;letter-spacing:-.04em;line-height:1.2}.score span{font-size:17px}.score small{display:block;color:#beccdf;font-size:11px;margin-top:6px}.card-wide{grid-column:1/-1}.reason{font-size:13px;color:#e3e7f5;line-height:1.8;margin:8px 0}.reason-tags{display:flex;gap:7px;flex-wrap:wrap}.reason-tags span{border-radius:7px;font-size:11px;background:#364158;padding:4px 8px;color:#d6eee6}.warning-text{color:#edc39b}.breakdown{grid-column:1/-1;font-size:12px;border-top:1px solid #51607c;margin-top:8px}.breakdown summary{padding:13px 0}.breakdown[open] summary{border:0}.bar-row{display:grid;grid-template-columns:1fr auto;gap:4px 9px;margin:11px 0;font-size:12px;color:#cbd7e7}.bar{grid-column:1/-1;height:5px;background:#303f5c;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#a6a6ed,#8ecebf)}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.summary-card{padding:18px;border-radius:13px;background:#15233b;border:1px solid #415774;font-size:13px}.summary-card h3{font-size:14px;color:#b6dad7;margin:0 0 8px}.summary-card p{margin:0;color:#d3ddee}.list-empty{padding:30px 23px;border:1px dashed #7481a0;border-radius:16px;text-align:center;color:#c6d5e6}.share-box{margin-top:28px;border:1px solid #556685;border-radius:18px;padding:24px;background:#1b2741}.share-box h3{font-size:18px;margin-bottom:12px}.share-preview{width:100%;height:auto;display:block;border-radius:11px;border:1px solid #59647b;margin:15px 0}.share-box .button-row{gap:8px}.share-box .button{font-size:13px}.share-status{font-size:12px;color:#bfe9d4;min-height:22px;margin-top:10px}.filter-box{border:1px solid #4e6480;border-radius:16px;background:#16263c;margin-top:26px}.filter-box .field{margin-bottom:22px}.filter-box .details-body{padding-bottom:8px}.favorite-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:17px;padding-top:17px;border-top:1px solid #415270}.favorite-row label{font-size:13px}.favorite-row select{width:100%;max-width:360px}.saved-item{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #46556d;font-size:13px}.success-icon{font-size:32px;color:#d7ffef;background:#27564c;border:1px solid #83bcaa;border-radius:50%;width:65px;height:65px;display:grid;place-items:center;margin:0 auto 20px}.dm-box{border:2px solid #acb4e4;background:linear-gradient(130deg,#363453,#24364c);padding:24px;border-radius:16px;margin:23px 0}.dm-box h3{font-size:21px;margin-bottom:14px}.dm-box strong{color:#fae09d}.dm-box p{line-height:1.95;font-size:16px}.code-id{font-family:ui-monospace,monospace;font-size:12px;word-break:break-all;padding:10px 12px;background:#111d31;border-radius:8px;color:#bdcbe2}.reveal{padding:90px 25px;text-align:center}.reveal-glyph{font-size:75px;color:var(--mint);animation:breathe 1s ease-in-out infinite}.reveal h2{font-size:23px;margin-top:28px}.reveal .note{margin:15px auto 25px;max-width:480px}.footer{padding:38px 0 30px;margin-top:30px;border-top:1px solid #44546a77;font-size:11px;color:#a8b6d0;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer a{font-size:12px}.reading{max-width:780px;margin:45px auto}.reading h1{font-size:32px}.reading h2{font-size:23px;margin:40px 0 16px}.reading h3{font-size:17px}.reading p,.reading li{font-size:15px;color:#d3deee;line-height:1.95}.reading table{width:100%;border-collapse:collapse;font-size:13px}.reading th,.reading td{padding:13px;border:1px solid #52637a;text-align:left}.reading th{background:#29374e}.reading code{font-size:12px}.hidden-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.loading{font-size:13px;color:#c6d5eb;padding:20px 0}.resume-box{border:1px solid #74809c;background:#253149;padding:17px;border-radius:12px;margin-bottom:20px;font-size:13px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes breathe{50%{opacity:.5;transform:scale(.94)}}
@media(min-width:1000px){.viewer-main .narrow{max-width:840px}.hero-actions .button{min-width:200px}.hero-art:after{content:"";width:360px;height:80px;position:absolute;bottom:25px;background:radial-gradient(ellipse,#81a0c644,transparent 66%);z-index:-1}}
@media(max-width:760px){.shell{padding:0 20px}.topbar{padding:20px 0}.brand{font-size:19px}.navlink{font-size:12px}.hero{padding:37px 0 30px}.hero-grid{grid-template-columns:1fr;gap:12px}.hero h1{font-size:36px;margin:16px 0 20px}.hero-copy{max-width:100%;font-size:15px}.hero-art{min-height:220px;order:2;margin-top:10px}.door-array{gap:14px}.door-illustration{height:116px;width:64px}.door-illustration:nth-child(even){height:144px}.orbits{width:175px;height:175px}.orbits:before{inset:-22px}.art-caption{display:none}.hero-actions{display:flex}.hero-actions .button{flex:1}.panel{padding:24px}.field-grid{grid-template-columns:1fr}.page-section{margin:22px 0 38px}.quiz-panel{padding:23px 23px 25px}.performer-card{padding:21px}.summary-grid{grid-template-columns:1fr}.type-panel{padding:28px 22px}.footer{font-size:10px}.reading{margin-top:30px}}
@media(max-width:500px){.shell{padding:0 14px}.topbar{gap:7px}.brand{font-size:18px;gap:8px}.brand-mark{width:26px;height:34px}.hero h1{font-size:31px}.hero-art{min-height:210px}.hero-copy{font-size:14px;line-height:1.95}.hero .pill{font-size:11px}.hero-actions .button{font-size:14px}.panel{padding:20px 17px;border-radius:18px}.consent{padding:18px 16px}.consent-label{font-size:15px;gap:11px}.consent-label input{width:25px;height:25px}.chips{gap:8px}.chip{font-size:13px;min-height:46px;padding:9px 10px}.stage-nav{font-size:11px;gap:4px;margin-bottom:22px}.stage-nav span{padding:9px 2px}.quiz-panel{padding:20px 17px;border-radius:19px}.journey{gap:6px;margin:18px 0 23px}.journey-dot{width:23px;height:23px;font-size:10px}.question-lead{gap:11px;padding:14px 12px;margin-bottom:22px;min-height:90px}.scene-symbol{font-size:30px;width:30px}.scene-copy{font-size:12px}.question-title{font-size:22px;margin-bottom:21px}.answer-grid{grid-template-columns:1fr;gap:10px}.answer-card{min-height:98px;padding:15px 13px;grid-template-columns:24px 1fr;gap:5px 9px}.answer-title{font-size:15px}.answer-detail{font-size:12px;line-height:1.75}.answer-letter{width:21px;height:21px;font-size:10px}.selection-note{font-size:12px;line-height:1.75;margin:18px 0}.quiz-nav{gap:9px}.quiz-nav .button{padding:12px 10px;font-size:12px}.next-question{min-width:0;flex:1}.type-name{font-size:27px}.type-lead{font-size:14px}.type-panel .note{font-size:11px}.result-heading{margin-top:30px}.result-heading h2{font-size:21px}.performer-card{padding:20px 16px;gap:10px 12px;grid-template-columns:minmax(0,1fr) auto}.performer-name{font-size:19px}.score strong{font-size:33px}.score span{font-size:14px}.score small{font-size:10px}.reason-tags span{font-size:11px}.button-row .button{font-size:12px;padding:11px 13px}.share-box{padding:21px 17px}.dm-box{padding:20px 16px}.dm-box p{font-size:15px}.dm-box h3{font-size:19px}.details-body{padding:20px 16px}.stage-nav .active{font-weight:700}.reading h1{font-size:28px}.reading p{font-size:14px}.reading table{font-size:12px}.reading td,.reading th{padding:9px}.footer{gap:10px}.step-actions .button{font-size:14px;padding:12px 15px}}
@media(max-width:350px){.shell{padding:0 10px}.brand{font-size:16px}.navlink{font-size:10px}.journey{gap:4px}.journey-dot{width:22px;height:22px}.door-array{gap:10px}.door-illustration{width:56px}.performer-card{padding:17px 12px}.score strong{font-size:28px}.hero h1{font-size:28px}.question-title{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
#entry-app>.type-panel,#entry-app>.share-box{margin-top:24px}#entry-app>.type-panel:first-of-type{margin-top:0}#rank-list{margin-top:24px}#surprise:not(:empty){margin-top:35px}.button-row .text-link{align-self:center}
.narrow.page-section{margin-left:auto;margin-right:auto}.type-lead{text-wrap:balance}.type-name{text-wrap:balance}

/* paired-v8: 自動進行・方向性と現状・キーワードの加点 */
.auto-advance-setting{display:flex;align-items:center;gap:10px;width:fit-content;max-width:100%;font-size:14px;font-weight:650;color:var(--ink,#fff);cursor:pointer;margin:18px 0 6px;padding:10px 12px;background:#192642;border:1px solid #495978;border-radius:12px}
.auto-advance-setting input,.current-confirm input{width:22px;height:22px;accent-color:#a5e2d3;flex:none}.answer-card:disabled{opacity:1;cursor:default}.answer-card:disabled:not(.selected){opacity:.7}
.keyword-panel{margin:24px 0;padding:24px;border:1px solid #675581;border-radius:18px;background:linear-gradient(130deg,#22213d,#172539)}.keyword-panel h3{font-size:19px;margin:0 0 16px}.keyword-panel .field{margin-bottom:8px}.field-feedback:empty{display:none}.keyword-bonus{border:1px solid #c9a766;background:linear-gradient(125deg,#4a3a2355,#65415944);border-radius:14px;padding:14px 17px;margin:14px 0}.keyword-bonus>strong{color:#ffe6a7}.keyword-bonus p{margin:7px 0 0}.score-equation{font-weight:700;color:#ffe6a7}.over-hundred{border-color:#d4b267!important;box-shadow:0 0 30px #d5a65a19}.score strong{font-variant-numeric:tabular-nums}.score small{max-width:150px}.basis-note,.current-fit{font-size:13px;line-height:1.7;color:#c6d8df}.current-fit{border-left:3px solid #729baa;padding-left:10px}.current-row{margin:14px 0}.current-confirm{display:flex;align-items:flex-start;gap:10px;font-size:14px;margin:22px 0 10px}.current-confirm input:disabled{opacity:.4}.current-confirm input{margin-top:2px}.current-context{margin:22px 0}.current-context .text-input{font-size:16px}.code-id,.keyword-bonus,.share-box{overflow-wrap:anywhere}
@media(max-width:430px){.keyword-panel{padding:18px 15px}.keyword-panel h3{font-size:17px}.auto-advance-setting{font-size:13px}.keyword-bonus{padding:12px}.score-equation{font-size:13px}}

/* 観客用の開始ボタン：直前に公開した大きく見やすい仕様を維持。 */
#start-actions .start-button {
  display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:14px;
  width:100%;max-width:500px;min-width:0;min-height:76px;padding:17px 20px;
  border:2px solid #f5f0ff;border-radius:16px;background:linear-gradient(105deg,#e4d7ff,#acefe4);
  color:#121a32;font-size:clamp(18px,4.7vw,21px);font-weight:800;line-height:1.5;
  letter-spacing:.02em;text-align:center;box-shadow:0 4px 0 #638999,0 12px 28px #abd2ff26;
  cursor:pointer;-webkit-tap-highlight-color:transparent;
}
#start-actions .start-button-label {min-width:0;overflow-wrap:anywhere}
#start-actions .start-button-arrow {display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#121a3212;font-size:23px;font-weight:800;line-height:1}
#start-actions .start-button:hover:not(:disabled){background:linear-gradient(105deg,#eee4ff,#c6fff3);color:#121a32;transform:translateY(-1px)}
#start-actions .start-button:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 #638999,0 5px 14px #abd2ff20}
#start-actions .start-button:focus-visible{outline:3px solid #fff;outline-offset:5px}
#performer-favorite-type,#viewer-favorite-type {font-size:16px}
#performer-mbti-panel,#viewer-mbti-panel{margin-top:20px;margin-bottom:24px}
@media(max-width:380px){#start-actions .start-button{padding:16px 14px;gap:9px}}

/* v10 — a quiet doorway at night, a bright place to meet. No performer portraits. */
body{transition:background-color .45s ease,color .35s ease}
.nav-status{font-size:12px;color:var(--muted)}
.section-kicker{display:block;font-size:12px;font-weight:800;letter-spacing:.09em;color:var(--accent);margin-bottom:12px}
.error-list{padding-left:22px;margin:12px 0 2px}
.error-jump{border:0;border-radius:4px;background:none;color:inherit;text-align:left;text-decoration:underline;text-underline-offset:3px;font:inherit;font-weight:700;padding:7px 0;min-height:40px;cursor:pointer}
.error-help{color:inherit;font-size:12px;line-height:1.7;margin:5px 0}
.field-error{outline:2px solid #de7684;outline-offset:7px;border-radius:8px;scroll-margin-block:100px}
.inline-error{color:#ffd0d7;font-size:13px;line-height:1.7;font-weight:750;margin:10px 0 4px;padding-left:2px}
.field-error .text-input{border:2px solid #de7684}
.field-error input[type=checkbox],.field-error input[type=radio]{outline:1px solid #de7684;outline-offset:2px}
.field-error legend{color:inherit}
.error-summary:empty{display:none}
.details-box.compact{margin-top:12px;margin-bottom:14px;background:transparent}
.compact summary{padding:11px 14px;font-size:12px;font-weight:650}
.compact .details-body{padding:14px}
.compact p:last-child{margin-bottom:0}
.bonus-help{margin-top:12px}
.bonus-help>.field-help{margin-bottom:4px}
.review-summary{margin-bottom:24px}
.review-summary dt{font-size:12px;color:var(--muted);font-weight:650;margin-bottom:7px}
.review-summary dd{margin:0;font-size:15px;font-weight:700;line-height:1.8}
.submit-entry{min-height:60px;min-width:270px;font-size:17px}
.send-actions{align-items:stretch}
#skip-optional{margin-bottom:13px}
#performer-bio{min-height:110px}
#required-moods .field-help{margin-bottom:10px}
#required-moods #mood-count{margin-top:12px}
.consent-label .required{flex:none;margin:5px 0 0;line-height:1.7}
.after-submit{margin-top:27px}
.after-submit>.details-body>.type-panel{margin:2px 0 22px}
.result-welcome{text-align:center;font-size:14px;font-weight:700;letter-spacing:.12em;margin:8px 0 19px}
.result-options{margin-bottom:25px}
.result-options>.details-body{padding-top:8px}
.result-options .keyword-panel{margin-top:12px}
.result-options .favorite-row{margin-bottom:6px}
.reveal-door{width:126px;height:186px;margin:0 auto;border:2px solid #c6bff5;border-radius:70px 70px 3px 3px;background:linear-gradient(100deg,#7c6ab388,#ebfff344);box-shadow:0 0 60px #cfc4ff66,0 0 100px #b6f5d922;display:grid;place-items:center;color:#fffbe6;font-size:44px;animation:door-glow .9s ease-out both}
@keyframes door-glow{from{opacity:.2;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
#viewer-hero .hero-art{isolation:isolate}
#viewer-hero .door-illustration{background:linear-gradient(180deg,#aa91f726,#a7ffdf09);box-shadow:0 0 26px #b6d2ff18;overflow:visible}
#viewer-hero .door-illustration:before{content:"";position:absolute;inset:auto -23px -54px;height:56px;background:linear-gradient(#bdc6ed26,transparent);clip-path:polygon(24% 0,77% 0,100% 100%,0 100%);z-index:-1}
#viewer-hero .hero-copy{max-width:540px}
body[data-theme="night"] .keyword-panel{background:linear-gradient(135deg,#22283e,#1a2639);border-color:#556178}
body[data-theme="night"] .hero .pill{background:#252744;border-color:#626a87}

/* Day palette: deliberately high-contrast text; softness is reserved for backgrounds. */
body[data-theme="day"]{
 color-scheme:light;
 --bg:#f8f7fc;--panel:#ffffff;--panel2:#f0eff8;--ink:#252943;--muted:#5b647b;--line:#d9dce8;--accent:#6550ae;--mint:#246b64;--pink:#ad436e;
 background:radial-gradient(ellipse 90% 650px at 12% -5%,#eae5fa 0,transparent 70%),radial-gradient(ellipse 85% 630px at 98% 55%,#e8f5f0 0,transparent 70%),#f8f7fc;color:var(--ink)
}
body[data-theme="day"]:before{opacity:.05;z-index:0;background-image:radial-gradient(#857dad 1px,transparent 1px);mask-image:linear-gradient(#000,transparent 45%)}
body[data-theme="day"] .shell{position:relative;z-index:1}
body[data-theme="day"] a{color:#514493}
body[data-theme="day"] a:hover{color:#33236d}
body[data-theme="day"] .brand{color:#34314f}
body[data-theme="day"] .brand-mark{border-color:#7d6bad;color:#47766f;background:#f7f3ff;box-shadow:0 4px 14px #59507412}
body[data-theme="day"] .topbar{border-color:#d9dbe6}
body[data-theme="day"] .gradient{background:linear-gradient(115deg,#875082,#6554a7 50%,#297a77);background-clip:text;-webkit-background-clip:text}
body[data-theme="day"] .pill{background:#efebfa;border-color:#d0c6e7;color:#5e4a87}
body[data-theme="day"] .hero-copy,body[data-theme="day"] .hero-tag{color:#535d76}
body[data-theme="day"] .hero-copy strong{color:#292f4a}
body[data-theme="day"] .hero h1{letter-spacing:.005em}
body[data-theme="day"] .features{color:#556279;gap:10px}
body[data-theme="day"] .features span{background:#ffffffa6;border:1px solid #dcdde9;border-radius:30px;padding:4px 10px}
body[data-theme="day"] .orbits{border-color:#cfc4e4}
body[data-theme="day"] .orbits:before,body[data-theme="day"] .orbits:after{border-color:#c7ddd7}
body[data-theme="day"] .door-illustration{border-color:#8b80ad;background:linear-gradient(180deg,#e4dbf8 0,#e3f2ec 90%);box-shadow:0 12px 30px #67538116;border-bottom:0}
body[data-theme="day"] .door-illustration:after{border-color:#b1a3ce}
body[data-theme="day"] .door-illustration span{color:#635188}
body[data-theme="day"] .door-illustration small,body[data-theme="day"] .art-caption{color:#576278}
body[data-theme="day"] .note,body[data-theme="day"] .micro,body[data-theme="day"] .field-help{color:var(--muted)}
body[data-theme="day"] .micro{font-size:12px;line-height:1.8}
body[data-theme="day"] .panel{background:#ffffff;border:1px solid #dcdce9;box-shadow:0 14px 46px #36305409}
body[data-theme="day"] .button{background:#f1eef9;border-color:#cfc8df;color:#51427d;box-shadow:none}
body[data-theme="day"] .button:hover:not(:disabled){background:#e7e1f5;color:#39296e}
body[data-theme="day"] .button.primary{background:linear-gradient(110deg,#6952b1,#5462ad);border-color:#5c4da2;color:#fff;box-shadow:0 5px 18px #6654a528}
body[data-theme="day"] .button.primary:hover:not(:disabled){background:linear-gradient(110deg,#5c469f,#43539c);color:#fff}
body[data-theme="day"] .button.secondary{background:#fff;border-color:#c4c7d8;color:#4a5470}
body[data-theme="day"] .button.secondary:hover:not(:disabled){background:#f0eef7}
body[data-theme="day"] .button:disabled{opacity:.5}
body[data-theme="day"] :is(button,a,input,textarea,select,summary):focus-visible{outline:3px solid #5945a0;outline-offset:4px}
body[data-theme="day"] .stage-nav{color:#71788f}
body[data-theme="day"] .stage-nav span{border-color:#dce0ea}
body[data-theme="day"] .stage-nav .active{border-color:#6550ae;color:#574294;font-weight:800}
body[data-theme="day"] .stage-nav .done{border-color:#75a699;color:#28695d}
body[data-theme="day"] .field-label{color:#2d324e}
body[data-theme="day"] .text-input{background:#fcfcff;border-color:#b7bdcf;color:#222944}
body[data-theme="day"] .text-input::placeholder{color:#7d859c}
body[data-theme="day"] .text-input:focus{border-color:#7259b7}
body[data-theme="day"] .chip{background:#fff;border-color:#c9cddd;color:#424c66}
body[data-theme="day"] .chip.selected{background:#ede7fa;border-color:#7c62b9;color:#3d286e}
body[data-theme="day"] .chip input{accent-color:#7052b4}
body[data-theme="day"] .chip.blocked{opacity:.55}
body[data-theme="day"] .chip:focus-within{outline-color:#7a63b5}
body[data-theme="day"] .consent{background:linear-gradient(130deg,#f5effe,#f0f8f4);border-color:#b3a1d5}
body[data-theme="day"] .consent:has(input:checked){border-color:#69a08d;background:#f0f8f4}
body[data-theme="day"] .consent .note{color:#546079;font-size:12px}
body[data-theme="day"] .consent-label input{accent-color:#6950a8}
body[data-theme="day"] .consent-confirmed{color:#26665d}
body[data-theme="day"] .required{background:#f3dfe9;color:#95325c}
body[data-theme="day"] .details-box,body[data-theme="day"] .filter-box{background:#fff;border-color:#d4d8e5}
body[data-theme="day"] summary{color:#494b69}
body[data-theme="day"] details[open]>summary{border-color:#e0e1eb;background:#f8f7fc}
body[data-theme="day"] .details-box.compact{background:#ffffff66}
body[data-theme="day"] .step-actions{border-color:#dedfea}
body[data-theme="day"] .draft{color:#5e6882}
body[data-theme="day"] .notice{background:#f3f1fa;border-color:#ded9ea;border-left-color:#aa92d7;color:#4b5470}
body[data-theme="day"] .status-strip{background:#edf5f2;border-color:#c6ddd6;color:#365f5a}
body[data-theme="day"] .status-strip.warn{background:#fff5e8;border-color:#e5cda4;color:#76603c}
body[data-theme="day"] .status-strip:before{color:#408d7d}
body[data-theme="day"] .error{background:#fff0f1;border-color:#ce6176;border-left-color:#bd3451;color:#9e2340}
body[data-theme="day"] .error .note{color:#9e2340}
body[data-theme="day"] .field-error{outline-color:#c23956}
body[data-theme="day"] .field-error .text-input{border-color:#c23956}
body[data-theme="day"] .inline-error{color:#af2845}
body[data-theme="day"] .field-error input[type=checkbox],body[data-theme="day"] .field-error input[type=radio]{outline-color:#c23956}
body[data-theme="day"] .quiz-panel{background:#fff;border-color:#d1cbe3;box-shadow:0 15px 45px #4c45630a}
body[data-theme="day"] .counter{color:#665581;font-weight:750}
body[data-theme="day"] .route-label{color:#665188}
body[data-theme="day"] .journey-dot{color:#69738c;background:#f1eff7;border-color:#d9d6e6}
body[data-theme="day"] .journey-dot.done{color:#447366;border-color:#aaccc0;background:#f0f7f4}
body[data-theme="day"] .journey-dot.current{color:#fff;background:#7360ad;border-color:#7360ad}
body[data-theme="day"] .question-lead{background:#f5f2fb;border-color:#e2dbee}
body[data-theme="day"] .scene-copy{color:#5b607a}
body[data-theme="day"] .scene-symbol{color:#78609e}
body[data-theme="day"] .answer-card{background:#fcfcff;border-color:#cdd0e1;color:#29334d}
body[data-theme="day"] .answer-card:hover{background:#f2effa;border-color:#9e8abd}
body[data-theme="day"] .answer-card.selected{background:#ece6fa;border-color:#705aa4;box-shadow:inset 0 0 0 1px #705aa4}
body[data-theme="day"] .answer-letter{color:#786395;border-color:#bbadcb}
body[data-theme="day"] .answer-card.selected .answer-letter{color:#fff;background:#705aa4;border-color:#705aa4}
body[data-theme="day"] .answer-detail{color:#58637b}
body[data-theme="day"] .selection-note,body[data-theme="day"] .auto-advance-setting{color:#536177}
body[data-theme="day"] .auto-advance-setting input,body[data-theme="day"] .current-confirm input{accent-color:#6950a8}
body[data-theme="day"] .type-panel{background:radial-gradient(ellipse at 50% 0,#fff7df 0,transparent 60%),linear-gradient(130deg,#f0eafa,#ecf9f3);border-color:#c5c0d9;box-shadow:0 10px 38px #a6b1a417}
body[data-theme="day"] .type-icon{color:#6b53a4}
body[data-theme="day"] .type-name{color:#343253;letter-spacing:.015em}
body[data-theme="day"] .type-panel .eyebrow{color:#7a587c}
body[data-theme="day"] .type-lead{color:#414c64}
body[data-theme="day"] .type-panel .note{color:#626580}
body[data-theme="day"] .result-welcome{color:#73608b}
body[data-theme="day"] .result-heading small{color:#697389}
body[data-theme="day"] .performer-card{background:#fff;border-color:#d5dce6;box-shadow:0 6px 18px #50597507}
body[data-theme="day"] .performer-card.top{border:2px solid #b4a5cc;background:linear-gradient(130deg,#fffdf8,#fff 48%,#f1faf6);padding:29px}
body[data-theme="day"] .rankline{color:#626a81}
body[data-theme="day"] .rank{color:#6752a0;background:#eee8f8;border-radius:5px;padding:2px 7px}
body[data-theme="day"] .categories{color:#697387}
body[data-theme="day"] .score{color:#2e776d}
body[data-theme="day"] .score strong{font-size:44px;letter-spacing:-.045em}
body[data-theme="day"] .score small{color:#62758a}
body[data-theme="day"] .reason{color:#40536a}
body[data-theme="day"] .reason-tags span{background:#e9f4ef;color:#276853}
body[data-theme="day"] .basis-note,body[data-theme="day"] .current-fit{color:#637084}
body[data-theme="day"] .current-fit{border-left-color:#86b09f}
body[data-theme="day"] .warning-text{color:#9d5424}
body[data-theme="day"] .breakdown{border-color:#d8dfe9}
body[data-theme="day"] .bar-row{color:#4b5872}
body[data-theme="day"] .bar{background:#e9ecf4}
body[data-theme="day"] .bar i{background:linear-gradient(90deg,#8d75c4,#59a494)}
body[data-theme="day"] .summary-card{background:#fbfaff;border-color:#dcdce9}
body[data-theme="day"] .summary-card h3{color:#665389}
body[data-theme="day"] .summary-card p{color:#515d76}
body[data-theme="day"] .list-empty{color:#5d6982;border-color:#b2bbce}
body[data-theme="day"] .share-box{background:#fff;border-color:#d4d8e5}
body[data-theme="day"] .share-preview{border-color:#e1dfeb}
body[data-theme="day"] .share-status{color:#2d7160}
body[data-theme="day"] .favorite-row,body[data-theme="day"] .saved-item{border-color:#dcdfea}
body[data-theme="day"] .success-icon{color:#27685b;background:#e7f6ef;border-color:#93c3af}
body[data-theme="day"] .dm-box{background:linear-gradient(130deg,#f2ecfe,#ecf8f1);border-color:#a792d0}
body[data-theme="day"] .dm-box strong{color:#8b3861}
body[data-theme="day"] .code-id{background:#f0eff6;color:#59647a}
body[data-theme="day"] .footer{color:#717990;border-color:#dcddea}
body[data-theme="day"] .reading p,body[data-theme="day"] .reading li{color:#4d5971}
body[data-theme="day"] .reading th,body[data-theme="day"] .reading td{border-color:#d1d6e4}
body[data-theme="day"] .reading th{background:#eeeaf7}
body[data-theme="day"] .loading{color:#606b82}
body[data-theme="day"] .resume-box{background:#f0eef8;border-color:#c8c6da}
body[data-theme="day"] .keyword-panel{background:#faf7ff;border-color:#d8cde9}
body[data-theme="day"] .keyword-bonus{border-color:#cfb26d;background:linear-gradient(130deg,#fff7df,#fcf5e8)}
body[data-theme="day"] .keyword-bonus>strong,body[data-theme="day"] .score-equation{color:#815c1c}
body[data-theme="day"] .over-hundred{border-color:#c2a359!important;box-shadow:0 8px 30px #cfb97b1a}
@media(max-width:760px){
 body[data-page="performer"] .entry-art{display:none}
 body[data-page="performer"] .hero{padding-bottom:14px}
 .result-options>.details-body{padding:12px}
}
@media(max-width:500px){
 .submit-entry{width:100%;min-width:0}
 .send-actions{flex-direction:column-reverse}
 .send-actions .button{width:100%}
 .nav-status{font-size:11px;max-width:145px;text-align:right}
 .consent-label{flex-wrap:wrap}
 .consent-label>span:not(.required){flex:1;min-width:100px}
 .consent-label>.required{align-self:start}
 body[data-theme="day"] .performer-card.top{padding:23px 18px}
 body[data-theme="day"] .score strong{font-size:37px}
 .result-heading small{max-width:140px;text-align:right}
 .keyword-panel h3{font-size:18px}
 .inline-error{font-size:12px}
}
@media(prefers-reduced-motion:reduce){body{transition:none}.reveal-door{animation:none}*{scroll-behavior:auto!important}}

/* ──────────────────────────────────────────────────────────────
   推しへの扉 v11 ·  オリジナルのネオン・ポータル世界観
   VRChatに着想を得た配色だが、公式UIのコピーではない。
   夜は物語、昼は出会い。文字・操作領域のコントラストを優先。
   ────────────────────────────────────────────────────────────── */
body[data-theme="night"]{
  --bg:#061723;--panel:#102b38;--panel2:#143342;--ink:#f2fbfd;--muted:#bed8df;
  --line:#316677;--accent:#63e2ed;--mint:#73f2d7;--pink:#f1a9d9;
  background:radial-gradient(ellipse 65% 460px at 88% 15%,#173d70 0,transparent 80%),
             radial-gradient(ellipse 65% 590px at 5% 45%,#17545c 0,transparent 75%),#061723;
}
body[data-theme="night"] .topbar{border-bottom:1px solid #3fb6cd55}
body[data-theme="night"] .brand-mark{border-color:#50cbeb;background:#0c3442;color:#a4ffff;box-shadow:0 0 21px #00cfea44}
body[data-theme="night"] .brand{letter-spacing:.035em}
body[data-theme="night"] .hero .pill{border-color:#42bdce;background:#113642;color:#b8f9fe}
body[data-theme="night"] .gradient{background:linear-gradient(115deg,#fff,#a3f0ff 47%,#4ce9df);background-clip:text;-webkit-background-clip:text}
body[data-theme="night"] .panel{background:linear-gradient(145deg,#113241e8,#0b2332f8);border-color:#408394a6;box-shadow:0 24px 80px #020d1899}
body[data-theme="night"] .button.primary{background:linear-gradient(115deg,#04d3e2,#50e9cb);color:#062534;border:1px solid #bcffff;box-shadow:0 10px 24px #00cbe22a;font-weight:850}
body[data-theme="night"] .button.secondary{background:#0c2634;border-color:#468395;color:#e0fcff}
body[data-theme="night"] .button.secondary:hover:not(:disabled){background:#164457}
body[data-theme="night"] .field-label{color:#eefaff}
body[data-theme="night"] .text-input{border-color:#537988;background:#0c2330;color:#f2fafc}
body[data-theme="night"] .text-input:focus{border-color:#66e6ec}
body[data-theme="night"] .chip{border-color:#3d7484;background:#0b2b38;color:#f1fcff}
body[data-theme="night"] .chip.selected{background:#0c5059;border-color:#50e0d1;color:#fff}
body[data-theme="night"] .consent{border-color:#4ba1ac;background:linear-gradient(120deg,#0e3744,#172d45)}
body[data-theme="night"] .consent:has(input:checked){border-color:#6ce8ca;background:#16433e}
body[data-theme="night"] .details-box{background:#0d2935;border-color:#397283}
body[data-theme="night"] .summary-card{background:#102d3c;border-color:#34748b}
body[data-theme="night"] .summary-card h3{color:#b4ffea}
body[data-theme="night"] .summary-card p{color:#e3f3fc}
body[data-theme="night"] .hero .features span{background:#0b2f3e;border:1px solid #397b91;border-radius:50px;padding:4px 10px}
body[data-theme="day"]{
  --bg:#f8fcfc;--panel:#fff;--panel2:#eff9f9;--ink:#1d3541;--muted:#506a74;
  --line:#c9dce1;--accent:#0b748b;--mint:#136f67;--pink:#a04e76;
  background:radial-gradient(ellipse 70% 440px at 12% 0,#d9f5fb 0,transparent 78%),
             radial-gradient(ellipse 90% 700px at 98% 42%,#fff5dc 0,transparent 75%),#f7fbfc;
}
body[data-theme="day"] .topbar{border-color:#b2d5dc}
body[data-theme="day"] .brand{color:#144d60}
body[data-theme="day"] .brand-mark{border-color:#1385a3;background:#e2fcfb;color:#127a81}
body[data-theme="day"] .button.primary{background:linear-gradient(110deg,#007d9f,#087c86);border-color:#036a87;color:#fff;box-shadow:0 7px 25px #087b9b35}
body[data-theme="day"] .button.secondary{border-color:#9bbdc5;color:#185d70}
body[data-theme="day"] .stage-nav .active{border-color:#087e9a;color:#0b6780}
body[data-theme="day"] .stage-nav .done{border-color:#45978b;color:#0b6a63}
body[data-theme="day"] .type-panel{border:2px solid #97dedb;background:radial-gradient(ellipse at 58% 10%,#fff4da,transparent 60%),linear-gradient(135deg,#e7f9ff,#fffdf9 57%,#eafcec);box-shadow:0 16px 40px #1b8e8b13}
body[data-theme="day"] .type-icon{color:#0b909e}
body[data-theme="day"] .type-panel .eyebrow{color:#117b88}
body[data-theme="day"] .type-name{color:#143e52}
body[data-theme="day"] .type-lead{color:#355661}
body[data-theme="day"] .result-welcome{color:#237989}
body[data-theme="day"] .performer-card.top{border-color:#32aeab;background:linear-gradient(145deg,#eafffc,#fff 50%,#fff7e6)}
body[data-theme="day"] .score{color:#087c88}
body[data-theme="day"] .reason-tags span{background:#dff8f3;color:#176453}
body[data-theme="day"] .field-label{color:#1d4957}
body[data-theme="day"] .text-input:focus{border-color:#0f9abb}
body[data-theme="day"] .chip.selected{border-color:#0b8e9a;background:#e0f8fa;color:#12677a}
body[data-theme="day"] .consent{border-color:#79c4cc;background:linear-gradient(125deg,#e5f8fc,#f0fff7)}
body[data-theme="day"] .consent:has(input:checked){background:#e6faf4;border-color:#339c88}
body[data-theme="day"] .keyword-panel{background:#f0fcfc;border-color:#9dc8d3}
body[data-theme="day"] .summary-card{background:#f9fdff;border-color:#d4e2e4}
body[data-theme="day"] .summary-card h3{color:#18687f}

/* The original portal illustration is cropped to its picture area — no baked title/logo. */
.hero-portal-halo{position:relative;display:grid;place-items:center;overflow:hidden;width:min(100%,460px);height:365px;margin-inline:auto;isolation:isolate}
.hero-portal-halo:before{content:"";position:absolute;inset:10% 8%;border-radius:48%;background:#23dcf155;filter:blur(47px);z-index:-1}
.hero-portal-halo img{height:100%;width:auto;max-width:100%;object-fit:contain;
  -webkit-mask-image:radial-gradient(ellipse 64% 57% at 50% 52%,#000 50%,transparent 99%);
  mask-image:radial-gradient(ellipse 64% 57% at 50% 52%,#000 50%,transparent 99%);
  filter:drop-shadow(0 0 27px #5edaff5a)}
.hero-art{min-height:380px}
.hero-art .art-caption{bottom:1px;color:#c4eef2;font-weight:700;text-align:center;width:100%}
body[data-page="performer"] .hero-art .art-caption{color:#bfe8ec}
.hero h1{line-height:1.33}
.hero .pill{font-weight:750}
body[data-page="viewer"] #viewer-hero{padding-top:54px}
body[data-page="performer"] #entry-hero{padding-top:46px}
.performer-start-cta{min-height:70px;min-width:min(100%,320px);font-size:19px!important;gap:20px!important;letter-spacing:.02em}
.performer-start-cta>span{font-size:25px}

/* A different atmospheric world on each question, with the panel and input positions fixed. */
.quiz-panel{position:relative;isolation:isolate;overflow:hidden;border:1px solid #4c9bb0!important;
 background:linear-gradient(145deg,#102a39ef,#081d2ef7)!important;box-shadow:0 22px 64px #00131f80!important}
.quiz-panel .story-scene-art{position:absolute;inset:0;background-size:cover;background-position:center;
 opacity:.52;z-index:0;pointer-events:none;animation:scene-unfold .48s ease-out both;filter:saturate(1.17)}
.quiz-panel:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
 background:linear-gradient(165deg,#071c2a80,#071d2ab7 58%,#061721e8)}
.quiz-panel>:not(.story-scene-art){position:relative;z-index:1}
@keyframes scene-unfold{from{opacity:.08;transform:scale(1.045)}to{opacity:.52;transform:scale(1)}}
.quiz-panel .quiz-top .eyebrow{color:#b0fffa}
.quiz-panel .question-lead{border:1px solid #417f91a6;background:#082635d6;box-shadow:0 8px 18px #00162532}
.quiz-panel .scene-copy{color:#e0f0fc;line-height:1.8}
.quiz-panel .question-title{color:#fff;font-weight:840;text-shadow:0 2px 12px #031725bd}
.quiz-panel .route-label{color:#b4ffff;font-weight:750}
.quiz-panel .counter{color:#dcfaff}
.quiz-panel .answer-card{background:#092635ec;border:1px solid #508295;color:#f2fdff;backdrop-filter:blur(4px)}
.quiz-panel .answer-card:hover:not(:disabled){background:#123e50;border-color:#72e6e9}
.quiz-panel .answer-card.selected{background:#145766;border-color:#80f6ee;box-shadow:inset 0 0 0 1px #6af4e5,0 0 12px #2cfada35}
.quiz-panel .answer-detail{color:#cbdee9}
.quiz-panel .answer-letter{border-color:#81bdc9;color:#cef7f8}
.quiz-panel .answer-card.selected .answer-letter{background:#b6fff2;border-color:#b6fff2;color:#06414b}
.quiz-panel .selection-note{color:#c7e5e7}
.quiz-panel .journey-dot{background:#0a2b3e;color:#b0d6df;border-color:#4a8492}
.quiz-panel .journey-dot.current{background:#65f2d7;color:#0b2832;border-color:#b9fff1}
.quiz-panel .journey-dot.done{background:#155061;color:#c1ffed;border-color:#67cabe}
.quiz-panel .button.secondary{background:#0b2a3b;color:#e7faff;border:1px solid #4d93a2}
.quiz-panel .quiz-bottom-help{font-size:11px;color:#c5e2e5;text-align:right;margin:13px 0 0}
.quiz-panel .quiz-nav{margin-top:18px}
.quiz-panel .quiz-nav .button{min-height:46px}
.quiz-panel .next-question{display:none}

/* Stage-type reveal arrives before a submission — never claim application success. */
.type-reveal-panel{background:radial-gradient(ellipse at 50% 5%,#effffd 0,transparent 70%),#fff!important;
 border:1px solid #a5dcd8!important;animation:bright-arrival .6s ease-out both}
@keyframes bright-arrival{from{opacity:.15;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.type-reveal-panel .type-panel{margin:18px 0 22px}
.reveal-heading{text-align:center;color:#165766;font-size:clamp(20px,3vw,26px);margin:14px 0 12px}
.reveal-copy{font-size:14px;text-align:center;color:#4b6268;max-width:560px;line-height:1.9;margin:0 auto 20px}
.unsubmitted-note{border-radius:12px;background:#fff6e5;border:1px solid #debd77;color:#765229;padding:12px 16px;line-height:1.8;font-weight:750;font-size:13px}
.optional-heading{font-size:17px;color:var(--ink);margin:28px 0 16px;padding-bottom:9px;border-bottom:1px solid var(--line)}
body[data-theme="day"] .optional-value-hint{display:block;border-left:3px solid #31a6a2;background:#ebfbfa;color:#245d69;padding:11px 14px;border-radius:3px 8px 8px 3px;font-size:12px}
body[data-theme="day"] .precision-details{background:#f4fdfb;border:1px solid #97d2cc}
body[data-theme="day"] .precision-details summary{font-size:14px;color:#13697a;font-weight:800}

/* Keep errors legible even against VRChat-inspired deep teal backgrounds. */
body[data-theme="night"] .error{background:#512936;border-color:#e68fa5;color:#ffe4e9}
body[data-theme="night"] .inline-error{color:#ffd5dd}
body[data-theme="night"] .error-jump{color:#ffe8eb}

@media(max-width:760px){
  body[data-page="performer"] .entry-art{display:grid}
  .hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:4px}
  .hero-grid>.hero-art{order:-1;min-height:208px;height:208px}
  .hero-portal-halo{width:min(100%,340px);height:200px}
  .hero-art .art-caption{display:none}
  .hero{padding:16px 0 24px!important}
  .hero h1{font-size:clamp(27px,7.8vw,37px);margin:6px 0 12px}
  .hero-copy{font-size:14px;line-height:1.78}
  .hero .pill{margin-top:5px}
  .hero-actions{margin-top:17px}
  .performer-start-cta{width:100%;min-width:0}
  #start-actions .start-button{max-width:100%}
  .quiz-panel{padding:20px 17px 23px}
  .quiz-panel .question-title{font-size:clamp(19px,5.1vw,23px);line-height:1.55}
  .quiz-panel .question-lead{padding:14px;gap:11px}
  .quiz-panel .scene-symbol{width:34px;font-size:31px}
  .quiz-panel .journey{gap:6px;overflow:hidden}
  .quiz-panel .journey-dot{flex:1;min-width:0;font-size:10px}
}
@media(max-width:500px){
  .shell{padding:0 17px}
  .hero-portal-halo{height:187px}
  .hero-grid>.hero-art{height:195px;min-height:195px}
  .topbar{padding:17px 0}
  .brand{font-size:20px;letter-spacing:.035em}
  .quiz-panel .answer-grid{grid-template-columns:1fr;gap:9px}
  .quiz-panel .answer-card{min-height:74px;padding:11px 13px;grid-template-columns:25px 1fr;gap:1px 9px}
  .quiz-panel .answer-title{font-size:14px;line-height:1.45}
  .quiz-panel .answer-detail{font-size:12px;line-height:1.5}
  .quiz-panel .question-lead{min-height:60px;margin-bottom:17px}
  .quiz-panel .journey{margin:13px 0 16px}
  .quiz-panel .answer-letter{width:23px;height:23px}
  .quiz-panel .scene-copy{font-size:12px}
  .quiz-panel .quiz-nav .button{flex:1}
  .type-reveal-panel{padding:21px 15px}
}
@media(prefers-reduced-motion:reduce){.quiz-panel .story-scene-art,.type-reveal-panel{animation:none}}

/* v11: 推しへの扉 | ひとつの世界を進む、見やすいネオンUI */
:root{--neon:#2ddbef;--neon-soft:#a3faff;--scene-a:#116d8b44;--scene-b:#6d69b344}
body[data-theme="night"]{
 --bg:#071927;--panel:#0d2839;--panel2:#11394a;--ink:#effcff;--muted:#b4d8df;--line:#28576a;--accent:#72f6ff;--mint:#6affde;
 background:radial-gradient(ellipse 72% 710px at 12% 7%,var(--scene-a),transparent 74%),radial-gradient(ellipse 75% 620px at 90% 47%,var(--scene-b),transparent 80%),linear-gradient(125deg,#061521,#071e2b 50%,#0a2032)
}
body[data-theme="night"] .gradient{background:linear-gradient(105deg,#e2ffff,#73f7ef 55%,#78cbff);background-clip:text;-webkit-background-clip:text}
body[data-theme="night"] .brand-mark{border-color:#4ce5ee;color:#70f7fd;background:#0b3144}
body[data-theme="night"] .pill{background:#0d3447;border-color:#3b8198;color:#ceffff}
body[data-theme="night"] .note,body[data-theme="night"] .micro{color:#c2d9e6}
body[data-theme="night"] .panel{background:linear-gradient(145deg,#112b3e,#0d2135);border-color:#36677c;box-shadow:0 22px 55px #04111e55}
body[data-theme="night"] .button.primary{background:linear-gradient(105deg,#36f0e8,#83dffa);color:#072837;border-color:#a5fffd;box-shadow:0 5px 24px #34d5e944}
body[data-theme="night"] .button.primary:hover:not(:disabled){background:linear-gradient(105deg,#a0fff0,#9deeff)}
body[data-theme="night"] .button.secondary{color:#ddfaff;border-color:#49869a}
body[data-theme="night"] .button.secondary:hover:not(:disabled){background:#173d4c;color:#fff}
body[data-theme="night"] .text-input{background:#081c2b;border-color:#578092;color:#f4fdff}
body[data-theme="night"] .text-input::placeholder{color:#b5c9dc}
body[data-theme="night"] .chip{border-color:#496b82;color:#e2f5ff;background:#12354a}
body[data-theme="night"] .chip.selected{border-color:#5fe3df;color:#e7ffff;background:#155c66}
body[data-theme="night"] .details-box{background:#102c40;border-color:#32647d}
body[data-theme="night"] .consent{background:linear-gradient(145deg,#123c4e,#18374c);border-color:#4d90a3}
body[data-theme="night"] .consent:has(input:checked){background:#153e42;border-color:#62ddb9}
body[data-theme="night"] .quiz-panel{background:linear-gradient(160deg,#0d2a3c,#101e34);border-color:#397a8e;box-shadow:0 17px 48px #010b1c80}
body[data-theme="night"] .answer-card{background:#0e2e40;border-color:#46758a;color:#e9fcff}
body[data-theme="night"] .answer-card:hover{background:#164859;border-color:#63d6e2}
body[data-theme="night"] .answer-card.selected{border-color:#77eafa;background:#165566;box-shadow:inset 0 0 0 1px #77eafa,0 0 18px #18d1f117}
body[data-theme="night"] .answer-detail{color:#c6e1e7}
body[data-theme="night"] .answer-letter{border-color:#5da7b1;color:#c2f5f5}
body[data-theme="night"] .journey-dot{background:#154154;border-color:#387a8c;color:#dcf6f9}
body[data-theme="night"] .journey-dot.current{background:#1ec6d3;color:#032a37;border-color:#86faff}
body[data-theme="night"] .journey-dot.done{color:#afffea;border-color:#4fc1a9}
body[data-theme="night"] .question-lead{background:#102a3bce;border:1px solid #4f86908c;color:#f5ffff}
body[data-theme="night"] .scene-copy{color:#d1edf4}
body[data-theme="night"] .question-title{color:#f4ffff}
body[data-theme="day"]{--accent:#007d91;--mint:#146c75;--line:#d0e3e9;background:radial-gradient(ellipse 78% 700px at 6% -10%,#defffb,transparent 72%),radial-gradient(ellipse 74% 630px at 94% 30%,#e7f1ff,transparent 78%),#f8fcff}
body[data-theme="day"] .pill{background:#dcfafa;color:#20576b;border-color:#8cd4d6}
body[data-theme="day"] .gradient{background:linear-gradient(110deg,#197689,#305c91 55%,#704c99);background-clip:text;-webkit-background-clip:text}
body[data-theme="day"] .brand-mark{color:#07848d;border-color:#38a8a9;background:#e2fafa}
body[data-theme="day"] .button.primary{background:linear-gradient(110deg,#007d9e,#087d88);border-color:#0d7a90;color:#fff;box-shadow:0 9px 22px #086c9233}
body[data-theme="day"] .button.primary:hover:not(:disabled){background:linear-gradient(110deg,#005e84,#047075)}
body[data-theme="day"] .type-panel{background:radial-gradient(ellipse at 48% -12%,#fffed4,transparent 60%),linear-gradient(120deg,#e4fcf4,#f2f9ff 58%,#f5f0ff);border-color:#a6dae0}
body[data-theme="day"] .type-icon{color:#087e9c}
body[data-theme="day"] .performer-card.top{border-color:#6bc7b7;background:linear-gradient(135deg,#fffdf1,#fff 42%,#e6fff7)}
body[data-theme="day"] .score{color:#0a6974}
body[data-theme="day"] .rank{color:#125c76;background:#daf4f4}
body[data-theme="day"] .reason-tags span{background:#e2f8f3;color:#16675d}
body[data-theme="day"] .notice{background:#e8f7fb;border-color:#c1dfe6;border-left-color:#25aabb}
body[data-theme="day"] .stage-nav .active{border-color:#0b8292;color:#16697d}
body[data-theme="day"] .journey-dot.current{background:#0b8395;border-color:#0b8395}
body[data-theme="day"] .chip.selected{color:#0c6172;background:#ddf7f4;border-color:#4faea7}
body[data-theme="day"] .bar i{background:linear-gradient(90deg,#06a5c2,#64c5a6)}
body[data-theme="day"] .dm-box{background:linear-gradient(140deg,#e7fbf6,#f3f0ff);border-color:#7acebc}
body[data-theme="day"] :is(button,a,input,textarea,select,summary):focus-visible{outline-color:#088aa0}
/* Chosen user's portal artwork is cropped to scenery only, no embedded wording or other organization's logo. */
.hero-portal-halo{position:relative;width:min(100%,425px);aspect-ratio:1.04;display:grid;place-items:center;overflow:hidden;border:1px solid #5ce8f84d;border-radius:50%;box-shadow:0 0 95px #21d3f12c,0 0 22px #4aeaff37;background:#041c28}
.hero-portal-halo:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #7cffff65;box-shadow:inset 0 0 35px #54ffff25;pointer-events:none}
.hero-portal-halo img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(1.1)}
.hero-art .art-caption{position:relative;text-align:center;font-size:13px;font-weight:700;letter-spacing:.03em;color:#a3fcff;margin:8px 0}
body[data-theme="night"] .hero-art{min-height:350px}
.performer-start-cta{display:flex!important;align-items:center;justify-content:space-between;gap:15px;max-width:370px;min-height:66px;padding:14px 24px;border:2px solid #9df9f0!important;border-radius:17px;font-weight:850;font-size:17px;box-shadow:0 9px 28px #36dff544}
#start-actions .start-button{border-color:#c6fffa;background:linear-gradient(115deg,#82fbf0,#8ee8ff);box-shadow:0 5px 0 #167d8e,0 12px 28px #33e3ee40;color:#092f40}
#start-actions .start-button:hover{color:#092f40;background:linear-gradient(110deg,#affff4,#b2edff)}
/* Every one of the 10 questions has a specific illustrated scene. Q4/Q5 vary with the opening choice. */
.story-scene-art{height:165px;width:calc(100% + 64px);margin:-27px -32px 22px;position:relative;flex:none;pointer-events:none;background-size:cover;background-position:center;overflow:hidden;border-bottom:1px solid #55dbeb5c;box-shadow:inset 0 -18px 26px #092233aa;animation:scene-in .48s ease-out both}
.story-scene-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06152a50,transparent 60%),linear-gradient(0deg,#061a27a0,transparent 63%)}
.quiz-panel .quiz-top,.quiz-panel .route-label,.quiz-panel .journey,.quiz-panel .question-lead,.quiz-panel .question-title,.quiz-panel .answer-grid,.quiz-panel .quiz-nav{position:relative}
.quiz-bottom-help{font-size:11px;line-height:1.7;margin:18px 0 0;text-align:center;color:#bcd3dc}
.quiz-panel .selection-note{margin-top:13px;margin-bottom:14px}
.type-reveal-panel{position:relative;overflow:hidden;text-align:center;border-color:#9fcaba!important;animation:reveal-in .6s ease-out}
.type-reveal-panel:before{content:"✦";position:absolute;left:50%;top:-12px;transform:translateX(-50%);color:#a2c9e0;font-size:100px;opacity:.13;pointer-events:none}
.type-reveal-panel .type-panel{margin:12px auto 23px;max-width:640px;box-shadow:0 8px 34px #4eafc42b}
.type-reveal-panel .unsubmitted-note{background:#fff4d6;color:#744e18;border:1px solid #d8bc75;border-radius:12px;padding:12px 16px;font-weight:700;line-height:1.8;margin:20px 0;text-align:left}
.type-reveal-panel .reveal-copy{max-width:600px;margin:15px auto;line-height:2;color:#405d70}
.type-reveal-panel .reveal-heading{font-size:clamp(21px,3vw,29px);color:#155f7b}
.type-reveal-panel .step-actions{justify-content:center}
.type-reveal-panel .step-actions .button.primary{min-width:230px}
.optional-heading{font-size:18px;margin:25px 0 9px;color:var(--ink)}
.optional-value-hint{font-size:12px;line-height:1.8;margin:10px 0 20px;padding:12px 15px;background:#e7f8f6;border:1px solid #b7e3df;border-radius:12px;color:#225969!important}
.precision-details[open]{border-color:#5eada9}
.precision-details summary{font-weight:750}
@keyframes scene-in{from{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur(0)}}
@keyframes reveal-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){
 body[data-page="performer"] .entry-art{display:grid;min-height:220px;margin:14px auto 0;max-width:390px}
 .hero-portal-halo{width:min(100%,300px)}
 .story-scene-art{height:136px;width:calc(100% + 34px);margin:-20px -17px 20px}
 .performer-start-cta{max-width:none;min-height:64px}
 .type-reveal-panel .step-actions{flex-direction:column-reverse;gap:10px}
}
@media(max-width:390px){.story-scene-art{height:120px}.hero-art .art-caption{font-size:11px}.hero-portal-halo{width:min(100%,260px)}}
@media(prefers-reduced-motion:reduce){.story-scene-art,.type-reveal-panel{animation:none!important}}
/* Final phone-size refinements after screenshot QA: protect the main CTA above the fold. */
@media(max-width:760px){
 #viewer-hero .hero-art,#entry-hero .hero-art{height:208px!important;min-height:208px!important}
 .hero-portal-halo{height:205px}
}
@media(max-width:500px){
 #viewer-hero .hero-art,#entry-hero .hero-art{height:194px!important;min-height:194px!important}
 .hero-portal-halo{height:192px}
}
.quiz-panel .story-scene-art{opacity:.74}
.quiz-panel:after{background:linear-gradient(165deg,#071c2a3d,#071d2a80 55%,#061721df)}
@keyframes scene-unfold{from{opacity:.03;transform:scale(1.045)}to{opacity:.74;transform:scale(1)}}

/* Final responsive framing: reveal an actual portal arch instead of a cropped oval. */
.hero-portal-halo{width:min(100%,392px);aspect-ratio:704/770;border-radius:49% 49% 20px 20px / 32% 32% 15px 15px;background:#041a2d;border:2px solid #58e4f06b;box-shadow:0 0 80px #21ccf13b,0 0 18px #69fffc42}
.hero-portal-halo:after{border-radius:inherit;box-shadow:inset 0 0 27px #2bffff55}
.hero-art .art-caption{font-size:12px}
body[data-theme="night"] .hero-art{min-height:0}
@media(max-width:760px){
  .hero-grid>.hero-art{order:-1!important;min-height:0!important;height:auto!important;max-width:340px;width:100%;margin:0 auto 10px}
  body[data-page="performer"] .entry-art{min-height:0!important;height:auto!important}
  .hero-portal-halo{width:min(100%,275px);margin:0 auto}
  .hero-art .art-caption{display:none}
  #viewer-hero.hero,#entry-hero.hero{padding-top:26px}
}
@media(max-width:390px){.hero-portal-halo{width:min(100%,240px)}}
/* Keep the people and glowing stage visible, not just the top of the portal. */
.hero-portal-halo img{
 -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 9%,#000 88%,transparent 100%);
 mask-image:linear-gradient(to bottom,transparent 0%,#000 9%,#000 88%,transparent 100%);
 border-radius:35px;
}

/* The project name is the audience landing hero, with a clear readable subtitle. */
#viewer-hero .portal-title{font-size:clamp(40px,5.9vw,66px);font-weight:900;letter-spacing:.07em;color:#e5fdff;text-shadow:0 0 16px #4fefff7a,0 0 42px #1d9acc5f;margin:9px 0 8px;line-height:1.28}
#viewer-hero .portal-tagline{font-size:clamp(14px,1.8vw,20px);font-weight:750;line-height:1.7;letter-spacing:.015em;color:#a0f3fc;margin:0 0 20px}
@media(max-width:500px){#viewer-hero .portal-title{font-size:clamp(35px,10vw,44px);letter-spacing:.045em;margin:6px 0 7px}#viewer-hero .portal-tagline{font-size:14px;margin-bottom:16px}}

/* v13: real performer X profiles are linked directly below result names. */
body[data-page="viewer"] .performer-card .performer-x-link{
 display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:43px;
 max-width:100%;padding:8px 12px;margin:4px 0 9px;
 border:1px solid #83cfd6;border-radius:11px;background:#e1f7fa;
 color:#075b72;font-size:13px;font-weight:800;line-height:1.5;
 text-decoration:none;overflow-wrap:anywhere;transition:background .16s,border-color .16s}
body[data-page="viewer"] .performer-card .performer-x-link:hover{background:#c7f0f4;border-color:#389eac}
body[data-page="viewer"] .performer-card .performer-x-link:focus-visible{outline:3px solid #097fa4;outline-offset:3px}

/* Audience ranking tiers: score remains numeric, with an explicit color-and-text cue below. */
body[data-page="viewer"] .performer-card .score .score-tier{
 display:table;min-width:89px;max-width:100%;margin:7px 0 6px auto;
 padding:5px 10px;border:1px solid transparent;border-radius:999px;
 font-size:12px;line-height:1.4;font-weight:850;letter-spacing:.025em;
 text-align:center;white-space:nowrap;box-shadow:none}
body[data-page="viewer"] .performer-card .score .score-tier-excellent{
 background:#daf8ed;color:#115b47;border-color:#76caa9}
body[data-page="viewer"] .performer-card .score .score-tier-good{
 background:#dfeffe;color:#145681;border-color:#83b9df}
body[data-page="viewer"] .performer-card .score .score-tier-medium{
 background:#fff0d7;color:#805020;border-color:#eac18b}

/* Audience stats: actual completion events and reviewed live performers only. */
body[data-page="viewer"] .community-stats{display:grid;grid-template-columns:1fr 1fr;gap:11px;max-width:800px;margin:0 auto 16px}
body[data-page="viewer"] .community-stat{display:flex;align-items:center;gap:13px;padding:16px 20px;background:linear-gradient(130deg,#0d3240,#152a42);border:1px solid #55ccd970;border-radius:16px;box-shadow:0 2px 15px #0a718a17;color:#ebfbff}
body[data-page="viewer"] .community-stat-icon{flex:none;display:grid;place-items:center;width:36px;height:36px;border:1px solid #5ed8e5aa;border-radius:12px;color:#94f2f5;font-size:23px}
body[data-page="viewer"] .community-stat-label{display:block;color:#b0dce6;font-size:12px;line-height:1.65;margin-bottom:1px}
body[data-page="viewer"] .community-stat strong{display:block;color:#f9ffff;font-size:clamp(18px,2.6vw,27px);font-weight:850;line-height:1.4;letter-spacing:.03em}
body[data-page="viewer"] .community-stats-disclaimer{grid-column:1/-1;color:#9bb5c9;font-size:10px;line-height:1.6;margin:1px 3px 0}
body[data-page="viewer"] .community-stat .number-pulse{animation:oshistats-pulse .35s ease-out}
@keyframes oshistats-pulse{0%{transform:scale(.96);opacity:.65}100%{transform:scale(1);opacity:1}}
@media(max-width:500px){body[data-page="viewer"] .community-stats{gap:7px;margin-bottom:14px}body[data-page="viewer"] .community-stat{padding:11px 9px;gap:7px;border-radius:12px}body[data-page="viewer"] .community-stat-icon{width:26px;height:30px;font-size:16px}body[data-page="viewer"] .community-stat-label{font-size:10px}body[data-page="viewer"] .community-stat strong{font-size:16px}body[data-page="viewer"] .community-stats-disclaimer{font-size:10px}}
@media(prefers-reduced-motion:reduce){body[data-page="viewer"] .community-stat .number-pulse{animation:none}}


/* v18 audience portal: faithfully follows the user-selected mockup without replacing interactive game controls. */
body[data-page="viewer"]:has(#viewer-hero:not([hidden])) .topbar{display:none}
body[data-page="viewer"]:has(#viewer-hero:not([hidden])){background:radial-gradient(ellipse at 50% 0,#074660 0,#021521 60%,#01101b 100%)}
body[data-page="viewer"] #viewer-hero{width:100%;position:relative;margin:0 auto;padding:0!important;background:none;border:0;}
body[data-page="viewer"] #viewer-hero .poster-frame{width:min(100%,560px);margin:0 auto;position:relative;isolation:isolate;filter:drop-shadow(0 0 32px #02bbdf39)}
body[data-page="viewer"] #viewer-hero .poster-art-image{display:block;width:100%;height:auto;aspect-ratio:941 / 1672;object-fit:cover}
body[data-page="viewer"] #viewer-hero .poster-start-actions{position:absolute;top:53.7%;left:14.6%;width:70.5%;height:6.4%;z-index:2;display:flex;align-items:stretch;margin:0;padding:0}
body[data-page="viewer"] #viewer-hero .poster-start-actions .start-button{position:relative;display:flex;width:100%;height:100%;min-height:0;border:2px solid #8cffff;border-radius:clamp(11px,2.8vw,28px);background:linear-gradient(95deg,#06c4d5 3%,#035888 45%,#05c5cd 99%);color:#fff;align-items:center;justify-content:center;gap:12px;font-size:clamp(12px,3.4vw,23px);font-weight:850;line-height:1.1;text-shadow:0 1px 7px #002c45;box-shadow:inset 0 0 22px #00d2e990,0 0 18px #22deed8a;cursor:pointer;padding:0 clamp(6px,2vw,14px);margin:0;white-space:nowrap}
body[data-page="viewer"] #viewer-hero .poster-start-actions .start-button:hover{filter:brightness(1.15);transform:none}
body[data-page="viewer"] #viewer-hero .poster-start-actions .start-button-arrow{position:absolute;right:4.2%;display:grid;place-items:center;border:1.5px solid #9effff;width:clamp(19px,5vw,42px);height:clamp(19px,5vw,42px);border-radius:50%;font-size:clamp(13px,2.8vw,26px);background:#00526a77}
body[data-page="viewer"] #viewer-hero .poster-performer-link{position:absolute;top:61.25%;left:16.8%;width:65.8%;height:5.2%;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border:2px solid #06e1e8;border-radius:clamp(10px,2vw,22px);background:#001929f5;box-shadow:inset 0 0 12px #02dbeb40;color:#fff;font-size:clamp(11px,3.15vw,20px);font-weight:700;z-index:2;line-height:1.2;white-space:nowrap}
body[data-page="viewer"] #viewer-hero .poster-performer-link .user-symbol{color:#44f1fe;font-size:1.55em;line-height:1}
body[data-page="viewer"] #viewer-hero .poster-performer-link .arrow{position:absolute;right:5%;color:#19deee;font-size:1.5em}
body[data-page="viewer"] #viewer-hero .poster-menu{position:absolute;top:1.1%;right:4.5%;width:9.1%;height:4.5%;z-index:5}
body[data-page="viewer"] #viewer-hero .poster-menu summary{display:block;list-style:none;width:100%;height:100%;cursor:pointer;margin:0;padding:0;background:transparent;border:0}
body[data-page="viewer"] #viewer-hero .poster-menu summary::-webkit-details-marker{display:none}
body[data-page="viewer"] #viewer-hero .poster-menu-panel{position:absolute;top:calc(100% + 10px);right:0;width:230px;max-width:85vw;background:#032e43fa;border:1px solid #0ad8eb;border-radius:14px;padding:10px;box-shadow:0 12px 40px #000c}
body[data-page="viewer"] #viewer-hero .poster-menu-panel a{display:block;color:#e4feff;font-size:14px;padding:10px 8px;border-radius:8px;text-decoration:none}
body[data-page="viewer"] #viewer-hero .poster-menu-panel a:hover{background:#086c7d}
body[data-page="viewer"] #viewer-hero .poster-start-actions .start-button:focus-visible,body[data-page="viewer"] #viewer-hero .poster-performer-link:focus-visible,body[data-page="viewer"] #viewer-hero .poster-menu summary:focus-visible{outline:3px solid white;outline-offset:4px}
body[data-page="viewer"] #viewer-hero .poster-alternate-start-actions{display:flex;justify-content:center;margin:8px auto 14px}
body[data-page="viewer"] #viewer-hero .poster-alternate-start-actions[hidden]{display:none!important}
body[data-page="viewer"] #viewer-hero .poster-alternate-start-actions button{padding:10px 20px;border:1px solid #48d8ed;border-radius:12px;background:#073749;color:#e2fcff;min-height:44px}
body[data-page="viewer"] #viewer-hero .poster-nonofficial-note{text-align:center;font-size:11px;color:#c9eff3;max-width:540px;margin:0 auto 10px;line-height:1.6}
body[data-page="viewer"] #viewer-hero .poster-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:500px){
 body[data-page="viewer"] #viewer-hero{width:100vw;position:relative;left:50%;transform:translateX(-50%)}
 body[data-page="viewer"] #viewer-hero .poster-start-actions .start-button{font-size:clamp(11px,3.4vw,17px)}
 body[data-page="viewer"] #viewer-hero .poster-start-actions .start-button-arrow{right:3%;font-size:15px}
 body[data-page="viewer"] #viewer-hero .poster-performer-link{gap:6px}
 body[data-page="viewer"] #viewer-hero .poster-nonofficial-note{padding:0 13px}
}
@media(prefers-reduced-motion:reduce){body[data-page="viewer"] #viewer-hero .poster-start-actions .start-button{transition:none}}

/* v19: Audience results are the bright, celebratory world beyond the portal. */
body[data-page="viewer"][data-theme="day"]{
  color-scheme:light;
  --bg:#f7fcff;
  --panel:#ffffff;
  --ink:#243d59;
  --muted:#516c82;
  background:
    radial-gradient(ellipse 650px 490px at 12% 3%,rgba(255,223,146,.52),transparent 77%),
    radial-gradient(ellipse 720px 660px at 100% 15%,rgba(133,218,255,.52),transparent 75%),
    radial-gradient(ellipse 530px 520px at 45% 36%,rgba(241,195,249,.34),transparent 79%),
    radial-gradient(ellipse 760px 720px at -8% 83%,rgba(147,244,203,.35),transparent 76%),
    radial-gradient(ellipse 660px 560px at 110% 90%,rgba(255,209,160,.32),transparent 77%),
    linear-gradient(170deg,#fffef8 0%,#f1fbff 25%,#fff8ff 51%,#f0fcff 76%,#fafff6 100%);
  background-attachment:fixed;
  color:var(--ink);
}
body[data-page="viewer"][data-theme="day"]::before{
  opacity:.42;
  z-index:0;
  background-image:
    radial-gradient(circle,rgba(255,255,255,.96) 1.4px,transparent 2.3px),
    radial-gradient(circle,rgba(50,180,217,.43) 1.3px,transparent 2.3px),
    radial-gradient(circle,rgba(247,171,73,.41) 1.35px,transparent 2.5px),
    radial-gradient(circle,rgba(196,130,223,.32) 1px,transparent 2px);
  background-size:86px 99px,171px 151px,221px 203px,137px 193px;
  background-position:7px 7px,53px 43px,101px 91px,23px 123px;
  mask-image:linear-gradient(#000,rgba(0,0,0,.4) 85%,transparent);
}
body[data-page="viewer"][data-theme="day"] .shell{position:relative;z-index:1;}
body[data-page="viewer"][data-theme="day"] .topbar{border-bottom-color:rgba(87,170,188,.23)}
body[data-page="viewer"][data-theme="day"] .brand-mark{
  background:linear-gradient(145deg,#edfffa,#eff7ff);
  border-color:#79cad3;
  box-shadow:0 0 20px rgba(36,190,210,.16);
  color:#157c93;
}
body[data-page="viewer"][data-theme="day"] .result-welcome{
  color:#257a9e;font-weight:800;font-size:clamp(14px,2.5vw,19px);
  letter-spacing:.055em;text-shadow:0 2px 12px rgba(255,255,255,.94);
}
body[data-page="viewer"][data-theme="day"] .type-panel{
  isolation:isolate;
  background:
    radial-gradient(ellipse 260px 180px at 52% 0%,rgba(255,208,99,.38),transparent 86%),
    radial-gradient(ellipse 300px 230px at 2% 9%,rgba(132,228,254,.35),transparent 80%),
    radial-gradient(ellipse 310px 280px at 105% 100%,rgba(154,236,193,.32),transparent 82%),
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,250,252,.98) 45%,rgba(244,255,253,.98));
  border:1px solid #9edcda;
  box-shadow:0 18px 50px rgba(39,148,179,.15),0 0 0 5px rgba(255,255,255,.4);
  padding-top:42px;
}
body[data-page="viewer"][data-theme="day"] .type-panel::after{
  content:"✦   ✧   ✦";
  position:absolute;top:9px;right:15px;
  color:#e0b44d;font-size:18px;letter-spacing:12px;
  opacity:.8;pointer-events:none;
}
body[data-page="viewer"][data-theme="day"] .type-icon{
  color:#18a7b9;text-shadow:0 0 20px rgba(55,190,216,.28);
}
body[data-page="viewer"][data-theme="day"] .type-name{color:#264c66;}
body[data-page="viewer"][data-theme="day"] .type-lead{color:#49657a;}
body[data-page="viewer"][data-theme="day"] .type-panel .note{color:#627b8c;}
body[data-page="viewer"][data-theme="day"] .result-heading h2{
  color:#244b65;text-shadow:0 2px 18px rgba(255,255,255,.96);
}
body[data-page="viewer"][data-theme="day"] .result-heading small{color:#57798e;}
body[data-page="viewer"][data-theme="day"] .status-strip{
  background:linear-gradient(110deg,rgba(233,255,246,.92),rgba(237,248,255,.95));
  border-color:#b2e0d9;color:#2e6372;
  box-shadow:0 7px 22px rgba(43,123,154,.07);
}
body[data-page="viewer"][data-theme="day"] .performer-card{
  background:linear-gradient(150deg,rgba(255,255,255,.98),rgba(250,254,255,.98));
  border-color:#c5dfe7;
  box-shadow:0 12px 34px rgba(46,131,164,.12);
}
body[data-page="viewer"][data-theme="day"] .performer-card.top{
  position:relative;
  background:
    radial-gradient(ellipse 260px 160px at 93% 0%,rgba(255,216,122,.30),transparent 92%),
    linear-gradient(132deg,#fffef8 0%,#ffffff 46%,#edfff9 75%,#f0faff 100%);
  border:2px solid #64cdbc;
  box-shadow:0 18px 44px rgba(38,152,158,.18),0 0 0 4px rgba(255,255,255,.57);
}
body[data-page="viewer"][data-theme="day"] .performer-card.top::before{
  content:"✦";
  position:absolute;right:18px;top:12px;
  font-size:15px;color:#d7aa39;opacity:.73;pointer-events:none;
}
body[data-page="viewer"][data-theme="day"] .performer-name{color:#22445b}
body[data-page="viewer"][data-theme="day"] .categories{color:#54788a}
body[data-page="viewer"][data-theme="day"] .score{color:#087e84}
body[data-page="viewer"][data-theme="day"] .score strong{color:#11918e}
body[data-page="viewer"][data-theme="day"] .reason{color:#456576}
body[data-page="viewer"][data-theme="day"] .reason-tags span{
  background:linear-gradient(120deg,#eafff4,#edf8ff);
  color:#216b64;border:1px solid #c5eade;
}
body[data-page="viewer"][data-theme="day"] .bar{background:#dcebf2}
body[data-page="viewer"][data-theme="day"] .bar i{background:linear-gradient(90deg,#7ab7f4,#65dbc3,#ffcf7d)}
body[data-page="viewer"][data-theme="day"] .notice,
body[data-page="viewer"][data-theme="day"] .summary-card{
  background:linear-gradient(135deg,rgba(255,255,255,.97),rgba(242,252,255,.96));
  border-color:#cadddf;color:#405e71;
  box-shadow:0 7px 25px rgba(62,132,160,.08);
}
body[data-page="viewer"][data-theme="day"] .details-box,
body[data-page="viewer"][data-theme="day"] .filter-box,
body[data-page="viewer"][data-theme="day"] .share-box{
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(245,251,255,.97));
  border-color:#cddfe8;
  box-shadow:0 8px 24px rgba(62,132,160,.07);
}
body[data-page="viewer"][data-theme="day"] .button.primary{
  background:linear-gradient(105deg,#67d4ed,#71e5d0 58%,#ffe0a2);
  border-color:#59bdc4;color:#174251;
  box-shadow:0 9px 23px rgba(59,172,192,.22);
}
body[data-page="viewer"][data-theme="day"] .button.primary:hover:not(:disabled){
  background:linear-gradient(105deg,#80e0f0,#95eddb 58%,#ffe6b8);
  color:#12394e;
}
body[data-page="viewer"][data-theme="day"] .button.secondary{
  background:rgba(255,255,255,.82);
  border-color:#bbd7e1;color:#365e73;
}
body[data-page="viewer"][data-theme="day"] .button.secondary:hover:not(:disabled){
  background:#f0fbff;color:#24556b;
}
@media(max-width:500px){
 body[data-page="viewer"][data-theme="day"]::before{opacity:.25}
 body[data-page="viewer"][data-theme="day"] .type-panel{padding-top:35px;box-shadow:0 9px 26px rgba(39,148,179,.13)}
 body[data-page="viewer"][data-theme="day"] .type-panel::after{font-size:13px;letter-spacing:7px}
 body[data-page="viewer"][data-theme="day"] .performer-card,
 body[data-page="viewer"][data-theme="day"] .performer-card.top{
   box-shadow:0 8px 24px rgba(46,131,164,.13);
 }
}
@media(prefers-reduced-motion:reduce){
 body[data-page="viewer"][data-theme="day"] .performer-card,
 body[data-page="viewer"][data-theme="day"] .type-panel{transition:none}
}

/* Result-world v19: the bright, celebratory place beyond the dark portal. */
/* Scope exclusively to audience results (the existing viewer renderer sets data-theme="day"). */
body[data-page="viewer"][data-theme="day"]{
  --bg:#f7fdff;
  background:
    radial-gradient(ellipse 760px 580px at 11% 1%,rgba(255,223,133,.79) 0%,rgba(255,242,194,.32) 49%,transparent 84%),
    radial-gradient(ellipse 840px 740px at 95% 8%,rgba(141,229,255,.72) 0%,rgba(201,247,255,.28) 55%,transparent 85%),
    radial-gradient(ellipse 710px 750px at 94% 49%,rgba(255,187,218,.48) 0%,transparent 78%),
    radial-gradient(ellipse 740px 730px at 5% 62%,rgba(194,179,255,.40) 0%,transparent 80%),
    radial-gradient(ellipse 860px 770px at 55% 104%,rgba(152,238,204,.43) 0%,transparent 85%),
    linear-gradient(160deg,#e7fbff 0%,#fffbee 24%,#fff3f9 48%,#edf7ff 71%,#eafdf5 100%);
  background-attachment:scroll;
  background-color:#eaf8ff;
  color:#263c50;
}
/* Fine multicolored stars and confetti instead of the former grey-dot texture. */
body[data-page="viewer"][data-theme="day"]::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  opacity:.65;
  background-image:
    radial-gradient(circle,rgba(255,255,255,.96) 2px,transparent 3px),
    radial-gradient(circle,rgba(10,160,210,.38) 1.6px,transparent 2.7px),
    radial-gradient(circle,rgba(235,146,55,.45) 2.2px,transparent 3.2px),
    radial-gradient(circle,rgba(203,102,192,.30) 1.8px,transparent 2.8px),
    radial-gradient(circle,rgba(55,179,132,.34) 2px,transparent 3px);
  background-size:127px 143px,197px 211px,253px 241px,173px 187px,311px 281px;
  background-position:9px 22px,61px 82px,132px 43px,87px 154px,147px 198px;
  mask-image:linear-gradient(#000,rgba(0,0,0,.65) 84%,transparent);
}
/* Fixed soft festival lights. No animation or distracting moving backgrounds. */
body[data-page="viewer"][data-theme="day"]::after{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  opacity:.7;
  background:
    radial-gradient(circle 28px at 8% 19%,rgba(255,255,255,.95) 8%,rgba(255,225,142,.48) 38%,transparent 80%),
    radial-gradient(circle 33px at 88% 15%,rgba(255,255,255,.89) 8%,rgba(137,228,245,.40) 35%,transparent 80%),
    radial-gradient(circle 20px at 94% 62%,rgba(254,255,253,.8) 9%,rgba(251,171,197,.34) 35%,transparent 83%),
    radial-gradient(circle 24px at 12% 74%,rgba(255,255,255,.88) 8%,rgba(173,175,244,.30) 36%,transparent 80%),
    radial-gradient(ellipse 340px 120px at 50% 3%,rgba(255,255,255,.55),transparent 80%);
}
body[data-page="viewer"][data-theme="day"] .shell{position:relative;z-index:1;}
body[data-page="viewer"][data-theme="day"] .topbar{border-bottom-color:rgba(79,165,194,.25)}
body[data-page="viewer"][data-theme="day"] .result-welcome{
  color:#156e99;font-weight:900;letter-spacing:.08em;
  font-size:clamp(15px,2.8vw,21px);
  text-shadow:0 2px 15px rgba(255,255,255,.94);
}
body[data-page="viewer"][data-theme="day"] .result-welcome::before,
body[data-page="viewer"][data-theme="day"] .result-welcome::after{
  content:"✦";display:inline-block;font-size:.88em;color:#edb549;
  text-shadow:0 0 18px rgba(255,189,77,.5);margin:0 .5em;
}
body[data-page="viewer"][data-theme="day"] .type-panel{
  position:relative;
  background:
    radial-gradient(ellipse 280px 170px at 52% -3%,rgba(255,225,128,.56),transparent 90%),
    radial-gradient(ellipse 330px 210px at 3% 4%,rgba(148,228,255,.51),transparent 84%),
    radial-gradient(ellipse 400px 250px at 98% 94%,rgba(143,232,189,.39),transparent 82%),
    linear-gradient(125deg,#ffffff 8%,#fff9fd 48%,#f1fffa 100%);
  border:2px solid #83d9d5;
  box-shadow:0 20px 60px rgba(36,142,178,.18),0 0 0 5px rgba(255,255,255,.64);
}
body[data-page="viewer"][data-theme="day"] .type-panel::after{
  color:#e5ad2d;opacity:.93;letter-spacing:11px;
}
body[data-page="viewer"][data-theme="day"] .type-icon{color:#04a6b5;text-shadow:0 0 22px rgba(60,219,206,.24)}
body[data-page="viewer"][data-theme="day"] .type-name{color:#234d67;}
body[data-page="viewer"][data-theme="day"] .result-heading h2{color:#194f72;}
body[data-page="viewer"][data-theme="day"] .performer-card{
  background:linear-gradient(139deg,rgba(255,255,255,.985),rgba(250,253,255,.98));
  border-color:#bcdce7;
  box-shadow:0 13px 34px rgba(40,128,166,.14),0 1px 0 rgba(255,255,255,.82) inset;
}
body[data-page="viewer"][data-theme="day"] .performer-card.top{
  background:
    radial-gradient(ellipse 260px 140px at 92% 1%,rgba(255,217,125,.34),transparent 95%),
    linear-gradient(130deg,#fffdf7 0%,#fff 43%,#ecfffa 73%,#eefaff 100%);
  border:2px solid #63cbb6;
  box-shadow:0 20px 48px rgba(32,143,152,.19),0 0 0 5px rgba(255,255,255,.57);
}
body[data-page="viewer"][data-theme="day"] .performer-card.top::before{color:#e9ab26;font-size:20px;}
body[data-page="viewer"][data-theme="day"] #viewer-app .result-options,
body[data-page="viewer"][data-theme="day"] #viewer-app .share-box,
body[data-page="viewer"][data-theme="day"] #viewer-app .details-box{
  border-color:#c7dfe7;
  box-shadow:0 8px 24px rgba(45,131,166,.09);
}
body[data-page="viewer"][data-theme="day"] #viewer-app .button.primary{
  color:#194a5a;
  border-color:#60c7ca;
  background:linear-gradient(105deg,#80e1ef 0%,#9cedda 55%,#ffe2a3 100%);
  box-shadow:0 8px 21px rgba(43,158,169,.17);
}
body[data-page="viewer"][data-theme="day"] #viewer-app .button.primary:hover:not(:disabled){
  background:linear-gradient(105deg,#94eaf1,#bcf3e4 55%,#ffecc1);
  color:#173e53;
}
@media(max-width:500px){
  body[data-page="viewer"][data-theme="day"]{
    background:
      radial-gradient(ellipse 400px 350px at 10% 2%,rgba(255,229,163,.67),transparent 85%),
      radial-gradient(ellipse 390px 470px at 97% 28%,rgba(176,233,252,.57),transparent 83%),
      radial-gradient(ellipse 360px 540px at -5% 65%,rgba(220,195,255,.36),transparent 85%),
      linear-gradient(168deg,#edfbff,#fff8f1 35%,#f7f1ff 63%,#edfcf7);
    background-attachment:scroll;
    background-color:#edf8ff;
  }
  body[data-page="viewer"][data-theme="day"]::before{opacity:.43;}
  body[data-page="viewer"][data-theme="day"]::after{opacity:.46;}
  body[data-page="viewer"][data-theme="day"] .result-welcome{letter-spacing:.02em;}
  body[data-page="viewer"][data-theme="day"] .result-welcome::before,
  body[data-page="viewer"][data-theme="day"] .result-welcome::after{margin:0 .22em;}
  body[data-page="viewer"][data-theme="day"] .type-panel{box-shadow:0 12px 27px rgba(40,143,165,.13);}
  body[data-page="viewer"][data-theme="day"] .performer-card.top{box-shadow:0 10px 27px rgba(32,143,152,.16);}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="viewer"][data-theme="day"] .performer-card,
  body[data-page="viewer"][data-theme="day"] .type-panel{transition:none;}
}

/* One-card copying and optional X sharing */
body[data-page="viewer"] .result-share-actions{margin:16px 0 6px;padding-top:13px;border-top:1px solid #bedde4;gap:10px}
body[data-page="viewer"] .result-share-actions .button{min-height:45px;font-size:13px;flex:1 1 155px;white-space:normal;text-align:center}
body[data-page="viewer"] .result-share-status{display:block;grid-column:1/-1;min-height:18px;font-size:12px;line-height:1.6;color:#286579}
@media(max-width:420px){body[data-page="viewer"] .result-share-actions{gap:8px}body[data-page="viewer"] .result-share-actions .button{min-height:47px;flex:1 1 125px;padding:10px 9px}}

/* Optional approved-performer illustration, sized for smartphone results. */
body[data-page="viewer"] .performer-photo{width:112px;height:112px;max-width:100%;margin:10px 0 4px;overflow:hidden;border-radius:16px;border:1px solid #c6dce5;box-shadow:0 6px 18px #153b4d14;background:#eff8fc}
body[data-page="viewer"] .performer-photo img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:500px){body[data-page="viewer"] .performer-photo{width:88px;height:88px;border-radius:13px}}

/* Safe X share flow: view and copy before navigating away. */
.result-draft-panel{grid-column:1/-1;padding:16px;border:1px solid #b6ccd8;border-radius:15px;background:#eff8fd;margin:7px 0 14px}
.result-draft-panel[hidden]{display:none!important}
.result-draft-text{box-sizing:border-box;display:block;width:100%;min-height:230px;resize:vertical;padding:12px;border-radius:10px;border:1px solid #a9bbc8;background:white;color:#1c3040;font-size:14px;line-height:1.65;white-space:pre-wrap}
.profile-link-fallback{margin:3px 0 7px;display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.profile-link-fallback .button{min-height:36px;padding:6px 11px;font-size:12px}
body[data-theme='night'] .result-draft-panel{background:#192b3b;border-color:#597188}
body[data-theme='night'] .result-draft-panel .micro{color:#dae7f5}
@media(max-width:480px){.result-draft-panel{padding:12px}.result-draft-text{min-height:270px}}