body{margin:0}html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}img,svg,video{max-width:100%;display:block}button,input,textarea,select{font:inherit}a{color:inherit}:root{--primary: #5d70ae;--primary2: #7a8fd6;--bg: #f6f7fc;--bg-glow: rgba(93, 112, 174, .14);--surface: rgba(255, 255, 255, .86);--surface-2: rgba(93, 112, 174, .1);--text: #121727;--muted: rgba(18, 23, 39, .6);--soft: rgba(18, 23, 39, .7);--border: rgba(18, 23, 39, .1);--nav-bg: rgba(246, 247, 252, .86);--nav-border: rgba(18, 23, 39, .08);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--shadow: 0 18px 45px rgba(17, 24, 39, .1);--shadow-soft: 0 10px 24px rgba(17, 24, 39, .08);--btn-shadow: 0 12px 22px rgba(93, 112, 174, .2);--focus: rgba(93, 112, 174, .28)}:root[data-theme=dark]{--primary: rgba(255,255,255,.92);--primary2: rgba(255,255,255,.88);--bg: #6f7fb3;--bg-glow: rgba(255, 255, 255, .1);--surface: rgba(255, 255, 255, .14);--surface-2: rgba(255, 255, 255, .1);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .72);--soft: rgba(255, 255, 255, .82);--border: rgba(255, 255, 255, .18);--nav-bg: rgba(79, 92, 144, .62);--nav-border: rgba(255, 255, 255, .18);--shadow: 0 18px 55px rgba(0, 0, 0, .3);--shadow-soft: 0 10px 28px rgba(0, 0, 0, .22);--btn-shadow: none;--focus: rgba(255, 255, 255, .22)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(1200px 700px at 50% 12%,var(--bg-glow),transparent 60%),var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}:root:not([data-theme=dark]){--ink: rgba(80, 92, 140, .92);--ink-soft: rgba(92, 106, 156, .78);--ink-muted: rgba(92, 106, 156, .6);--ink-line: rgba(92, 106, 156, .22)}:root:not([data-theme=dark]) body,:root:not([data-theme=dark]) .card,:root:not([data-theme=dark]) .btn-back,:root:not([data-theme=dark]) .btn-ghost,:root:not([data-theme=dark]) .navlink,:root:not([data-theme=dark]) .tabbar__item,:root:not([data-theme=dark]) .pill{color:var(--ink)}.page{min-height:100vh;padding:28px 18px 60px}.center-wrap{min-height:calc(100vh - 120px);display:flex;justify-content:center;align-items:flex-start;padding-top:80px}.card{width:100%;max-width:720px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:28px;text-align:center}.center{text-align:center}.kivaw-title{font-size:46px;letter-spacing:.06em;font-weight:700;margin:0;color:var(--primary)}.kivaw-sub{margin:10px 0 18px;color:var(--muted);font-size:18px}.h1{font-size:34px;margin:0 0 12px;font-weight:700;letter-spacing:-.4px;color:var(--primary)}.mini-star{font-size:14px;line-height:1;color:var(--soft);display:inline-block;margin-bottom:10px}.result-text{margin-top:14px;margin-bottom:22px}.result-text p{margin:0}.result-text p+p{margin-top:10px}.btn{border:0;cursor:pointer;padding:16px 18px;border-radius:999px;font-weight:650;font-size:16px;width:100%;margin:0;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:active{transform:scale(.98)}.btn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.btn-primary{background:linear-gradient(90deg,var(--primary),var(--primary2));color:#ffffffeb;box-shadow:var(--btn-shadow)}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--soft)}:root:not([data-theme=dark]) .btn-ghost{color:var(--ink-soft);border-color:var(--ink-line);font-weight:500}:root[data-theme=dark] .btn-primary{background:#ffffff2e;color:#ffffffeb;border:1px solid rgba(255,255,255,.18);box-shadow:none}:root[data-theme=dark] .btn-ghost{background:#ffffff1a;color:#ffffffdb;border:1px solid rgba(255,255,255,.16)}.btn-back{width:auto;padding:10px 14px;font-size:14px;font-weight:650;border-radius:999px;cursor:pointer;background:var(--surface);border:1px solid var(--border);color:var(--text);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-bottom:18px}:root:not([data-theme=dark]) .btn-back{color:var(--ink-soft);border-color:var(--ink-line);font-weight:500}.actions{margin-top:22px;display:flex;flex-direction:column;align-items:stretch}.actions .btn+.btn{margin-top:16px}.home-actions{margin-top:26px}.home-actions .btn+.btn{margin-top:18px}.stack{display:grid;gap:14px}.pill{width:100%;padding:18px 16px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--soft);cursor:pointer;font-weight:650;transition:transform .15s ease,box-shadow .15s ease}.pill:hover{box-shadow:var(--shadow-soft);transform:translateY(-1px)}:root:not([data-theme=dark]) .pill{color:var(--ink);border-color:var(--ink-line)}:root[data-theme=dark] .pill{background:#ffffff1a;color:#ffffffe6}.topnav{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--nav-bg);border-bottom:1px solid var(--nav-border)}.topnav__inner{max-width:1040px;margin:0 auto;padding:16px 22px;display:grid;grid-template-columns:240px 1fr 90px;align-items:center;gap:14px}.brand{background:none;border:none;padding:0;cursor:pointer}.brand__logo{height:120px;max-height:120px;width:auto;display:block}@media(min-width:900px){.brand__logo{height:132px;max-height:132px}}.navlinks,.navlinks--desktop{justify-self:center;display:flex;align-items:center;gap:26px;font-weight:650}.navlink{padding:10px 12px;border-radius:999px;text-decoration:none;line-height:1;color:#5c6a9cb8}.navlink.active,.navlink[aria-current=page]{background:var(--surface-2);color:#5c6a9ceb}:root[data-theme=dark] .navlink{color:#ffffffd1}:root[data-theme=dark] .navlink.active,:root[data-theme=dark] .navlink[aria-current=page]{color:#ffffffeb}.moon{justify-self:end;border:1px solid var(--border);background:transparent;cursor:pointer;font-size:18px;line-height:1;color:var(--text);border-radius:12px;padding:10px 12px}:root:not([data-theme=dark]) .moon{color:var(--ink);border-color:var(--ink-line)}.quiz-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.quiz-top .btn-back{margin-bottom:0}.help-chip{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:999px;border:1px solid rgba(92,106,156,.22);background:var(--surface);color:#5c6a9cd1;font-weight:800;font-size:14px;cursor:pointer}:root[data-theme=dark] .help-chip{border-color:#ffffff2e;background:#ffffff14;color:#ffffffe0}.popover{position:relative;display:inline-block}.popover__trigger{background:transparent;border:none;padding:0;margin-left:0;cursor:pointer}.popover__icon{width:18px;height:18px;border-radius:50%;border:1px solid rgba(120,130,180,.35);display:inline-grid;place-items:center;font-size:12px;font-weight:700;color:#7882b4e6}.popover__panel{position:absolute;top:36px;left:50%;transform:translate(-50%);width:min(340px,calc(100vw - 40px));background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:14px;z-index:999;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:left}.popover__title{font-size:14px;font-weight:800;margin:0 0 6px;color:#5c6a9ceb}.popover__panel p{margin:0;font-size:14px;color:var(--muted);line-height:1.4}.popover__panel p+p{margin-top:10px}@media(max-width:520px){.popover__panel{left:0;transform:none}}.tabbar{display:none}@media(max-width:720px){.navlinks--desktop{display:none}.topnav__inner{grid-template-columns:1fr 90px}.brand__logo{height:84px;max-height:84px}.tabbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--nav-bg);border-top:1px solid var(--nav-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:10px 10px calc(10px + env(safe-area-inset-bottom))}.tabbar__item{display:grid;gap:6px;place-items:center;text-decoration:none;color:var(--soft);font-weight:650;padding:8px 6px;border-radius:14px;border:1px solid transparent;background:transparent}.tabbar__btn{border:0;cursor:pointer;font:inherit;background:transparent}.tabbar__icon{width:20px;height:20px;color:var(--text);opacity:.88}.tabbar__label{font-size:12px;line-height:1}:root:not([data-theme=dark]) .tabbar__item{color:var(--ink-soft)}:root:not([data-theme=dark]) .tabbar__icon{color:var(--ink-soft)}:root:not([data-theme=dark]) .tabbar__item.active,:root:not([data-theme=dark]) .tabbar__item[aria-current=page]{background:var(--surface-2);color:#5c6a9ceb}:root:not([data-theme=dark]) .tabbar__item.active .tabbar__icon,:root:not([data-theme=dark]) .tabbar__item[aria-current=page] .tabbar__icon{color:#5c6a9ceb;opacity:1}:root[data-theme=dark] .tabbar__item.active,:root[data-theme=dark] .tabbar__item[aria-current=page]{background:var(--surface-2);color:#ffffffeb}:root[data-theme=dark] .tabbar__item.active .tabbar__icon,:root[data-theme=dark] .tabbar__item[aria-current=page] .tabbar__icon{color:#ffffffeb;opacity:1}.page{padding-bottom:120px}}@media(max-width:520px){.center-wrap{padding:16px 12px}.card{padding:18px;border-radius:var(--radius-lg)}.kivaw-title{font-size:34px}.h1{font-size:24px;letter-spacing:-.2px}.kivaw-sub{font-size:16px}.btn{padding:12px 16px;font-size:15px;border-radius:16px}}.help-chip{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;border:1px solid rgba(92,106,156,.18);background:transparent;color:#5c6a9ca6;font-weight:600;font-size:12px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.help-chip:hover{background:#5c6a9c0f;color:#5c6a9cd9;border-color:#5c6a9c38}:root[data-theme=dark] .help-chip{border-color:#ffffff29;color:#ffffffb3}:root[data-theme=dark] .help-chip:hover{background:#ffffff14;color:#ffffffeb;border-color:#ffffff38}.guide-sub{margin:6px 0 18px;color:#5c6a9c9e;font-size:15px;line-height:1.5}:root[data-theme=dark] .guide-sub{color:#ffffffb8}.faq{text-align:left}.faq__item+.faq__item{margin-top:18px}.faq__q{margin:0 0 6px;font-size:15px;font-weight:600;color:#5c6a9cd1}.faq__a{margin:0;font-size:15px;font-weight:450;color:#5c6a9cad;line-height:1.55}:root[data-theme=dark] .faq__q{color:#ffffffe0}:root[data-theme=dark] .faq__a{color:#ffffffb8}:root[data-theme=dark] .popover__panel{background:#1c1f2b;border:1px solid rgba(255,255,255,.14);box-shadow:0 16px 40px #0000008c;-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-theme=dark] .popover__title{color:#ffffffeb}:root[data-theme=dark] .popover__panel{background:linear-gradient(180deg,#222637fa,#161928fa)}@media(max-width:720px){.page{padding-top:16px;padding-bottom:120px}.center-wrap{min-height:auto;padding-top:18px;padding-bottom:18px;align-items:flex-start}.card{width:100%;max-width:520px;margin:0 auto}}@media(max-width:520px){.popover__panel{left:50%;transform:translate(-50%);width:calc(100vw - 32px);max-width:360px;max-height:55vh;overflow:auto}}@media(max-width:520px){.popover__panel{position:fixed!important;left:16px!important;right:16px!important;top:92px!important;transform:none!important;width:auto!important;max-width:none!important;max-height:calc(100vh - 160px)!important;overflow:auto!important}}