:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.body-root,body,#root{height:100vh;margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;background:var(--bg);color:var(--text);font-size:1.05rem}:root{--bg: #fdfcf8;--card: #f6f1e7;--charcoal: #22272b;--accent: #22c55e;--muted: #7d8287;--muted-light: #e6e6e6;--text: #54585c;--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 40px;--radius-md: 16px;--shadow-soft: 0 8px 32px rgba(0, 0, 0, .06);--toggle-bg: #d6cfc2;--footer-bg: #3b4045;--footer-height: 56px;--info-height: 120px;--card-dark: #e7e2d6}.app-bg{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:var(--bg);position:relative;padding-top:5vh;padding-bottom:3vh;padding-left:48px;padding-right:48px}.top-nav{position:absolute;top:24px;right:48px}.top-link{color:var(--text);text-decoration:none;font-weight:600;font-size:1rem;transition:color .16s ease}.top-link:hover,.top-link:focus{color:#7ca7d8;outline:none}@media(max-width:520px){.top-nav{right:16px;top:12px}.top-link{font-size:.95rem;color:#7ca7d8}}.hamburger-root{position:relative}.hamburger-button{background:transparent;border:none;padding:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px}.hamburger-button:focus{outline:none}.hamburger-icon{width:28px;height:28px;display:block;color:var(--text);transition:color .16s ease,transform .16s ease;transform:translateY(0)}.hamburger-icon path{fill:currentColor}.hamburger-button:hover .hamburger-icon,.hamburger-button:focus-visible .hamburger-icon{color:#7ca7d8;transform:translateY(-1px)}.menu-dropdown{position:absolute;right:0;top:calc(100% + 8px);background:var(--card);border-radius:8px;box-shadow:0 8px 28px #00000014;padding:8px 6px;min-width:140px;display:none;z-index:60}.menu-dropdown.open{display:block}.menu-dropdown ul{list-style:none;margin:0;padding:0}.menu-item{display:block;padding:8px 12px;color:var(--text);text-decoration:none;font-weight:600;border-radius:6px}.menu-item:hover,.menu-item:focus{background:#7ca7d81f;color:#7ca7d8;outline:none}@media(max-width:520px){.menu-dropdown{right:0;top:calc(100% + 6px)}}@media(max-width:520px){.app-bg{padding-left:16px;padding-right:16px}}@media(max-width:520px){.app-bg{padding-top:4vh}.site-title{font-size:clamp(1.2rem,.8rem + 4vw,2rem)}.site-sub{margin-top:0}.card{padding:12px;min-width:unset;width:auto;max-width:360px;margin:6px auto;border-radius:12px;box-shadow:var(--shadow-soft);font-size:.95rem}.card-desc{font-size:1rem;margin-bottom:16px;padding:0 6px}.slider-row{padding:4px 6px;margin-bottom:1.1em}.slider-label{font-size:1.1rem;margin-left:.6rem}.select-note{font-size:.95rem;margin-top:6px;margin-bottom:6px}}.card{background:var(--card);border-radius:16px;box-shadow:none;padding:20px;min-width:320px;max-width:560px;display:flex;flex-direction:column;align-items:center;margin:8px 16px;font-size:1rem}@media(min-width:900px){.card{max-width:640px;padding:24px}}@media(min-width:1280px){.card{max-width:720px;padding:28px}}.about-card{margin-top:6px}@media(max-width:520px){.about-card{margin-top:4px}}.card.about-card{padding:4px 12px;margin:4px 8px;font-size:.92rem;line-height:1.28}@media(max-width:520px){.card.about-card{padding:4px 8px;margin:2px 0;font-size:.9rem;line-height:1.26}}.card.about-card .card-desc{margin:6px auto;font-size:1.02rem;line-height:1.34;padding:0 4px}.card.about-card .slider-row{margin-bottom:.85em;padding:4px 6px}.card.about-card+.venn{margin:8px auto 16px}.venn{max-width:720px;width:100%;margin:18px auto 36px;display:flex;justify-content:center;align-items:center}.main-content .venn{margin:6px auto 0}.main-content{max-width:820px;margin:12px auto 36px;padding:12px 18px;text-align:left;color:var(--text)}.main-content h2{margin-top:0;text-align:center}.main-content p{font-size:1.05rem;line-height:1.45}.main-content ul{margin-top:8px;margin-bottom:12px}.main-content h3{font-size:1.05rem;margin-bottom:8px}.main-content ul li{font-size:1.05rem;line-height:1.45;margin-bottom:8px}.venn svg{width:100%;height:auto;overflow:visible}.venn circle{stroke:#0000000a;stroke-width:1;filter:none}.venn-good{fill:#b2dfbc5c}.venn-fast{fill:#b7ccff5c}.venn-cheap{fill:#ffe0b25c}.venn-label{font-size:16px;font-weight:600;fill:var(--text)}.venn-overlap,.venn-center{font-size:9px;font-weight:600;fill:var(--charcoal);letter-spacing:.01em}@media(max-width:520px){.venn{margin:12px auto 24px;width:92vw;max-width:360px}.main-content .venn{margin:4px auto 0}.venn-label{font-size:14px}.venn-center,.venn-overlap{font-size:8px}}@media(max-width:520px){.venn svg{width:100%;height:auto;display:block;margin:0 auto}}.info-section{position:fixed;left:0;right:0;bottom:var(--footer-height);height:var(--info-height);background:var(--card-dark);color:var(--text);display:flex;align-items:center;justify-content:center;padding:0 48px;font-size:1.1rem;line-height:1.6;border-bottom:1px solid rgba(0,0,0,.04)}.info-inner{display:flex;align-items:flex-start;gap:8px;max-width:1100px;width:100%;margin:0 auto}.info-icon{width:28px;height:auto;flex:0 0 28px;margin-top:-2px;margin-left:6px}.info-text{margin:0;text-align:left;color:var(--text);line-height:1.6;font-size:1.05rem}@media(max-width:640px){.info-inner{flex-direction:column;text-align:center;gap:6px;padding:12px 0;align-items:center}.info-text{text-align:center;font-size:1rem}.info-icon{width:22px;margin-top:-1px;margin-left:4px}}.card-desc{max-width:680px;margin:10px auto;color:var(--muted);text-align:center;font-size:1.05rem;line-height:1.4}.slider-group{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:12px}.slider-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:0;padding:6px 8px;border-radius:8px;width:100%}.slider-label{font-size:1.35rem;font-weight:600;color:#54585c;letter-spacing:.01em;margin-left:1rem;text-align:left;flex:1}.switch{position:relative;display:inline-block;width:56px;height:32px;margin-right:1rem}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background:var(--toggle-bg);border-radius:32px;transition:background .18s ease;box-shadow:0 2px 8px #0000000a}.switch input:checked+.slider{background:var(--accent)}.slider:before{position:absolute;content:"";height:26px;width:26px;left:3px;bottom:3px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #00000014;transition:transform .18s ease,box-shadow .18s ease}.switch input:checked+.slider:before{transform:translate(24px)}.switch input:focus-visible+.slider{box-shadow:0 0 0 4px #228b221f}.site-header{width:100%;text-align:center;margin-bottom:16px}.select-note{color:var(--muted);text-align:center;font-weight:600;font-size:1rem}.select-note{color:var(--muted);text-align:center;font-weight:400;font-size:1rem;margin:4px 0}.select-note+.card{margin-top:6px}.site-title{font-size:clamp(1.6rem,1rem + 3vw,2.8rem);line-height:1.05;margin:0;color:var(--text);font-weight:700}.site-sub{margin-top:4px;color:var(--text);font-size:1.2rem}.site-footer{position:fixed;left:0;right:0;bottom:0;height:var(--footer-height);background:var(--footer-bg);color:var(--muted-light);display:flex;align-items:center;justify-content:center;border-top:1px solid rgba(0,0,0,.04);z-index:50;font-size:.9rem}.footer-inner{display:flex;gap:16px;align-items:center}.footer-link{color:var(--muted-light);text-decoration:none;font-weight:600}.footer-link:hover,.footer-link:focus{color:#7ca7d8;outline:none}.footer-copy{margin-left:12px;opacity:.9}body,#root{padding-bottom:calc(var(--footer-height) + 24px)}