:root{--app-background:#f9fafb;color:#171414;background:var(--app-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif}*{box-sizing:border-box}html,body{background:var(--app-background)}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}:root{--ink:#191f28;--ink-subtle:#4e5968;--ink-muted:#8b95a1;--rule:#e5e8eb;--surface:#f2f4f6;--canvas:#f9fafb;--source-coral:#596b82;--coral-pressed:#4d5f75;--source-soft:#596b821f;--source-focus:#3182f647;--outline:#333d4b;--outline-soft:#333d4b14;--accent:#3182f6;--danger:#b42318;--radius:8px}.app-shell{width:min(100%,520px);min-height:100vh;padding:max(20px, env(safe-area-inset-top)) 20px max(28px, env(safe-area-inset-bottom));margin:0 auto}.app-header{justify-content:space-between;align-items:flex-start;gap:20px;padding:2px 0 24px;display:flex}.brand-lockup{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.wordmark{letter-spacing:-.02em;font-size:17px;font-weight:750}.source-cue{color:var(--ink-subtle);letter-spacing:-.01em;align-items:center;gap:7px;font-size:11px;font-weight:680;display:inline-flex}.source-cue i{background:var(--source-coral);width:7px;height:7px;box-shadow:0 0 0 3px var(--source-soft);border-radius:50%}.intro{margin-bottom:40px}.intro h1{letter-spacing:-.045em;max-width:12ch;margin:0 0 12px;font-size:36px;font-weight:760;line-height:1.18}.intro p,.section-heading p,.personalize-heading p{color:var(--ink-subtle);margin:0;font-size:15px;line-height:1.6}.interest-section h2,.results h2,.personalize h2{letter-spacing:-.025em;margin:0;font-size:20px;font-weight:720}.catalog-notice{border:1px solid var(--rule);background:#fff;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:18px;margin:0 0 30px;padding:16px;display:flex}.catalog-notice strong{font-size:14px;line-height:1.45;display:block}.catalog-notice p{color:var(--ink-subtle);margin:5px 0 0;font-size:13px;line-height:1.5}.catalog-notice[data-status=loading]{background:var(--surface)}.catalog-notice[data-status=stale]{background:#fffaf0;border-color:#d6b67b}.gravity-picker{--graph-size:min(100%, 390px)}.picker-head{align-items:center;min-height:30px;margin-bottom:8px;display:flex}.picker-step{color:var(--ink-muted);font-size:12px}.topic-switcher{border-bottom:1px solid var(--rule);scrollbar-width:none;gap:18px;margin:0 -20px 22px;padding:0 20px 8px;display:flex;overflow-x:auto}.topic-switcher::-webkit-scrollbar{display:none}.topic-button{min-height:38px;color:var(--ink-muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:650;position:relative}.topic-button:after{content:"";background:0 0;height:2px;position:absolute;bottom:-9px;left:0;right:0}.topic-button[data-active=true]{color:var(--ink)}.topic-button[data-active=true]:after{background:var(--source-coral)}.gravity-picker>h2{letter-spacing:-.04em;max-width:15ch;font-size:27px;line-height:1.24}.picker-lead{color:var(--ink-subtle);margin:8px 0 0;font-size:14px;line-height:1.55}.gravity-graph{width:var(--graph-size);touch-action:pan-y;height:352px;margin:12px auto 6px;position:relative}.gravity-edges{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.gravity-edge{stroke:#d1d6db;stroke-width:1.15px;vector-effect:non-scaling-stroke;transition:stroke .18s,stroke-width .18s}.gravity-edge[data-active=true]{stroke:var(--source-coral);stroke-width:1.65px}.circle-node{z-index:2;left:var(--anchor-left);top:var(--anchor-y);width:var(--node-size);height:var(--node-size);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.circle-node-center{cursor:default}.circle-surface{background:#fff;border:1px solid #333d4b38;border-radius:50%;transition:border-color .18s,background-color .18s,box-shadow .18s;position:absolute;inset:0;box-shadow:inset 0 1px #ffffffe6,inset 0 -6px 10px #333d4b0b,0 4px 10px #333d4b17}.circle-node-center .circle-surface{border:1.75px solid var(--outline);box-shadow:inset 0 1px #fffffff2,inset 0 -8px 14px #333d4b0f,0 6px 14px #333d4b1f}.circle-node[data-selected=true] .circle-surface{border:2px solid var(--outline);background:var(--source-coral);box-shadow:inset 0 1px 0 #ffffff47, inset 0 -10px 16px #191f2829, 0 7px 16px #333d4b2e, 0 0 0 3px var(--outline-soft)}.circle-copy{z-index:1;color:var(--ink);font-size:var(--label-size);font-weight:720;line-height:var(--label-line-height);letter-spacing:-.025em;text-align:center;white-space:nowrap;pointer-events:none;place-items:center;display:grid;position:relative}.circle-copy>span{display:block}.circle-node-center .circle-copy{letter-spacing:-.035em;font-weight:760}.circle-node[data-selected=true] .circle-copy{color:#fff}.taste-list-head{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:baseline;margin-top:2px;padding-bottom:8px;display:flex}.taste-list-head h3{margin:0;font-size:14px;font-weight:730}.taste-list-head span{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:12px}.taste-list{margin-bottom:12px}.taste-row{border:0;border-bottom:1px solid var(--rule);width:100%;min-height:51px;color:var(--ink);background:var(--canvas);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:18px;padding:0;display:flex}.taste-row>span{font-size:14px;font-weight:620;line-height:1.4}.taste-row i{color:#0000;border:1px solid #b0b8c1;border-radius:50%;flex:0 0 20px;place-items:center;width:20px;height:20px;font-size:11px;font-style:normal;display:grid}.taste-row[data-selected=true] i{border-color:var(--outline);color:#fff;background:var(--source-coral);box-shadow:0 0 0 2px var(--outline-soft)}.selection-sentence{min-height:22px;color:var(--ink-subtle);margin:12px 0 18px;font-size:13px;line-height:1.5}.selection-sentence strong{color:var(--ink)}.primary-button,.secondary-button{border-radius:var(--radius);cursor:pointer;width:100%;min-height:54px;font-size:16px;font-weight:700;transition:background-color .14s,border-color .14s}.primary-button{border:1px solid var(--accent);color:#fff;background:var(--accent)}.primary-button:active{background:#1b64da;border-color:#1b64da}.secondary-button{color:var(--ink);background:var(--canvas);border:1px solid #b0b8c1}.secondary-button:active{background:var(--surface)}.secondary-button:disabled{color:var(--ink-muted);cursor:wait}.results{border-top:8px solid var(--surface);margin-top:56px;padding-top:32px}.section-heading{justify-content:space-between;align-items:start;gap:20px;margin-bottom:18px;display:flex}.section-heading h2{margin-bottom:8px}.data-date{color:var(--ink-muted)!important;margin-top:5px!important;font-size:12px!important}.section-heading>span{color:var(--accent);white-space:nowrap;padding-top:2px;font-size:18px;font-weight:750}.subscribed-block{border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);margin:28px 0 20px;padding:18px 0}.subscribed-block h3{margin:0 0 12px;font-size:14px}.subscribed-row{justify-content:space-between;gap:16px;padding:8px 0;font-size:13px;display:flex}.subscribed-row span{color:var(--ink-subtle);text-align:right}.channel-list{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.empty-state{border:1px solid var(--rule);text-align:center;background:#fff;border-radius:12px;margin:8px 0 24px;padding:24px 18px}.empty-state strong{font-size:15px;display:block}.empty-state p{max-width:34ch;color:var(--ink-subtle);margin:8px auto 0;font-size:13px;line-height:1.55}.channel-row{border-bottom:1px solid var(--rule);padding:24px 0 26px}.channel-copy h3{letter-spacing:-.025em;margin:-2px 0 8px;font-size:19px;font-weight:730}.metric{color:var(--ink);margin:0 0 8px;font-size:14px;font-weight:620;line-height:1.5}.evidence-source{color:var(--ink-subtle);margin:0;font-size:14px;line-height:1.55}.text-button,.quiet-button{min-height:44px;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;font-weight:650}.text-button{margin-top:10px}.quiet-button{color:var(--ink-subtle);white-space:nowrap;flex:none}.personalize{border-top:1px solid var(--ink);margin-top:52px;padding-top:28px}.personalize-heading{justify-content:space-between;align-items:start;gap:20px;margin-bottom:20px;display:flex}.personalize-heading>div{min-width:0}.personalize-heading h2{margin-bottom:8px}.import-flow{padding-top:4px}.import-flow ol{color:var(--ink-subtle);margin:0 0 8px;padding-left:22px;font-size:14px;line-height:1.6}.import-flow li+li{margin-top:8px}.takeout-link{margin:0 0 12px}.imported-summary{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);color:var(--ink-subtle);margin:0;padding:16px 0;font-size:14px;line-height:1.55}.error-message{color:var(--danger);margin:16px 0 0;font-size:13px;line-height:1.55}.error-message strong{color:var(--ink);display:block}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}footer{border-top:1px solid var(--rule);margin-top:56px;padding-top:18px}footer p{color:var(--ink-muted);margin:0;font-size:12px;line-height:1.55}footer p+p{margin-top:6px}button:focus-visible,input:focus-visible{outline:3px solid var(--source-focus);outline-offset:3px}@media (width<=360px){.app-shell{padding-left:16px;padding-right:16px}.intro h1{font-size:32px}.topic-switcher{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.gravity-graph{width:calc(100vw - 32px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}