@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--mauve-50:oklch(98.5% 0 0);--mauve-100:oklch(96% .003 325.6);--mauve-200:oklch(92.2% .005 325.62);--mauve-300:oklch(86.5% .012 325.68);--mauve-400:oklch(71.1% .019 323.02);--mauve-500:oklch(54.2% .034 322.5);--mauve-600:oklch(43.5% .029 321.78);--mauve-700:oklch(36.4% .029 323.89);--mauve-800:oklch(26.3% .024 320.12);--mauve-900:oklch(21.2% .019 322.12);--mauve-950:oklch(14.5% .008 326);--bg:var(--mauve-100);--surface:#ffffff94;--surface-strong:#ffffffd1;--line:color-mix(in oklch, var(--mauve-950) 10%, transparent);--line-strong:color-mix(in oklch, var(--mauve-950) 18%, transparent);--text:var(--mauve-950);--muted:var(--mauve-700);--quiet:var(--mauve-600);--body:#9a585c;--mind:#68799b;--career:#8c7446;--lore:#597f79;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{min-width:320px;min-height:100vh;color:var(--text);background:linear-gradient(180deg, color-mix(in oklch, var(--mauve-50) 64%, var(--mauve-100)) 0%, var(--mauve-100) 48%), var(--bg);margin:0}body:before{pointer-events:none;content:"";opacity:.11;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 100 100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='turbulence' baseFrequency='1.1' numOctaves='1' seed='7' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:fixed;inset:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}h1,p,figure{margin:0}.points-app{width:min(100%,760px);min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) 16px 0;flex-direction:column;margin:0 auto;display:flex;position:relative}.points-header{justify-content:space-between;align-items:flex-start;gap:16px;padding:2px 0 8px;display:flex}.points-header p{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:800}.points-header h1{letter-spacing:0;margin-top:2px;font-family:Instrument Serif,Georgia,serif;font-size:4.6rem;font-weight:400;line-height:.86}.ghost-button{width:42px;height:42px;color:color-mix(in oklch, var(--mauve-950) 42%, transparent);background:0 0;border:0;border-radius:999px;place-items:center;display:inline-grid}.ghost-button:not(:disabled):hover{color:var(--mauve-950);background:color-mix(in oklch, var(--mauve-950) 7%, transparent)}.chart-section{flex:1;align-content:center;gap:14px;min-height:0;padding:6px 0 14px;display:grid}.star-figure{place-items:center;display:grid}.star-chart{width:min(100%,430px);height:auto;display:block;overflow:visible}.star-grid{fill:color-mix(in oklch, var(--mauve-50) 22%, transparent);stroke:color-mix(in oklch, var(--mauve-950) 10%, transparent);stroke-width:1.2px}.star-axis{stroke:color-mix(in oklch, var(--mauve-950) 13%, transparent);stroke-linecap:round;stroke-width:1.3px}.star-value{fill:color-mix(in oklch, var(--mauve-700) 22%, transparent);stroke:var(--mauve-950);stroke-linejoin:round;stroke-width:2.6px}.star-point{fill:var(--mauve-950)}.star-origin{fill:color-mix(in oklch, var(--mauve-950) 40%, transparent)}.star-label-name{fill:var(--muted);letter-spacing:0;font-size:11px;font-weight:800}.star-label-value{fill:var(--mauve-950);font-family:Instrument Serif,Georgia,serif;font-size:22px;font-weight:400}.domain-picker svg{color:var(--accent)}.point-composer{z-index:5;padding:12px 16px max(14px, calc(env(safe-area-inset-bottom) + 12px));border-top:1px solid color-mix(in oklch, var(--mauve-950) 10%, transparent);background:color-mix(in oklch, var(--mauve-100) 86%, transparent);box-shadow:0 -18px 50px color-mix(in oklch, var(--mauve-950) 8%, transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);gap:10px;margin:auto -16px 0;display:grid;position:sticky;bottom:0}.domain-picker,.point-chips,.note-row{gap:8px;display:grid}.domain-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.domain-picker button,.point-chips button{min-width:0;min-height:42px;color:color-mix(in oklch, var(--mauve-950) 78%, transparent);background:oklch(100% 5.96046e-8 none/.46);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:6px;font-size:.82rem;font-weight:800;display:inline-flex}.domain-picker button.active,.point-chips button.active{border-color:color-mix(in oklch, var(--mauve-950) 12%, transparent);color:var(--mauve-950);background:var(--surface-strong);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--accent,var(--mauve-950)) 24%, transparent)}.point-chips{grid-template-columns:repeat(4,minmax(0,1fr))}.note-row input{border:1px solid var(--line);width:100%;min-height:48px;color:var(--text);box-shadow:none;background:oklch(100% 5.96046e-8 none/.68);border-radius:999px;outline:none}.note-row{grid-template-columns:1fr auto}.note-row input{padding:0 15px}.note-row input:focus{border-color:color-mix(in oklch, var(--mauve-950) 22%, transparent);box-shadow:0 0 0 4px color-mix(in oklch, var(--mauve-500) 16%, transparent)}.add-button{color:#fff;background:var(--mauve-950);border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-width:86px;min-height:48px;font-weight:800;display:inline-flex}.add-button:hover{background:var(--mauve-800)}@media (width<=560px){.points-app{padding-inline:12px}.points-header h1{font-size:4rem}.star-chart{width:min(100%,360px)}.point-composer{margin-inline:-12px;padding-inline:12px}.domain-picker button span{display:none}}