/* Report scenery follows feeling totals. No full-screen tint or blur: artwork
   stays crisp, while individual pearl cards provide readable text surfaces. */
.vr-side-nav{display:none}
.vr-cards{min-width:0}
.vr-period-tools{display:flex;flex-direction:column;align-items:end;gap:7px}
.vr-report .vr-period-tools [data-report-custom]{background:#eef0ff;color:#232f87;border:1px solid #a4b7ff;font-size:12px;padding:3px 9px;min-height:30px}
body:has([data-vali-report]:not(.vr-preview)) .station-layout{display:block}
body:has([data-vali-report]:not(.vr-preview)) .station-rail{display:none}
.vr-report:not(.vr-preview){--vr-ink:#17276d;--vr-surface:#f4f6ffff;--vr-border:#d0cbff;color-scheme:light;color:var(--vr-ink);background:#a4c9ff url('/vali-report-dream-day.webp') center top/cover no-repeat;box-shadow:none}
.vr-report:not(.vr-preview)[data-report-scene="night"]{background-image:url('/vali-report-dream-night.webp');background-color:#17245f}
.vr-report:not(.vr-preview) .vr-money{color:#172172;background:linear-gradient(120deg,#e9f7fff5,#f7effff5);border:2px solid #ffffffeb;box-shadow:0 5px 22px #5556a82b,inset 0 0 22px #fff8}
.vr-report:not(.vr-preview) .vr-gains{color:#105568;background:#ddfcf7f5;border:2px solid #f2ffff;box-shadow:0 5px 20px #63d4d22b,inset 0 0 18px #fff9}
.vr-report:not(.vr-preview) .vr-costs{color:#bd1455;background:#ffedf6f5;border:2px solid #fff6fd;box-shadow:0 5px 20px #d86eb02b,inset 0 0 18px #fff9}
.vr-report:not(.vr-preview) .vr-feelings dt{color:#253a89}
.vr-report:not(.vr-preview) .vr-feelings>small{color:#344b92;opacity:1}
.vr-report:not(.vr-preview) .vr-feelings footer{border-color:#a8b4de80}
.vr-report:not(.vr-preview) .vr-money.vr-negative{color:#a2204d;background:linear-gradient(120deg,#fff0f5f7,#fce4f4f7);border-color:#ffb6d2}
.vr-report:not(.vr-preview) .vr-vote{color:#192b7a;background:linear-gradient(120deg,#f0f9fff5,#f2ecfff5);border:2px solid #fff9;box-shadow:0 5px 22px #5556a82b}
.vr-report:not(.vr-preview) .vr-choices span{color:#056975;background:#dcfffa;border-color:#99e5e3;box-shadow:0 0 12px #7ae9e52b}
.vr-report:not(.vr-preview) .vr-choices label:last-child span{color:#c21553;background:#fff0f8;border-color:#ffbad9;box-shadow:0 0 12px #f3b5e354}
.vr-report:not(.vr-preview) .vr-vote textarea{background:#fffffff5;color:#23346f;border-color:#bfc5fc}
.vr-report:not(.vr-preview) .vr-vote textarea::placeholder{color:#6675a7}
.vr-report:not(.vr-preview) button,.vr-report:not(.vr-preview) select{background:linear-gradient(135deg,#7045f5,#5141eb);color:#fff}
.vr-report:not(.vr-preview) .vr-period option{background:#f8f5ff;color:#17276d}
.vr-report:not(.vr-preview) .vr-intro,.vr-report:not(.vr-preview) .vr-empty{color:#1c2b7c;border:1px solid #fffe;border-radius:22px;background:#f4f6fff2;text-align:center;padding:16px;margin:0 0 16px}
.vr-report:not(.vr-preview) .vr-intro p{margin:6px 0;font-weight:700}
.vr-report:not(.vr-preview) .vr-intro button{min-width:150px}
.vr-report:not(.vr-preview) .vr-download{color:#17276d;background:#f5f5fff2;border-radius:22px;padding:12px}
.vr-report:not(.vr-preview) .vr-trend{color:#244b99;background:#f0f5fff2;border-radius:18px;padding:10px;margin:0 0 16px}
.vr-report:not(.vr-preview)[data-report-scene="night"] .vr-head h1{color:#fff;text-shadow:0 2px 5px #2c125b,0 0 18px #aa7aff; background:none;-webkit-text-fill-color:initial}
.vr-report:not(.vr-preview) .vr-head p{display:inline-block;color:#fff;background:#4d65d6;border:1px solid #a1baff;border-radius:22px;padding:3px 15px;box-shadow:0 0 12px #cce8ff80}
@media(min-width:1024px){
 body.station-active:has([data-vali-report]:not(.vr-preview)) .shell{max-width:none;padding:0}
 .vr-report:not(.vr-preview){position:relative;max-width:none;min-height:100svh;margin:0;border-radius:0;padding:92px max(32px,calc((100vw - 1180px)/2)) 32px}
 .vr-report:not(.vr-preview) .vr-side-nav{position:static;display:flex;align-items:center;gap:8px;height:0;margin:0;transform:translateY(-55px);white-space:nowrap}
 .vr-side-nav strong{font-size:32px;letter-spacing:-1px;color:#181777;text-shadow:0 1px 5px #fff}
 .vr-side-nav small{color:#25277b;font-size:12px;margin-right:auto;background:#f0f3ffcf;padding:4px 9px;border-radius:12px}
 .vr-report:not(.vr-preview) .vr-side-nav button{background:#f3f2ffde;color:#263283;border:1px solid #fff8;padding:8px 16px;font:600 14px/1.4 system-ui,sans-serif;min-height:42px;border-radius:24px}
 .vr-side-nav button i{display:none}
 .vr-report:not(.vr-preview) .vr-side-nav button.active{background:linear-gradient(135deg,#e4e4ff,#d4eaff);color:#281e90;border-color:#fff;box-shadow:0 0 12px #baf9ff85}
 .vr-report:not(.vr-preview)[data-report-scene="night"] .vr-side-nav strong{color:white;text-shadow:0 0 12px #b594ff}
 .vr-report:not(.vr-preview) .vr-head{min-height:232px;padding-top:12px;position:relative;align-items:flex-start}
 .vr-report:not(.vr-preview) .vr-head>div:first-child{max-width:65%}
 .vr-report:not(.vr-preview) .vr-head h1{max-width:620px;white-space:normal;text-wrap:balance;font-size:clamp(36px,4vw,60px);line-height:1.08;font-weight:850;letter-spacing:-1.5px;color:#3919b7;text-shadow:0 2px 0 #fff9,0 0 12px #fff}
 .vr-report:not(.vr-preview) .vr-head p{margin-top:16px;font-size:16px}
 .vr-report:not(.vr-preview) .vr-period select{max-width:190px;border-color:#e6eeff;background:linear-gradient(135deg,#7687ff,#2842cc);box-shadow:0 0 12px #d3e5ff80}
 .vr-report:not(.vr-preview) .vr-mascot{position:absolute;top:100px;right:max(230px,calc((100vw - 1180px)/2 + 220px));width:260px;height:220px;padding:0;pointer-events:none}
 .vr-report:not(.vr-preview) .vr-mascot>div{display:none}
 .vr-report:not(.vr-preview) .vr-mascot img{width:260px;height:250px;object-fit:contain;filter:drop-shadow(0 5px 16px #a39bff80)}
 .vr-report:not(.vr-preview) .vr-cards{display:block}
 .vr-report:not(.vr-preview) .vr-money{border-radius:26px;padding:16px 24px}
 .vr-report:not(.vr-preview) .vr-money h2{font-size:18px}
 .vr-report:not(.vr-preview) .vr-money .vr-net{font-size:44px;line-height:1.25;overflow-wrap:anywhere}
 .vr-report:not(.vr-preview) .vr-money p{margin:3px 0;overflow-wrap:anywhere}
 .vr-report:not(.vr-preview) .vr-money button{font-size:12px;padding:5px 12px;min-height:32px;margin-top:6px}
 .vr-report:not(.vr-preview) .vr-feeling-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:14px 0}
 .vr-report:not(.vr-preview) .vr-feelings{border-radius:26px;padding:18px 24px;min-width:0}
 .vr-report:not(.vr-preview) .vr-feelings h2{font-size:24px}
 .vr-report:not(.vr-preview) .vr-feelings dl{margin:10px 0}
 .vr-report:not(.vr-preview) .vr-feelings dl>div{padding:5px 0;min-height:31px;font-size:15px}
 .vr-report:not(.vr-preview) .vr-feelings footer{padding-top:10px;font-size:21px}
 .vr-report:not(.vr-preview) .vr-vote{grid-template-columns:minmax(210px,1fr) minmax(220px,1fr) auto;align-items:end;gap:12px;border-radius:26px;padding:16px 20px}
 .vr-report:not(.vr-preview) .vr-vote h2{grid-column:1/-1;font-size:24px}
 .vr-report:not(.vr-preview) .vr-choices{grid-column:1;gap:10px;margin:0}
 .vr-report:not(.vr-preview) .vr-choices span{padding:10px 8px;font-size:15px}
 .vr-report:not(.vr-preview) .vr-vote>label{grid-column:2;grid-row:2;font-size:12px}
 .vr-report:not(.vr-preview) .vr-vote button{grid-column:3;grid-row:2}
 .vr-report:not(.vr-preview) .vr-vote textarea{height:48px;min-height:48px}
}
@media(min-width:1024px) and (max-width:1200px){
 .vr-report:not(.vr-preview) .vr-head h1{max-width:440px;font-size:40px}
 .vr-report:not(.vr-preview) .vr-mascot{width:190px;height:200px;top:124px;right:230px}
 .vr-report:not(.vr-preview) .vr-mascot img{width:190px;height:200px}
}
@media(max-width:1023px){
 .vr-report:not(.vr-preview){max-width:700px;padding-bottom:24px}
 .vr-report:not(.vr-preview) .vr-side-nav{display:none}
 body:has([data-vali-report]:not(.vr-preview)) .shell>.top,body:has([data-vali-report]:not(.vr-preview)) .shell>.footer{display:none}
 body:has([data-vali-report]:not(.vr-preview)){padding-bottom:100px}
 .vr-mobile-brand{display:block;font-size:22px;font-weight:850;margin-bottom:14px;color:#171f72;text-shadow:0 1px 5px #fff}
 .vr-report:not(.vr-preview)[data-report-scene="night"] .vr-mobile-brand{color:#fff;text-shadow:0 0 8px #b49aff}
 .vr-report:not(.vr-preview) .vr-head h1{color:#3014a3;text-shadow:0 1px 4px #fff,0 0 10px #fff}
 .vr-report:not(.vr-preview) .vr-head p{font-size:12px;padding:3px 10px}
 .vr-report:not(.vr-preview) .vr-mascot p{color:#26368c;font-size:14px;background:#f3f2ffe8;border:1px solid white;border-radius:15px;padding:10px}
 .vr-report:not(.vr-preview) .vr-bottom-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;position:fixed;left:12px;right:12px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:30;padding:9px;border:1px solid #c7c8ff;border-radius:22px;background:#f5f4fff7;box-shadow:0 4px 25px #151b4938}
 .vr-report:not(.vr-preview) .vr-bottom-nav button{padding:6px 3px;min-height:52px;border:0;background:transparent;color:#293877;font-size:11px}
 .vr-bottom-nav button i{display:block;font-style:normal;font-size:22px;line-height:1.1;margin-bottom:4px}
 .vr-report:not(.vr-preview) .vr-bottom-nav button.active{background:#6452e8;color:white}
}