:root{color:#171717;--magenta:#e20074;--magenta-dark:#b8005f;--ink:#262626;--muted:#667085;--line:#eceef2;--panel:#fff;--soft:#f7f7f9;background:#f6f6f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}button,input{font:inherit}.page{background:radial-gradient(circle at 0 0,#e2007426,#0000 30%),linear-gradient(135deg,#fff 0%,#f4f4f6 48%,#f8eef4 100%);min-height:100vh;padding:22px 28px 36px}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border:1px solid #e200741f;border-radius:24px;justify-content:space-between;align-items:center;max-width:1240px;min-height:68px;margin:0 auto 16px;padding:12px 18px;display:flex;box-shadow:0 18px 55px #26262614}.brand{align-items:center;gap:14px;display:flex}.brand-mark{background:var(--magenta);color:#fff;border-radius:13px;place-items:center;width:42px;height:42px;font-size:1.55rem;font-weight:900;display:grid;box-shadow:0 12px 28px #e2007447}.brand strong{letter-spacing:-.02em;font-size:1.02rem;display:block}.brand span{color:var(--muted);margin-top:2px;font-size:.82rem;display:block}.user-pill{max-width:420px;color:var(--ink);background:#f4f4f6;border-radius:999px;align-items:center;gap:10px;padding:8px 8px 8px 12px;font-size:.86rem;font-weight:700;display:flex}.user-pill span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status-dot{background:#18a058;border-radius:999px;flex:none;width:9px;height:9px}.logout-button{color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:999px;padding:8px 12px;font-size:.8rem;font-weight:900}.logout-button:hover{color:var(--magenta)}.hero{color:#fff;background:linear-gradient(135deg,#262626f0,#262626c7),radial-gradient(circle at 100%,#e20074db,#0000 38%);border-radius:26px;align-items:center;max-width:1240px;min-height:140px;margin:0 auto 14px;padding:28px 34px;display:flex;box-shadow:0 20px 54px #2626262e}.hero-copy{max-width:980px}.kicker{color:var(--magenta);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:.76rem;font-weight:950}.hero .kicker{color:#ff7fc1}h1{letter-spacing:-.055em;max-width:940px;margin:0;font-size:clamp(1.9rem,3.2vw,3.2rem);line-height:.98}.hero p{color:#ffffffc7;max-width:900px;margin:12px 0 0;font-size:.98rem;line-height:1.5}.tabs{border:1px solid var(--line);background:#ffffffc2;border-radius:20px;gap:10px;max-width:1240px;margin:0 auto 14px;padding:8px;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:15px;padding:12px 18px;font-weight:900}.tab.active{background:var(--magenta);color:#fff;box-shadow:0 10px 26px #e2007438}.upload-panel,.result-panel,.coming-card,.loading-card,.message{background:var(--panel);border:1px solid var(--line);border-radius:28px;max-width:1240px;margin:0 auto 14px;box-shadow:0 18px 55px #26262614}.upload-panel{border-color:#e2007429;grid-template-columns:.9fr 1.1fr;align-items:center;gap:24px;padding:24px;display:grid}.upload-panel h2,.result-panel h2,.coming-card h2{letter-spacing:-.04em;margin:0 0 10px;font-size:1.75rem}.upload-panel p,.coming-card p{color:var(--muted);line-height:1.7}.upload-box{background:linear-gradient(#fff 0%,#fff7fb 100%);border:1px solid #e200742e;border-radius:24px;padding:22px}.file-box{text-align:center;color:var(--ink);cursor:pointer;background:#fff;border:2px dashed #e2007452;border-radius:22px;margin-bottom:12px;padding:20px;font-weight:900;display:block}.file-box input{display:none}.primary{background:var(--magenta);color:#fff;cursor:pointer;border:0;border-radius:16px;width:100%;min-height:48px;padding:14px 18px;font-weight:950;box-shadow:0 14px 30px #e200743d}.primary:disabled{opacity:.6;cursor:not-allowed}.message{padding:20px 24px}.message.error{color:#9d1458;background:#fff3f7;border-color:#e2007438}.result-anchor{max-width:1240px;margin:0 auto;scroll-margin-top:24px}.result-panel{border-color:#e200742e;margin-top:0;padding:30px;box-shadow:0 24px 70px #e200741c}.result-topline{justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;display:flex}.muted{color:var(--muted)}.score-tile{color:#fff;border-radius:30px;justify-content:center;align-items:baseline;gap:4px;width:126px;height:126px;display:flex;box-shadow:0 18px 42px #26262629}.score-tile span{letter-spacing:-.08em;font-size:3.4rem;font-weight:950}.score-tile small{opacity:.82;font-weight:950}.good{background:#18a058}.medium{background:#d99a00}.bad{background:var(--magenta)}.neutral{background:#6b7280}.score-section{background:var(--soft);border-radius:24px;margin-bottom:18px;padding:22px}.score-meta{justify-content:space-between;margin-bottom:12px;font-weight:950;display:flex}.score-bar{background:#e7e7ea;border-radius:999px;height:16px;overflow:hidden}.score-fill{border-radius:999px;height:100%}.result-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.result-card{border:1px solid var(--line);background:#fff;border-radius:24px;padding:18px}.result-card.span{grid-column:1/-1}.result-card h3{margin:0 0 10px}.clean-list,.todo-list{margin:0;padding:0;list-style:none}.list-card,.finding-card,.todo-item{background:var(--soft);border:1px solid var(--line);border-radius:18px;margin-bottom:12px;padding:16px}.finding-head{align-items:center;gap:10px;display:flex}.badge,.mini-badge{text-transform:uppercase;letter-spacing:.04em;color:#fff;border-radius:999px;padding:5px 10px;font-size:.74rem;font-weight:950;display:inline-flex}.badge.good{background:#18a058}.badge.medium{background:#d99a00}.badge.bad{background:var(--magenta)}.badge.neutral{background:#6b7280}blockquote{border-left:4px solid var(--magenta);background:#fff3f8;border-radius:12px;margin:12px 0 0;padding:12px 14px}.empty{color:var(--muted);font-style:italic}.notice{color:#7b5200;background:#fff7e7;border-radius:18px;margin-top:20px;padding:16px;font-weight:800}.raw-details{margin-top:18px}.raw-details summary{cursor:pointer;color:var(--magenta);font-weight:950}pre{color:#f4f4f5;background:#171717;border-radius:16px;padding:18px;overflow:auto}.coming-card{padding:34px}.placeholder-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.placeholder-grid div{background:var(--soft);border:1px solid var(--line);border-radius:20px;padding:22px;font-weight:900}.loading-card{text-align:center;margin-top:20vh;padding:40px}.loading-card .brand-mark{margin:0 auto 16px}@media (width<=900px){.page{padding:18px}.topbar,.result-topline{flex-direction:column;align-items:flex-start;min-height:auto;padding:18px}.user-pill{max-width:100%}.hero{min-height:auto;padding:24px}.hero h1{font-size:2rem}.upload-panel,.result-layout,.placeholder-grid{grid-template-columns:1fr}.score-tile{width:104px;height:104px}}