@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300..900&family=Spline+Sans+Mono:wght@400;600&display=swap";:root{--bg-color: #030305;--surface-color: #0e0e12;--text-primary: #ffffff;--text-secondary: #8b8b9e;--primary-color: #00f0ff;--primary-glow: 0 0 20px rgba(0, 240, 255, .4);--secondary-color: #7000ff;--primary: var(--primary-color);--accent: var(--secondary-color);--surface: var(--surface-color);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--card-bg: rgba(255, 255, 255, .02);--border: rgba(255, 255, 255, .1);--font-main: "Outfit", sans-serif;--transition-fast: .2s ease;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--touch-target-min: 44px;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px)}body{margin:0;font-family:var(--font-main);background-color:var(--bg-color);background-image:url(/images/bg-main.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;min-height:100dvh;overflow-x:hidden;font-size:16px}@media(max-width:768px){:root{--font-size-base: 14px}body{font-size:var(--font-size-base)}}@media(max-width:375px){:root{--space-md: .875rem;--space-lg: 1.25rem;--space-xl: 1.5rem}}@media(max-width:320px){:root{--font-size-base: 13px;--space-xs: .375rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.25rem}body{font-size:var(--font-size-base)}}button{font-family:var(--font-main);cursor:pointer;border:none;background:none}#root{width:100%;max-width:600px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right);padding-top:var(--safe-area-inset-top);padding-bottom:var(--safe-area-inset-bottom);box-sizing:border-box}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px}.language-switcher{position:relative;z-index:1000}.current-lang-btn{display:flex;align-items:center;gap:8px;background:#0e0e12cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);color:var(--text-primary);padding:10px 16px;min-height:var(--touch-target-min);border-radius:22px;font-size:clamp(.8rem,2.5vw,.9rem);font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0003;-webkit-tap-highlight-color:transparent;touch-action:manipulation;box-sizing:border-box}.current-lang-btn:hover,.current-lang-btn.active{background:#ffffff1a;border-color:#fff3}.arrow{font-size:.7rem;opacity:.7;transition:transform .3s ease}.arrow.open{transform:rotate(180deg)}.lang-dropdown{position:absolute;top:120%;right:0;width:clamp(150px,45vw,180px);max-height:min(300px,60vh);overflow-y:auto;background:#0e0e12f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:12px;padding:6px;display:flex;flex-direction:column;gap:2px;box-shadow:0 10px 30px #00000080;-webkit-overflow-scrolling:touch}.lang-dropdown::-webkit-scrollbar{width:4px}.lang-dropdown::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.dropdown-item{text-align:left;padding:12px 14px;min-height:var(--touch-target-min);color:var(--text-secondary);font-size:clamp(.85rem,2.5vw,.9rem);border-radius:8px;transition:all .2s ease;display:flex;align-items:center;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.dropdown-item:hover{background:#ffffff0d;color:var(--text-primary)}.dropdown-item.active{background:#00f0ff1a;color:var(--primary-color)}@media(max-width:480px){.current-lang-btn{padding:8px 14px;gap:6px}.lang-dropdown{max-height:min(250px,50vh)}}@media(max-width:375px){.current-lang-btn{padding:8px 12px;font-size:.8rem;border-radius:20px}.lang-dropdown{width:clamp(140px,50vw,160px)}}@media(max-width:320px){.current-lang-btn{padding:6px 10px;font-size:.75rem;gap:4px;min-height:40px}.arrow{font-size:.6rem}.lang-dropdown{width:140px;max-height:min(200px,45vh);padding:4px}.dropdown-item{padding:10px 12px;min-height:40px;font-size:.8rem}}.layout{display:flex;flex-direction:column;flex:1;width:100%;min-height:0}.layout-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);min-height:56px}.header-left,.header-right{flex:0 0 56px;display:flex;align-items:center}.header-left{justify-content:flex-start}.header-right{justify-content:flex-end}.header-center{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.header-btn{width:44px;height:44px;border-radius:12px;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);font-size:1.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.header-btn:hover{background:#00f0ff1a;border-color:var(--primary-color);color:var(--primary-color)}.header-btn:active{transform:scale(.95)}.layout-main{flex:1;display:flex;flex-direction:column}.layout-footer{padding:var(--space-md);text-align:center;border-top:1px solid var(--glass-border);background:var(--glass-bg)}.layout-footer{display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.footer-brand{font-size:.75rem;color:var(--text-secondary);opacity:.6;letter-spacing:.1em;text-transform:uppercase}.footer-github{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);opacity:.6;transition:all .2s ease}.footer-github:hover{opacity:1;color:var(--primary-color)}@media(max-width:375px){.layout-header{padding:var(--space-xs) var(--space-sm);min-height:48px}.header-left,.header-right{flex:0 0 48px}.header-btn{width:40px;height:40px;font-size:1.1rem}.layout-footer{padding:var(--space-sm)}.footer-brand{font-size:.7rem}}@media(max-width:320px){.layout-header{min-height:44px}.header-left,.header-right{flex:0 0 40px}.header-btn{width:36px;height:36px;font-size:1rem;border-radius:10px}}.app-selector-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg) var(--space-md);box-sizing:border-box;flex:1;min-height:0}.app-selector-header{text-align:center;margin-bottom:var(--space-lg)}.app-selector-title{font-size:clamp(2rem,8vw,3rem);font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.02em}.app-selector-subtitle{font-size:clamp(.9rem,3.5vw,1.1rem);color:var(--text-secondary);margin-top:var(--space-sm);opacity:.8}.app-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);width:100%;max-width:400px}.app-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-md) var(--space-sm);background:var(--card-bg);border:1px solid var(--border);border-radius:16px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;min-height:120px}.app-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-glow) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.app-card:hover:before{opacity:1}.app-card:hover{border-color:var(--primary);box-shadow:0 8px 32px var(--primary-glow)}.app-card-disabled{opacity:.5;cursor:not-allowed}.app-card-disabled:hover:before{opacity:0}.app-card-disabled:hover{border-color:var(--border);box-shadow:none}.app-card-icon{font-size:clamp(2rem,10vw,3rem);line-height:1;position:relative;z-index:1}.app-card-title{font-size:clamp(.85rem,3.5vw,1rem);font-weight:700;color:var(--text-primary);text-align:center;position:relative;z-index:1}.app-card-description{font-size:clamp(.7rem,2.8vw,.8rem);color:var(--text-secondary);text-align:center;line-height:1.3;position:relative;z-index:1;opacity:.7}.app-card-badge{position:absolute;top:var(--space-xs);right:var(--space-xs);font-size:.6rem;font-weight:600;padding:2px 6px;background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}@media(max-width:375px){.app-selector-container{padding:var(--space-md) var(--space-sm)}.app-grid{gap:var(--space-sm)}.app-card{min-height:120px;padding:var(--space-md) var(--space-xs);border-radius:12px}}@media(max-width:320px){.app-selector-container{padding:var(--space-sm) var(--space-xs)}.app-selector-header{margin-bottom:var(--space-md)}.app-grid{gap:8px}.app-card{min-height:90px;padding:var(--space-sm) var(--space-xs)}.app-card-badge{font-size:.5rem;padding:1px 4px}}.landing-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;z-index:1;padding:var(--space-lg) var(--space-md);box-sizing:border-box}.title-wrapper{position:relative;margin-bottom:2rem}.main-title{font-size:clamp(2.5rem,12vw,4rem);font-weight:900;margin:0;line-height:.9;letter-spacing:-2px;background:linear-gradient(135deg,#fff,#aaa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.year-badge{position:absolute;top:-10px;right:clamp(-12px,-3vw,-20px);background:var(--primary-color);color:#000;font-weight:800;font-size:clamp(.75rem,2.5vw,.9rem);padding:2px 8px;border-radius:4px;transform:rotate(10deg);box-shadow:var(--primary-glow)}.subtitle{color:var(--text-secondary);font-size:clamp(1rem,4vw,1.25rem);margin-bottom:clamp(2.5rem,8vw,4rem);line-height:1.4;padding:0 var(--space-sm)}.btn-primary{--primary-glow-strong: rgba(0, 240, 255, .6);background:var(--primary-color);color:#000;font-weight:700;font-size:clamp(.9rem,3.5vw,1.2rem);padding:clamp(1rem,3vw,1.2rem) clamp(2.5rem,8vw,4rem);min-height:var(--touch-target-min);border-radius:100px;box-shadow:0 0 20px #00f0ff4d;text-transform:uppercase;letter-spacing:2px;transition:all .3s ease;width:min(85%,320px);box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.decor-circle{position:absolute;width:300px;height:300px;background:radial-gradient(circle,#00f0ff1a,#0000 70%);top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;pointer-events:none}@media(max-width:480px){.main-title{letter-spacing:-1.5px}.btn-primary{width:min(90%,300px)}.decor-circle{width:250px;height:250px}}@media(max-width:375px){.landing-container{padding:var(--space-md) var(--space-sm)}.title-wrapper{margin-bottom:1.5rem}.year-badge{top:-8px;right:-8px;font-size:.7rem;padding:2px 6px}.decor-circle{width:200px;height:200px}}@media(max-width:320px){.landing-container{padding:var(--space-sm)}.main-title{letter-spacing:-1px}.year-badge{top:-6px;right:-5px;font-size:.65rem;padding:1px 4px}.btn-primary{width:95%;padding:.875rem 1.5rem;letter-spacing:1px}.decor-circle{width:160px;height:160px}}@media(hover:none)and (pointer:coarse){.btn-primary:active{transform:scale(.98);opacity:.9}}.demographics-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg) var(--space-md);box-sizing:border-box;text-align:center}.demographics-title{font-size:clamp(1.5rem,6vw,2rem);font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,#fff,#aaa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.demographics-subtitle{font-size:clamp(.9rem,3vw,1rem);color:var(--text-secondary);margin:0 0 2rem}.demographics-section{width:100%;max-width:400px;margin-bottom:1.5rem}.section-label{font-size:clamp(.85rem,3vw,1rem);color:var(--primary-color);text-transform:uppercase;letter-spacing:1px;margin:0 0 .75rem;font-weight:600}.options-row{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.option-btn{padding:clamp(.625rem,2.5vw,.75rem) clamp(1rem,4vw,1.25rem);min-height:var(--touch-target-min);font-size:clamp(.85rem,3vw,.95rem);font-weight:600;border-radius:50px;border:1px solid var(--glass-border);background:#ffffff08;color:var(--text-secondary);transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.option-btn:hover{background:#ffffff0f;border-color:#ffffff26}.option-btn.selected{background:#00f0ff26;border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 0 15px #00f0ff33}.btn-continue{margin-top:1.5rem;padding:clamp(1rem,3vw,1.2rem) clamp(2.5rem,8vw,4rem);min-height:var(--touch-target-min);font-size:clamp(.9rem,3.5vw,1.1rem);font-weight:700;border-radius:100px;background:var(--primary-color);color:#000;text-transform:uppercase;letter-spacing:2px;transition:all .3s ease;box-shadow:0 0 20px #00f0ff4d;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn-continue.disabled{opacity:.4;cursor:not-allowed;box-shadow:none}@media(max-width:480px){.options-row{gap:.375rem}.option-btn{padding:.5rem .875rem}}@media(max-width:375px){.demographics-container{padding:var(--space-md) var(--space-sm)}.demographics-section{margin-bottom:1.25rem}}@media(max-width:320px){.option-btn{padding:.5rem .75rem;font-size:.8rem}.btn-continue{width:90%;padding:.875rem 1.5rem}}@media(hover:none)and (pointer:coarse){.option-btn:active,.btn-continue:active:not(.disabled){transform:scale(.98)}}.quiz-container{flex:1;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:500px;margin:0 auto;padding:0 var(--space-md);box-sizing:border-box}.progress-container{margin-bottom:clamp(1.25rem,4vw,2rem)}.progress-bar{width:100%;height:6px;background:var(--glass-border);border-radius:3px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:var(--primary-color);box-shadow:var(--primary-glow)}.progress-text{text-align:right;font-size:clamp(.8rem,2.5vw,.9rem);color:var(--text-secondary)}.quiz-content{position:relative;min-height:clamp(340px,55vh,400px)}.question-card{padding:clamp(1.5rem,5vw,2.5rem) clamp(1.25rem,4vw,2rem);display:flex;flex-direction:column;height:100%}.question-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:clamp(1rem,4vw,1.5rem)}.btn-back{width:36px;height:36px;border-radius:10px;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);font-size:1.1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.btn-back:hover{background:#00f0ff1a;border-color:var(--primary-color);color:var(--primary-color)}.category-badge{color:var(--primary-color);font-size:clamp(.75rem,2.5vw,.9rem);text-transform:uppercase;letter-spacing:1px;font-weight:600}.question-text{font-size:clamp(1.2rem,5vw,1.8rem);margin:0 0 clamp(1.5rem,5vw,3rem) 0;line-height:1.35;font-weight:700;flex:1}.options-grid{display:flex;flex-direction:column;gap:clamp(.75rem,3vw,1rem)}.btn-option{padding:clamp(.875rem,3vw,1.2rem);min-height:var(--touch-target-min);font-size:clamp(1rem,3.5vw,1.2rem);font-weight:700;border-radius:12px;border:1px solid var(--glass-border);background:#ffffff08;color:var(--text-primary);display:flex;justify-content:space-between;align-items:center;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn-option.yes{border-color:#00f0ff4d}.btn-option.yes.selected{background:#00f0ff26;border-color:var(--primary-color)}.btn-option.no{border-color:#ff64644d}.btn-option.no.selected{background:#ff646426;border-color:#ff646499}.key-hint{font-size:clamp(.7rem,2.5vw,.9rem);color:var(--text-secondary);font-weight:400}@media(max-width:480px){.quiz-container{padding:0 var(--space-sm)}.progress-bar{height:5px}}@media(max-width:375px){.quiz-container{padding:0 var(--space-xs)}.question-card{border-radius:16px}.progress-bar{height:4px}}@media(max-width:320px){.quiz-content{min-height:300px}.question-card{border-radius:14px}.options-grid{gap:.625rem}.btn-option{border-radius:10px;min-height:44px}.progress-bar{height:4px;border-radius:2px}}@media(hover:none)and (pointer:coarse){.btn-option:active{transform:scale(.98);opacity:.9}}.result-container{flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;padding:clamp(1.5rem,5vw,2rem) var(--space-md);padding-bottom:calc(var(--space-lg) + var(--safe-area-inset-bottom));height:100%;box-sizing:border-box}.result-content-wrapper{display:flex;flex-direction:column;align-items:center;flex:1;justify-content:center;width:100%;padding:0 var(--space-sm);box-sizing:border-box}.tier-badge{font-size:clamp(.9rem,4vw,1.5rem);font-weight:800;padding:clamp(.75rem,3vw,1rem) clamp(1.25rem,5vw,2rem);border:2px solid currentColor;border-radius:50px;background:#0000004d;text-transform:uppercase;letter-spacing:clamp(1px,.5vw,2px);margin-bottom:clamp(2rem,6vw,3rem);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-group h2{font-size:clamp(1.1rem,4vw,1.5rem);font-weight:300;color:var(--text-secondary);margin:0}.score-display{font-size:clamp(2.75rem,12vw,5rem);font-weight:900;margin:clamp(.5rem,2vw,1rem) 0;line-height:1;letter-spacing:-2px;background:linear-gradient(180deg,#fff,#aaa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.context{font-size:clamp(1rem,3.5vw,1.2rem);color:var(--text-secondary);margin-top:0}.divider{height:1px;background:var(--glass-border);margin:clamp(1.25rem,4vw,2rem) 0;width:clamp(60px,20vw,100px)}.stat-detail{font-size:clamp(.9rem,3vw,1rem);color:var(--text-secondary);opacity:.8;line-height:1.6;padding:0 var(--space-sm)}.stat-detail p{margin:.25rem 0}.btn-restart{margin-top:0;padding:clamp(.875rem,3vw,1rem) clamp(2rem,6vw,2.5rem);min-height:var(--touch-target-min);font-size:clamp(.875rem,3vw,1rem);font-weight:600;color:var(--text-primary);border:1px solid var(--glass-border);border-radius:100px;background:#ffffff0d;text-transform:uppercase;letter-spacing:1px;transition:all .2s ease;width:min(80%,280px);box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn-restart:hover{background:#ffffff1a;border-color:#fff3}@media(max-width:480px){.result-container{padding:var(--space-md);padding-bottom:calc(var(--space-md) + var(--safe-area-inset-bottom))}}@media(max-width:375px){.tier-badge{letter-spacing:.5px;max-width:95%}.score-display{letter-spacing:-1.5px}}@media(max-width:320px){.result-container{padding:var(--space-sm);padding-bottom:calc(var(--space-sm) + var(--safe-area-inset-bottom))}.tier-badge{font-size:.85rem;padding:.625rem 1rem;letter-spacing:.5px}.score-display{letter-spacing:-1px}.btn-restart{width:90%;padding:.75rem 1.5rem}.result-content-wrapper{padding:0 var(--space-xs)}}@media(hover:none)and (pointer:coarse){.btn-restart:active,.btn-share:active{transform:scale(.98);opacity:.9}}.action-buttons{display:flex;flex-direction:column;gap:1rem;width:100%;align-items:center;margin-top:auto}.btn-share{padding:clamp(.875rem,3vw,1rem) clamp(2rem,6vw,2.5rem);min-height:var(--touch-target-min);font-size:clamp(.875rem,3vw,1rem);font-weight:600;color:#000;border:none;border-radius:100px;background:#fff;text-transform:uppercase;letter-spacing:1px;transition:all .2s ease;width:min(80%,280px);box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;box-shadow:0 4px 12px #fff3}.btn-share:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ffffff4d}.income-rank{--ir-ink: #f6f2ea;--ir-muted: rgba(246, 242, 234, .68);--ir-dim: rgba(246, 242, 234, .46);--ir-paper: rgba(16, 12, 9, .88);--ir-paper-2: rgba(9, 8, 7, .92);--ir-line: rgba(255, 245, 230, .1);--ir-line-2: rgba(255, 245, 230, .06);--ir-accent: #ffb000;--ir-accent-2: #ff2f8e;--ir-mint: #57f6d0;--ir-shadow: rgba(0, 0, 0, .55);--ir-font-display: "Fraunces", serif;--ir-font-mono: "Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(1.25rem,4vw,2rem) var(--space-md);box-sizing:border-box;position:relative;overflow:hidden}.income-rank:before{content:"";position:absolute;inset:-20%;background:radial-gradient(900px 600px at 12% 22%,rgba(255,176,0,.18),transparent 60%),radial-gradient(880px 560px at 88% 38%,rgba(255,47,142,.12),transparent 58%),radial-gradient(700px 520px at 70% 95%,rgba(87,246,208,.1),transparent 55%),repeating-linear-gradient(90deg,var(--ir-line-2) 0 1px,transparent 1px 46px),repeating-linear-gradient(0deg,var(--ir-line-2) 0 1px,transparent 1px 44px);transform:rotate(-7deg);opacity:.85;filter:blur(.2px);pointer-events:none}.income-rank:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 30%),radial-gradient(1200px 500px at 50% -10%,rgba(255,176,0,.12),transparent 60%);pointer-events:none}.income-rank-card{width:min(680px,100%);background:linear-gradient(180deg,var(--ir-paper),var(--ir-paper-2));border:1px solid rgba(255,245,230,.12);border-radius:22px;box-shadow:0 24px 60px var(--ir-shadow),0 0 0 1px #00000059 inset;position:relative;overflow:hidden}.income-rank-card:before{content:"";position:absolute;inset:0;background:radial-gradient(160px 120px at 20% 0%,rgba(255,176,0,.18),transparent 70%),radial-gradient(220px 160px at 88% 5%,rgba(255,47,142,.16),transparent 75%);opacity:.9;pointer-events:none}.income-rank-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,176,0,.08),transparent 40%),linear-gradient(315deg,rgba(87,246,208,.06),transparent 42%);mix-blend-mode:screen;pointer-events:none}.income-rank-header{padding:clamp(1.25rem,4vw,1.75rem) clamp(1.1rem,3.5vw,1.6rem) 0;position:relative;z-index:1}.income-rank-kicker{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .65rem;border-radius:999px;border:1px solid rgba(255,245,230,.16);background:#00000042;color:var(--ir-muted);font-family:var(--ir-font-mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;position:relative}.income-rank-kicker:before{content:"";width:8px;height:8px;border-radius:99px;background:linear-gradient(135deg,var(--ir-accent),var(--ir-accent-2));box-shadow:0 0 18px #ffb00059}.income-rank-title{margin:.7rem 0 .3rem;color:var(--ir-ink);font-family:var(--ir-font-display);font-size:clamp(2.25rem,6.8vw,3rem);line-height:.95;letter-spacing:-.02em;font-variation-settings:"opsz" 96;text-shadow:0 10px 26px rgba(0,0,0,.55)}.income-rank-subtitle{margin:0;color:var(--ir-muted);font-size:1.02rem;line-height:1.5;max-width:58ch}.income-rank-form{padding:1.15rem clamp(1.1rem,3.5vw,1.6rem) 0;display:grid;gap:1.05rem;position:relative;z-index:1}.income-row{display:grid;gap:.55rem}.income-label{display:flex;align-items:baseline;gap:.5rem;color:var(--ir-ink);font-weight:700;letter-spacing:.01em}.income-hint{color:var(--ir-dim);font-family:var(--ir-font-mono);font-weight:600;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase}.income-input-wrap{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.6rem;background:#00000059;border:1px solid rgba(255,245,230,.14);border-radius:16px;padding:.75rem .9rem;box-shadow:0 12px 30px #00000038}.income-prefix{font-family:var(--ir-font-mono);color:#fff5e6b3;font-weight:700;font-size:1rem;opacity:.9}.income-input{width:100%;background:transparent;border:none;outline:none;color:var(--ir-ink);font-family:var(--ir-font-mono);font-size:1.15rem;letter-spacing:.02em;padding:0}.income-input::placeholder{color:#fff5e654;font-family:var(--ir-font-mono);letter-spacing:.01em}.income-input-wrap:focus-within{border-color:#ffb0008c;box-shadow:0 16px 46px #0000004d,0 0 0 1px #ffb00061 inset,0 0 0 6px #ffb0001f}.income-input-group{display:flex;gap:.8rem;align-items:stretch}.income-input-wrap{flex:1}.income-check-btn{appearance:none;border:none;background:linear-gradient(135deg,var(--ir-accent),var(--ir-accent-2));color:#000;font-family:var(--ir-font-mono);font-weight:800;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em;padding:0 1.5rem;border-radius:16px;cursor:pointer;box-shadow:0 4px 12px #ffb0004d,0 0 0 1px #fff3 inset;transition:transform .15s ease,box-shadow .15s ease,opacity .2s}.income-check-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #ffb00066,0 0 0 1px #ffffff4d inset}.income-check-btn:active:not(:disabled){transform:translateY(0)}.income-check-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.6)}.result-loading{padding:3rem 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background:#0003;border-radius:18px;border:1px solid rgba(255,245,230,.08)}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,176,0,.15);border-top-color:var(--ir-accent);border-radius:50%;animation:spin .8s linear infinite}.loading-text{font-family:var(--ir-font-mono);color:var(--ir-muted);font-size:.9rem;letter-spacing:.05em;animation:pulse 1.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.basis-toggle{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.basis-chip{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.85rem .9rem;border-radius:16px;background:#0000004d;border:1px solid rgba(255,245,230,.12);color:var(--ir-muted);transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;-webkit-tap-highlight-color:transparent}.basis-chip-title{font-family:var(--ir-font-mono);text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--ir-ink);font-size:.9rem}.basis-chip-sub{color:var(--ir-dim);font-size:.9rem;letter-spacing:.01em}.basis-chip:hover{transform:translateY(-2px);border-color:#fff5e62e}.basis-chip.active{background:radial-gradient(220px 100px at 20% 0%,rgba(255,176,0,.22),transparent 70%),radial-gradient(220px 100px at 92% 20%,rgba(255,47,142,.18),transparent 70%),#00000057;border-color:#ffb00073;box-shadow:0 14px 40px #00000052,0 0 0 1px #ffb00033 inset}.income-rank-result{padding:1.25rem clamp(1.1rem,3.5vw,1.6rem) 1.2rem;position:relative;z-index:1}.result-topline{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem}.result-title{margin:0;color:var(--ir-ink);font-size:1.2rem;letter-spacing:.01em;font-weight:800}.result-caption{margin:.25rem 0 0;color:var(--ir-muted);font-size:.95rem;display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.result-meta{color:#f6f2eab8}.result-meta-dot{color:#f6f2ea38}.result-stamp{width:116px;height:116px;border-radius:999px;border:1px dashed rgba(255,176,0,.45);background:radial-gradient(90px 90px at 35% 25%,rgba(255,176,0,.26),transparent 68%),radial-gradient(90px 90px at 75% 70%,rgba(255,47,142,.18),transparent 70%),#0000004d;box-shadow:0 14px 42px #00000059,0 0 0 1px #ffb00024 inset;display:grid;place-items:center;transform:rotate(-10deg)}.stamp-inner{width:92px;height:92px;border-radius:999px;background:#0000004d;border:1px solid rgba(255,245,230,.12);display:grid;place-items:center;text-align:center;padding:.6rem;box-sizing:border-box}.stamp-top{font-family:var(--ir-font-mono);color:#f6f2eab3;text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:.78rem}.stamp-value{font-family:var(--ir-font-mono);color:var(--ir-ink);font-weight:900;font-size:1.05rem;letter-spacing:.02em;text-shadow:0 10px 24px rgba(0,0,0,.55)}.result-details{margin-top:1.05rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.detail-card{background:#00000047;border:1px solid rgba(255,245,230,.12);border-radius:16px;padding:.85rem .9rem;box-sizing:border-box;position:relative;overflow:hidden}.detail-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,176,0,.08),transparent 52%);opacity:0;transition:opacity .2s ease;pointer-events:none}.detail-card:hover:before{opacity:1}.detail-label{color:#f6f2eaa6;font-family:var(--ir-font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:700}.detail-value{margin-top:.35rem;color:var(--ir-ink);font-size:1.35rem;font-weight:900;letter-spacing:-.01em}.detail-value.mono,.mono{font-family:var(--ir-font-mono)}.detail-sub{margin-top:.2rem;color:#f6f2ea85;font-size:.9rem}.result-empty{background:#00000047;border:1px solid rgba(255,245,230,.1);border-radius:18px;padding:1.1rem 1rem}.empty-led{display:flex;align-items:center;gap:.6rem}.empty-dot{width:10px;height:10px;border-radius:99px;background:linear-gradient(135deg,var(--ir-accent),var(--ir-accent-2));box-shadow:0 0 22px #ffb00059;flex:0 0 auto}.empty-text{color:#f6f2ead1;font-weight:800}.empty-note{margin:.5rem 0 0;color:#f6f2ea8f;font-size:.95rem;line-height:1.45}.income-rank-foot{padding:.9rem clamp(1.1rem,3.5vw,1.6rem) 1.2rem;border-top:1px solid rgba(255,245,230,.09);background:#00000029;position:relative;z-index:1}.foot-line{display:grid;grid-template-columns:88px 1fr;gap:.75rem;align-items:baseline;padding:.15rem 0}.foot-label{color:#f6f2ea73;font-family:var(--ir-font-mono);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:800}.foot-value{color:#f6f2ea9e;font-size:.92rem;line-height:1.35;word-break:break-word}.foot-value.mono{font-family:var(--ir-font-mono);color:#f6f2ea8c}@media(max-width:520px){.result-topline{grid-template-columns:1fr}.result-stamp{justify-self:start}.result-details{grid-template-columns:1fr}.foot-line{grid-template-columns:1fr;gap:.15rem}}.share-section{margin-top:1.5rem;display:flex;justify-content:center}.share-btn{appearance:none;border:none;background:#ffffff1a;color:var(--ir-ink);font-family:var(--ir-font-mono);font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;padding:1rem 2rem;border-radius:99px;cursor:pointer;border:1px solid rgba(255,245,230,.15);transition:all .2s ease;display:flex;align-items:center;gap:.8rem}.share-btn:hover{background:#ffffff2e;transform:translateY(-2px);border-color:#fff5e640}.share-btn:active{transform:translateY(0)}.consent-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding:var(--space-md);padding-bottom:calc(var(--space-md) + var(--safe-area-inset-bottom, 0px))}.consent-banner{background:linear-gradient(145deg,#1e1e32fa,#141423fa);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:var(--space-lg);max-width:500px;width:100%;box-shadow:0 -4px 30px #0000004d}.consent-content{margin-bottom:var(--space-lg)}.consent-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 var(--space-md) 0;display:flex;align-items:center;gap:var(--space-sm)}.consent-title:before{content:"🔒";font-size:1.1rem}.consent-text{font-size:.9rem;line-height:1.6;color:#fffc;margin:0 0 var(--space-md) 0}.consent-data-list{margin:0 0 var(--space-md) 0;padding-left:var(--space-lg);font-size:.85rem;color:#ffffffb3;line-height:1.8}.consent-data-list li{margin-bottom:4px}.consent-note{font-size:.8rem;color:#fff9;margin:0 0 var(--space-sm) 0;font-style:italic}.consent-link{font-size:.85rem;color:#00f3ff;text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:color .2s}.consent-link:hover{color:#4df8ff;text-decoration:underline}.consent-link:after{content:"↗";font-size:.8rem}.consent-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.consent-btn{flex:1;min-width:120px;min-height:var(--touch-target-min, 44px);padding:var(--space-sm) var(--space-md);border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.consent-btn-accept{background:linear-gradient(135deg,#00f3ff,#0080ff);color:#000}.consent-btn-accept:hover{background:linear-gradient(135deg,#4df8ff,#39f);transform:translateY(-1px)}.consent-btn-accept:active{transform:translateY(0)}.consent-btn-reject{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fffc}.consent-btn-reject:hover{background:#ffffff1a;border-color:#ffffff80}.consent-btn-reject:active{background:#ffffff0d}@media(max-width:480px){.consent-banner{padding:var(--space-md);border-radius:12px 12px 0 0;margin:0 calc(-1 * var(--space-md));width:calc(100% + 2 * var(--space-md));max-width:none}.consent-title{font-size:1.1rem}.consent-text{font-size:.85rem}.consent-data-list{font-size:.8rem;padding-left:var(--space-md)}.consent-actions{flex-direction:column}.consent-btn{width:100%}}@media(max-width:320px){.consent-banner{padding:var(--space-sm)}.consent-title{font-size:1rem}.consent-text,.consent-data-list{font-size:.75rem}}