:root{--color-aubergine:#3c315b;--color-ghost-lavender:#e2dffe;--color-periwinkle:#ab9ff2;--color-cornflower-pop:#4a87f2;--color-buttercream:#ffffc4;--color-blush-mist:#ffdadc;--color-mint-signal:#2ec08b;--color-paper-white:#fdfcfe;--color-obsidian:#1c1c1c;--color-fog:#86848d;--color-ash:#e9e8ea;--color-bone:#f4f2f4;--font-phantom:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans JP", sans-serif;--text-caption:13px;--leading-caption:1.35;--text-body-sm:15px;--leading-body-sm:1.4;--tracking-body-sm:-.375px;--text-body:16px;--leading-body:1.4;--tracking-body:-.4px;--text-subheading:20px;--leading-subheading:1.35;--tracking-subheading:-.5px;--text-heading-sm:24px;--leading-heading-sm:1.25;--tracking-heading-sm:-.6px;--text-heading:30px;--leading-heading:1.21;--tracking-heading:-.75px;--text-heading-lg:64px;--leading-heading-lg:1.1;--tracking-heading-lg:-1.6px;--text-display:96px;--leading-display:1;--tracking-display:-2.4px;--font-weight-w350:350;--font-weight-regular:400;--spacing-4:4px;--spacing-8:8px;--spacing-12:12px;--spacing-16:16px;--spacing-20:20px;--spacing-24:24px;--spacing-32:32px;--spacing-48:48px;--spacing-64:64px;--spacing-96:96px;--spacing-128:128px;--page-max-width:1200px;--section-gap:64px;--card-padding:48px;--card-padding-compact:30px;--radius-2xl:16px;--radius-cards:24px;--radius-links:32px;--radius-nav:100px;--radius-tags:100px;--radius-buttons:100px;--shadow-sm:#e2dffe 0px 0px 4px 0px;--surface-paper-white:#fdfcfe;--surface-bone:#f4f2f4;--surface-ash:#e9e8ea;--surface-ghost-lavender:#e2dffe;--surface-aubergine:#3c315b;--label-size:11px;--label-tracking:.05em;--hairline:1px solid var(--color-ash)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--surface-paper-white);color:var(--color-obsidian);font-family:var(--font-phantom);font-weight:var(--font-weight-regular);font-size:var(--text-body-sm);line-height:var(--leading-body-sm);letter-spacing:-.025em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;letter-spacing:inherit;color:inherit}button{cursor:pointer}input,select,textarea{outline:none}:focus-visible{outline:2px solid var(--color-periwinkle);outline-offset:2px}.t-display{font-size:var(--text-display);line-height:var(--leading-display);letter-spacing:var(--tracking-display);font-weight:var(--font-weight-w350);color:var(--color-aubergine)}.t-heading-lg{font-size:var(--text-heading-lg);line-height:var(--leading-heading-lg);letter-spacing:var(--tracking-heading-lg);font-weight:var(--font-weight-w350);color:var(--color-aubergine)}.t-heading{font-size:var(--text-heading);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);font-weight:var(--font-weight-w350);color:var(--color-aubergine)}.t-heading-sm{font-size:var(--text-heading-sm);line-height:var(--leading-heading-sm);letter-spacing:var(--tracking-heading-sm);font-weight:var(--font-weight-w350);color:var(--color-aubergine)}.t-subheading{font-size:var(--text-subheading);line-height:var(--leading-subheading);letter-spacing:var(--tracking-subheading);font-weight:var(--font-weight-w350);color:var(--color-aubergine)}.t-body{font-size:var(--text-body);line-height:var(--leading-body);letter-spacing:var(--tracking-body);font-weight:var(--font-weight-regular)}.t-body-sm{font-size:var(--text-body-sm);line-height:var(--leading-body-sm);letter-spacing:var(--tracking-body-sm)}.t-caption{font-size:var(--text-caption);line-height:var(--leading-caption);color:var(--color-fog)}.t-muted{color:var(--color-fog)}.t-ink{color:var(--color-obsidian)}.t-aub{color:var(--color-aubergine)}.t-num{font-variant-numeric:tabular-nums}.label{font-size:var(--label-size);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--color-fog);font-weight:var(--font-weight-regular);line-height:1.4}.card{background:var(--surface-paper-white);border:1px solid var(--color-ash);border-radius:var(--radius-cards);padding:var(--card-padding-compact)}.card--roomy{padding:var(--card-padding)}.card--bone{background:var(--surface-bone);border-color:#0000}.card--dark{background:var(--surface-aubergine);color:var(--color-paper-white);border-color:#0000}.card--dark .t-heading,.card--dark .t-heading-sm,.card--dark .t-subheading,.card--dark .t-heading-lg{color:var(--color-paper-white)}.card--dark .label,.card--dark .t-caption,.card--dark .t-muted{color:var(--color-periwinkle)}.card--interactive{transition:border-color .12s}.card--interactive:hover{border-color:var(--color-periwinkle)}.panel{background:var(--surface-bone);border-radius:var(--radius-cards);padding:var(--spacing-24)}.btn{justify-content:center;align-items:center;gap:var(--spacing-8);border-radius:var(--radius-buttons);font-size:var(--text-body-sm);font-weight:var(--font-weight-w350);background:var(--surface-ash);color:var(--color-aubergine);white-space:nowrap;border:1px solid #0000;padding:12px 24px;transition:background .12s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--surface-ghost-lavender);box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){background:#d7d3fd}.btn--secondary{background:var(--color-periwinkle);color:var(--color-aubergine)}.btn--ghost{border-color:var(--color-ash);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--surface-bone)}.btn--dark{background:var(--surface-aubergine);color:var(--color-paper-white)}.btn--butter{background:var(--color-buttercream);color:var(--color-obsidian)}.btn--blush{background:var(--color-blush-mist);color:var(--color-obsidian)}.btn--pop{background:var(--color-cornflower-pop);color:var(--color-paper-white)}.btn--lg{font-size:var(--text-body);padding:16px 32px}.btn--sm{font-size:var(--text-caption);padding:8px 16px}.btn--icon{background:0 0;width:32px;height:32px;padding:0}.btn--icon:hover:not(:disabled){background:var(--surface-bone)}.tag{border-radius:var(--radius-tags);font-size:var(--text-caption);font-weight:var(--font-weight-w350);background:var(--surface-bone);color:var(--color-aubergine);white-space:nowrap;align-items:center;gap:6px;padding:6px 12px;line-height:1.2;display:inline-flex}.tag--lavender{background:var(--surface-ghost-lavender)}.tag--periwinkle{background:var(--color-periwinkle)}.tag--mint{background:var(--color-mint-signal);color:var(--color-paper-white)}.tag--butter{background:var(--color-buttercream);color:var(--color-obsidian)}.tag--blush{background:var(--color-blush-mist);color:var(--color-obsidian)}.tag--pop{background:var(--color-cornflower-pop);color:var(--color-paper-white)}.tag--outline{border:1px solid var(--color-ash);background:0 0}.tag--dark{background:var(--surface-aubergine);color:var(--color-paper-white)}.input,.select,.textarea{background:var(--surface-paper-white);border:1px solid var(--color-ash);border-radius:var(--radius-2xl);width:100%;font-size:var(--text-body-sm);color:var(--color-obsidian);padding:12px 16px;transition:border-color .12s}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-periwinkle);outline:none}.input::placeholder,.textarea::placeholder{color:var(--color-fog)}.textarea{resize:vertical;min-height:96px;line-height:1.4}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%2386848d' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.field{gap:var(--spacing-8);flex-direction:column;display:flex}.field>.label{color:var(--color-aubergine)}.field-hint{font-size:var(--text-caption);color:var(--color-fog)}.table{border-collapse:collapse;width:100%;font-size:var(--text-body-sm)}.table th{text-align:left;font-size:var(--label-size);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--color-fog);font-weight:var(--font-weight-regular);border-bottom:var(--hairline);white-space:nowrap;padding:12px 16px}.table td{border-bottom:var(--hairline);vertical-align:middle;padding:14px 16px}.table tr:last-child td{border-bottom:none}.table--clickable tbody tr{cursor:pointer;transition:background .12s}.table--clickable tbody tr:hover{background:var(--surface-bone)}.table .num{text-align:right;font-variant-numeric:tabular-nums}.card:has(>.table){overflow-x:auto}.table td:first-child{min-width:180px}.stack{flex-direction:column;display:flex}.stack-4{gap:var(--spacing-4)}.stack-8{gap:var(--spacing-8)}.stack-12{gap:var(--spacing-12)}.stack-16{gap:var(--spacing-16)}.stack-24{gap:var(--spacing-24)}.stack-32{gap:var(--spacing-32)}.stack-48{gap:var(--spacing-48)}.stack-64{gap:var(--spacing-64)}.row{align-items:center;display:flex}.row-8{gap:var(--spacing-8)}.row-12{gap:var(--spacing-12)}.row-16{gap:var(--spacing-16)}.row-24{gap:var(--spacing-24)}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:auto;min-width:0}.grid{gap:var(--spacing-16);display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.hairline{border-top:var(--hairline)}.scroll-x{overflow-x:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--surface-bone);padding:var(--spacing-24) var(--spacing-16);gap:var(--spacing-24);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{align-items:center;gap:var(--spacing-12);padding:0 var(--spacing-12);color:var(--color-aubergine);display:flex}.sidebar-brand-mark{background:var(--surface-aubergine);border-radius:100px;place-items:center;width:32px;height:32px;display:grid}.sidebar-brand-mark span{background:var(--color-ghost-lavender);border-radius:100px;width:8px;height:8px}.sidebar-section{flex-direction:column;gap:2px;display:flex}.sidebar-section>.label{padding:var(--spacing-12) var(--spacing-16) var(--spacing-8)}.nav-item{border-radius:var(--radius-nav);color:var(--color-aubergine);font-size:var(--text-body-sm);font-weight:var(--font-weight-w350);justify-content:space-between;align-items:center;padding:10px 16px;transition:background .12s;display:flex}.nav-item:hover{background:var(--surface-ash)}.nav-item.active{background:var(--surface-paper-white)}.nav-item .count{font-size:var(--text-caption);color:var(--color-fog);font-variant-numeric:tabular-nums}.main{padding:var(--spacing-32) var(--spacing-48) var(--spacing-96);max-width:calc(var(--page-max-width) + 2 * var(--spacing-48));width:100%;min-width:0;margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:var(--spacing-16);margin-bottom:var(--spacing-32);display:flex}.pill-nav{background:var(--surface-paper-white);border:1px solid var(--color-ash);border-radius:var(--radius-nav);align-items:center;gap:2px;padding:4px;display:inline-flex}.pill-nav>button,.pill-nav>a{white-space:nowrap;border-radius:var(--radius-nav);font-size:var(--text-caption);font-weight:var(--font-weight-w350);color:var(--color-aubergine);background:0 0;border:none;align-items:center;padding:8px 16px;display:inline-flex}.pill-nav>.active{background:var(--surface-ghost-lavender)}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--spacing-24);margin-bottom:var(--spacing-32);flex-wrap:wrap;display:flex}.page-head>.row{flex:none}.page-head .t-heading{margin-top:var(--spacing-8)}.score-ring{background:var(--surface-bone);border-radius:100px;place-items:center;width:56px;height:56px;display:grid;position:relative}.score-ring svg{position:absolute;inset:0}.score-ring .v{font-size:var(--text-body);font-weight:var(--font-weight-w350);color:var(--color-aubergine);font-variant-numeric:tabular-nums}.score-big{font-size:var(--text-heading-lg);letter-spacing:var(--tracking-heading-lg);line-height:1;font-weight:var(--font-weight-w350);color:var(--color-aubergine);font-variant-numeric:tabular-nums}.meter{background:var(--surface-ash);border-radius:100px;height:6px;overflow:hidden}.meter>span{background:var(--color-periwinkle);border-radius:100px;height:100%;display:block}.meter--mint>span{background:var(--color-mint-signal)}.meter--pop>span{background:var(--color-cornflower-pop)}.delta-up{color:var(--color-mint-signal)}.delta-down{color:#c86a70}.empty{border:1px dashed var(--color-ash);border-radius:var(--radius-cards);padding:var(--spacing-48);gap:var(--spacing-16);flex-direction:column;align-items:flex-start;display:flex}.skeleton{background:var(--surface-bone);border-radius:var(--radius-2xl);min-height:16px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.overlay{z-index:50;background:#1c1c1c52;place-items:start center;padding-top:12vh;display:grid;position:fixed;inset:0}.modal{background:var(--surface-paper-white);border-radius:var(--radius-cards);border:1px solid var(--color-ash);flex-direction:column;width:min(640px,100vw - 48px);max-height:76vh;display:flex;overflow:hidden}.modal-head{padding:var(--spacing-24) var(--spacing-32);border-bottom:var(--hairline)}.modal-body{padding:var(--spacing-24) var(--spacing-32);overflow-y:auto}.modal-foot{padding:var(--spacing-16) var(--spacing-32);border-top:var(--hairline);justify-content:flex-end;gap:var(--spacing-8);display:flex}.palette-input{width:100%;font-size:var(--text-subheading);font-weight:var(--font-weight-w350);color:var(--color-aubergine);background:0 0;border:none;padding:20px 32px}.palette-list{max-height:50vh;padding:8px;overflow-y:auto}.palette-item{border-radius:var(--radius-nav);cursor:pointer;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.palette-item.active,.palette-item:hover{background:var(--surface-ghost-lavender)}.tri{gap:var(--spacing-24);grid-template-columns:220px minmax(0,1fr) 340px;align-items:start;display:grid}.tri>aside{top:var(--spacing-24);position:sticky}.toasts{z-index:60;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--surface-aubergine);color:var(--color-paper-white);border-radius:var(--radius-nav);font-size:var(--text-caption);padding:12px 20px}.toast--error{background:#c86a70}.onboard{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.onboard-dark{background:var(--surface-aubergine);color:var(--color-paper-white);padding:var(--spacing-64);flex-direction:column;justify-content:space-between;display:flex}.onboard-form{padding:var(--spacing-64);flex-direction:column;justify-content:center;width:100%;max-width:640px;margin:0 auto;display:flex}.step-dots{gap:6px;display:flex}.step-dots span{background:#fdfcfe40;border-radius:100px;width:24px;height:4px}.step-dots span.done{background:var(--color-periwinkle)}.step-dots span.now{background:var(--color-ghost-lavender)}.graph-canvas{background:var(--surface-bone);border-radius:var(--radius-cards);width:100%;height:560px;position:relative;overflow:hidden}.graph-canvas svg{width:100%;height:100%;display:block}.matrix{border-collapse:separate;border-spacing:4px}.matrix th{font-size:var(--text-caption);color:var(--color-fog);font-weight:var(--font-weight-regular);text-align:left;padding:8px}.matrix td{border-radius:var(--radius-2xl);text-align:center;font-variant-numeric:tabular-nums;width:96px;height:56px;color:var(--color-aubergine);font-weight:var(--font-weight-w350)}@media (max-width:1400px){.tri{grid-template-columns:minmax(0,1fr) 340px}.tri>aside:first-child{gap:var(--spacing-24);flex-flow:wrap;grid-column:1/-1;align-items:flex-start;display:flex;position:static}.tri>aside:first-child>*{min-width:200px}}@media (max-width:1100px){.tri{grid-template-columns:minmax(0,1fr)}.tri>aside{position:static}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.shell{grid-template-columns:1fr}.sidebar{flex-flow:wrap;height:auto;position:static}.main{padding:var(--spacing-24)}.grid-2,.grid-3,.onboard{grid-template-columns:1fr}}