:root{--background:#ffffff;--foreground:oklch(0.145 0 0);--primary:#3b3f4a;--secondary:oklch(0.95 0.0058 264.53);--muted:#ececf0;--muted-foreground:#717182;--accent:#e9ebef;--accent-foreground:#3b3f4a;--destructive:#d4183d;--destructive-foreground:#ffffff;--border:rgba(0,0,0,0.1);--input-background:#f3f3f5;--switch-background:#cbced4;--radius:0.625rem;--font-weight-medium:500;--font-weight-normal:400;--main-max-width:44rem}*,:after,:before{box-sizing:border-box}html{font-size:17px}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-weight:var(--font-weight-normal);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4{line-height:1.5;color:var(--foreground)}h1,h2,h3,h4{margin-top:0;margin-bottom:.75rem;font-weight:var(--font-weight-medium)}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}h4{font-size:1rem}p{margin-top:0;margin-bottom:1rem;line-height:1.5}label{font-size:1rem;font-weight:var(--font-weight-medium)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:1rem;font-weight:var(--font-weight-medium);line-height:1.5;color:var(--foreground);background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);padding:.3rem .75rem;cursor:pointer;transition:none;white-space:nowrap}button:hover{background:var(--accent)}button:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--background);border-color:var(--primary)}.btn-primary:hover{opacity:.9;background:var(--primary)}.btn-destructive{background:var(--destructive);color:var(--destructive-foreground);border-color:var(--destructive)}.answer-btn{min-width:5rem;padding:.3rem .75rem;font-size:1rem;font-weight:var(--font-weight-medium);background:var(--muted);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius)}.answer-btn:hover{background:var(--accent)}.answer-btn.active{background:var(--secondary);color:var(--foreground);border-color:var(--primary);font-weight:var(--font-weight-medium);outline:2px solid rgba(59,63,74,.18);outline-offset:1px}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{display:block;width:100%;max-width:22rem;font-family:inherit;font-size:1rem;font-weight:var(--font-weight-normal);line-height:1.5;color:var(--foreground);background:var(--input-background);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .75rem}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:1px}input[type=radio]{accent-color:var(--primary)}table{border-collapse:collapse;width:100%}th{text-align:left;font-weight:var(--font-weight-medium);border-bottom:2px solid var(--border)}td,th{padding:.5rem 1rem;color:var(--foreground)}td{border-bottom:1px solid var(--border)}pre{font-family:inherit;white-space:pre-wrap;margin:0;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius);line-height:1.5}code,pre{background:var(--input-background)}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;padding:.15rem .4rem;border-radius:calc(var(--radius) * .5)}main{max-width:var(--main-max-width);margin-left:auto;margin-right:auto;padding:2rem 1.5rem}body:has(main.m3-page){background:#f4f8ff}.app-nav{position:-webkit-sticky;position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;background:var(--background);border-bottom:1px solid var(--border)}.app-nav a{font-size:.875rem;font-weight:var(--font-weight-medium);color:var(--muted-foreground);text-decoration:none}.app-nav a:hover{color:var(--foreground);text-decoration:none}.card{border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;background:var(--background)}.account-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid var(--border);padding-bottom:.75rem}.account-bar .account-email{color:var(--muted-foreground);font-size:.875rem}.banner-warning{background:var(--secondary);border:1px solid var(--border);padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1.25rem}.text-muted{color:var(--muted-foreground)}.text-small{font-size:.875rem}.text-error{color:var(--destructive)}.section-divider{border-top:1px solid var(--border);padding-top:1.5rem;margin-top:2rem}details{font-size:.95rem;color:var(--foreground)}summary{cursor:pointer;font-weight:var(--font-weight-medium)}.static-page{max-width:700px}.static-page h2{margin-top:2rem}.static-page ul{margin-top:0;margin-bottom:1rem;padding-left:1.5rem}.static-page li{margin-bottom:.25rem}.static-page hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-box{width:90%;max-width:24rem}.tour-overlay{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;z-index:2000;padding:1rem;pointer-events:none}.tour-overlay-panel{width:100%;max-width:var(--main-max-width);margin-bottom:.5rem;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 -4px 24px rgba(0,0,0,.15);pointer-events:auto}@media (min-width:768px){.tour-overlay{bottom:auto;left:auto;right:24px;top:96px;padding:0;display:block}.tour-overlay-panel{width:440px;max-width:none;max-height:calc(100vh - 120px);overflow:auto;margin-bottom:0;box-shadow:-4px 4px 24px rgba(0,0,0,.15)}}[data-tour-highlighted]{outline:3px solid var(--primary);outline-offset:4px;border-radius:var(--radius);scroll-margin-top:1rem}.app-footer{border-top:1px solid var(--border);padding:1.5rem;text-align:center;font-size:.8125rem;color:var(--muted-foreground)}.app-footer nav{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap}.app-footer a{color:var(--muted-foreground)}.app-footer a:hover{color:var(--foreground)}