:root{
  color-scheme:light;
  --bg:#ffffff;--panel:#ffffff;--panel-2:#fafafa;--text:#0b0b0c;--muted:#747479;--muted-2:#a4a4aa;
  --line:#dedee2;--line-soft:#ececef;--hover:#f5f5f6;--black:#0b0b0d;--blue:#0095f6;--green:#16a568;
  --accent1:#ff7a00;--accent2:#e1306c;--accent3:#c13584;--accent4:#833ab4;
  --gradient:linear-gradient(100deg,#ff7a00 0%,#e1306c 52%,#833ab4 100%);
  --shadow:0 18px 65px rgba(0,0,0,.065);--shadow-soft:0 10px 35px rgba(0,0,0,.045);--radius:18px;
  --rail:244px;--content:660px;--right:320px;
}
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#000000;--panel:#0b0b0c;--panel-2:#151516;--text:#f5f5f7;--muted:#a7a7ad;--muted-2:#6f6f74;
  --line:#262629;--line-soft:#202023;--hover:#171719;--black:#f5f5f7;--blue:#4aa8f8;--green:#35c985;
  --shadow:0 18px 65px rgba(0,0,0,.35);--shadow-soft:0 10px 35px rgba(0,0,0,.24)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans KR",Arial,sans-serif;-webkit-font-smoothing:antialiased;transition:background .18s,color .18s}
a{color:inherit}button,input{font:inherit}img{max-width:100%;display:block}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.app-shell{min-height:100vh}.side-rail{position:fixed;inset:0 auto 0 0;width:var(--rail);border-right:1px solid var(--line);background:var(--bg);padding:30px 20px 20px;display:flex;flex-direction:column;z-index:50;transition:background .18s,border-color .18s}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;margin:4px 10px 34px}.brand-mark{width:31px;height:31px;border-radius:10px;padding:2px;background:var(--gradient);display:grid;place-items:center;box-shadow:0 5px 16px rgba(225,48,108,.18)}.brand-mark>span{width:100%;height:100%;border:2px solid white;border-radius:8px;position:relative}.brand-mark>span:before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%)}.brand-mark>span:after{content:"";position:absolute;right:4px;top:4px;width:3px;height:3px;background:#fff;border-radius:50%}.brand-word{font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:-.7px;font-size:19px}.side-nav{display:flex;flex-direction:column;gap:7px}.nav-item{display:flex;align-items:center;gap:16px;padding:13px 14px;border-radius:10px;text-decoration:none;border:0;background:transparent;cursor:pointer;font-size:15px;text-align:left}.nav-item:hover{background:var(--hover)}.nav-item.active{font-weight:750}.nav-icon{width:26px;text-align:center;font-size:25px;line-height:1;font-family:Arial}.rail-actions{margin-top:auto;display:flex;flex-direction:column;gap:8px}.theme-toggle{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:var(--text);padding:12px 14px;border-radius:10px;cursor:pointer;text-align:left}.theme-toggle:hover{background:var(--hover)}.theme-icon{width:26px;text-align:center;font-size:20px}.rail-footer{color:var(--muted-2);font-size:10px;line-height:1.55;padding:8px 10px 0}.tiny-status{font-weight:700;color:var(--muted);margin-bottom:7px}.status-dot{display:inline-block;width:7px;height:7px;background:#25c26e;border-radius:50%;margin-right:5px}
.main-view{margin-left:var(--rail);min-height:100vh;display:grid;grid-template-columns:minmax(520px,var(--content)) var(--right);gap:48px;justify-content:center;padding:28px 38px 90px}.content-column{width:100%}.card{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);overflow:hidden;transition:background .18s,border-color .18s}.story-strip{border:1px solid var(--line);border-radius:var(--radius);display:flex;gap:17px;overflow:auto;padding:17px 18px;margin-bottom:16px;scrollbar-width:none}.story{border:0;background:none;min-width:62px;padding:0;cursor:pointer;color:var(--text)}.story-ring,.ring-avatar{background:linear-gradient(135deg,#ffb100,#ff3b30 42%,#d300c5 72%,#7638fa);padding:2px;border-radius:50%;display:grid;place-items:center}.story-ring{width:60px;height:60px;margin:auto}.story-avatar{width:54px;height:54px;border:2px solid var(--panel);border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff}.story b{display:block;font-size:11px;margin-top:6px}.a1{background:#111}.a2{background:#c66}.a3{background:#777}.a4{background:#8a6037}.a5{background:#3c7d72}.a6{background:#7054b2}
.hero-card{padding:44px 42px 34px;position:relative;background:radial-gradient(circle at 92% 2%,rgba(255,122,0,.11),transparent 24%),radial-gradient(circle at 78% 20%,rgba(193,53,132,.08),transparent 26%),var(--panel)}.hero-badge{display:inline-flex;padding:7px 11px;border-radius:999px;background:var(--panel-2);font-size:11px;font-weight:800;letter-spacing:.04em}.hero-card h1{font-size:43px;line-height:1.12;letter-spacing:-2.2px;margin:17px 0 14px}.gradient-text{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-card>p{color:var(--muted);font-size:15px;line-height:1.72;margin:0 0 26px;max-width:535px}.profile-search{display:flex;border:1px solid var(--line);border-radius:13px;overflow:hidden;height:56px;background:var(--panel);box-shadow:var(--shadow-soft)}.search-prefix{display:grid;place-items:center;padding-left:17px;font-weight:800;color:var(--muted);font-size:18px}.profile-search input{flex:1;border:0;outline:0;padding:0 12px;font-size:16px;min-width:0;background:transparent;color:var(--text)}.profile-search input::placeholder{color:var(--muted-2)}.profile-search button,.primary{border:0;background:var(--black);color:var(--bg);font-weight:800;padding:0 24px;cursor:pointer}.search-hint{color:var(--muted-2);font-size:11px;margin:9px 3px 0}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-soft);margin-top:30px;padding-top:23px}.hero-metrics div{display:flex;flex-direction:column;gap:3px}.hero-metrics strong{font-size:22px;letter-spacing:-1px}.hero-metrics span{font-size:11px;color:var(--muted)}.mock-note{display:block;color:var(--muted-2);margin-top:16px;font-size:10px}
.feed-card{margin-top:16px}.feed-head{display:flex;align-items:center;padding:13px 15px;gap:10px}.avatar{width:42px;height:42px;border-radius:50%;background:var(--black);color:var(--bg);display:grid;place-items:center;font-weight:800;font-size:12px}.ring-avatar{width:40px;height:40px}.ring-avatar>span{width:34px;height:34px;border:2px solid var(--panel);border-radius:50%;background:var(--black);color:var(--bg);display:grid;place-items:center;font-size:11px}.feed-head div:nth-child(2){display:flex;flex-direction:column;font-size:12px}.feed-head span{color:var(--muted);margin-top:2px}.feed-head button{margin-left:auto;border:0;background:none;color:var(--text);font-size:18px;cursor:pointer}.feed-media{background:#090909}.feed-media img{width:100%;aspect-ratio:1.45/1;object-fit:cover}.feed-actions{display:flex;padding:13px 14px 5px;gap:13px}.feed-actions button{border:0;background:transparent;color:var(--text);font-size:25px;cursor:pointer}.feed-actions .save{margin-left:auto}.feed-copy{padding:0 15px 18px;font-size:12px;line-height:1.6}.feed-copy p{margin:6px 0 0}.feed-copy a{color:#55718e;text-decoration:none}
.seo-section{margin-top:16px;padding:38px 38px 40px}.section-kicker{font-size:11px;font-weight:850;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.seo-section h2,.page-hero h1{font-size:31px;line-height:1.25;letter-spacing:-1.35px;margin:9px 0 14px}.seo-section h3{font-size:20px;letter-spacing:-.55px;margin:0 0 10px}.seo-section p,.article-body p{color:var(--muted);line-height:1.82;font-size:14px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}.feature-card{border:1px solid var(--line-soft);background:var(--panel-2);border-radius:15px;padding:20px}.feature-card .feature-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line);font-weight:900;margin-bottom:18px}.feature-card b{display:block;font-size:15px;margin-bottom:5px}.feature-card span{color:var(--muted);font-size:12px;line-height:1.55}.image-copy{display:grid;grid-template-columns:1.02fr .98fr;gap:24px;align-items:center}.image-copy.reverse .image-box{order:2}.image-box{border-radius:16px;overflow:hidden;border:1px solid var(--line-soft);background:var(--panel-2)}.image-box img{width:100%;height:100%;object-fit:cover}.copy-list{display:flex;flex-direction:column;gap:11px;margin-top:18px}.copy-list div{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start}.copy-list i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--panel-2);border:1px solid var(--line);font-style:normal;font-size:10px;font-weight:800}.copy-list b{font-size:13px}.copy-list span{display:block;color:var(--muted);font-size:11px;margin-top:2px;line-height:1.5}.text-link{display:inline-flex;margin-top:12px;color:var(--blue);font-size:12px;font-weight:800;text-decoration:none}.text-link:hover{text-decoration:underline}.guide-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.guide-card{border:1px solid var(--line-soft);border-radius:15px;overflow:hidden;background:var(--panel);text-decoration:none}.guide-card img{aspect-ratio:1.45/1;object-fit:cover}.guide-card-body{padding:15px}.guide-card small{color:var(--muted);font-size:10px}.guide-card h3{font-size:15px;line-height:1.45;margin:6px 0}.guide-card p{font-size:11px;line-height:1.55;margin:0}.tool-row{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:21px}.tool-card{border:1px solid var(--line-soft);background:var(--panel-2);border-radius:14px;padding:18px;text-decoration:none}.tool-card b{font-size:14px}.tool-card span{display:block;color:var(--muted);font-size:11px;margin-top:6px;line-height:1.5}.faq-list{border-top:1px solid var(--line-soft);margin-top:22px}.faq-item{border-bottom:1px solid var(--line-soft);padding:17px 0}.faq-item h3{font-size:14px;margin:0 0 7px}.faq-item p{font-size:12px;margin:0}.cta-card{background:radial-gradient(circle at 92% 0,rgba(225,48,108,.17),transparent 33%),radial-gradient(circle at 0 100%,rgba(131,58,180,.16),transparent 32%),var(--panel);text-align:center}.cta-card .profile-search{max-width:520px;margin:20px auto 0}.independent-note{font-size:11px;color:var(--muted);line-height:1.6;margin-top:13px}
.right-panel{padding-top:18px}.my-card{display:flex;align-items:center;gap:10px;padding:12px 0}.my-card>div:nth-child(2){display:flex;flex-direction:column;font-size:12px;flex:1}.my-card span{color:var(--muted)}.my-card a,.right-title a{border:0;background:none;color:var(--blue);font-weight:700;font-size:11px;text-decoration:none}.right-title{display:flex;justify-content:space-between;margin:16px 0 12px;font-size:12px;color:var(--muted)}.right-title a{color:var(--text)}.mini-ranking{display:flex;flex-direction:column;gap:11px}.mini-row{display:grid;grid-template-columns:22px 36px 1fr auto;gap:9px;align-items:center;font-size:11px}.mini-pos{font-weight:800;color:var(--muted-2)}.mini-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;background:linear-gradient(135deg,#444,#111)}.mini-name{display:flex;flex-direction:column}.mini-name b{font-size:12px}.mini-name span{color:var(--muted-2);font-size:10px}.mini-count{font-weight:800}.right-links{color:var(--muted-2);font-size:10px;line-height:1.8;margin-top:35px}.right-links a{text-decoration:none}.right-links a:hover{text-decoration:underline}.mobile-topbar,.mobile-nav{display:none}
.page-hero{padding:38px 40px}.page-hero p{max-width:560px;color:var(--muted);font-size:14px;line-height:1.72}.rank-tabs{display:flex;gap:6px;overflow:auto;padding:0 28px 15px}.rank-tabs button{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:8px 12px;font-size:11px;font-weight:700;color:var(--text)}.rank-tabs button.active{background:var(--black);color:var(--bg);border-color:var(--black)}.rank-row{display:grid;grid-template-columns:38px 48px 1fr 110px;gap:12px;align-items:center;padding:13px 28px;border-top:1px solid var(--line-soft)}.rank-position{font-size:15px;font-weight:900;text-align:center}.rank-avatar{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#333,#777);color:#fff;font-weight:800}.rank-account{display:flex;flex-direction:column}.rank-account b{font-size:12px}.rank-account span{font-size:10px;color:var(--muted-2);margin-top:3px}.rank-followers{text-align:right}.rank-followers b{display:block;font-size:13px}.rank-followers span{font-size:9px;color:var(--green)}.notice{margin:16px 28px 25px;border:1px dashed var(--line);border-radius:13px;padding:14px 16px;color:var(--muted);font-size:11px;line-height:1.6}
.article-shell{padding:34px 40px 44px}.breadcrumb{display:flex;flex-wrap:wrap;gap:6px;align-items:center;color:var(--muted-2);font-size:10px;margin-bottom:20px}.breadcrumb a{text-decoration:none}.article-title{font-size:36px;line-height:1.28;letter-spacing:-1.5px;margin:7px 0 12px}.article-meta{color:var(--muted-2);font-size:11px;margin-bottom:26px}.article-hero{border-radius:16px;overflow:hidden;margin:20px 0 30px;border:1px solid var(--line-soft)}.article-body h2{font-size:23px;letter-spacing:-.7px;margin:35px 0 10px}.article-body h3{font-size:17px;margin:25px 0 8px}.article-body ul{padding-left:20px;color:var(--muted);font-size:14px;line-height:1.8}.article-callout{border-left:3px solid #e1306c;background:var(--panel-2);padding:17px 18px;border-radius:0 12px 12px 0;margin:25px 0}.article-callout b{font-size:13px}.article-callout p{font-size:12px;margin:5px 0 0}.related-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:28px}.related-links a{border:1px solid var(--line);border-radius:13px;padding:16px;text-decoration:none;font-size:12px;font-weight:750}.related-links span{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:4px}
.calc-card{padding:32px 38px}.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field label{display:block;font-size:11px;font-weight:750;margin-bottom:7px}.field input{width:100%;height:46px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:0 12px;outline:none}.field input:focus{border-color:#b8b8bf;box-shadow:0 0 0 3px rgba(127,127,127,.08)}.calc-button{width:100%;height:48px;border:0;border-radius:10px;background:var(--black);color:var(--bg);font-weight:850;margin-top:15px;cursor:pointer}.calc-result{margin-top:18px;background:var(--panel-2);border-radius:14px;padding:22px;border:1px solid var(--line-soft)}.calc-result strong{font-size:36px;letter-spacing:-1px}.calc-result span{display:block;color:var(--muted);font-size:11px;margin-top:5px}.analysis-result{display:none;margin-top:16px}.analysis-result.show{display:block}.profile-summary{padding:28px 34px}.profile-summary-head{display:flex;gap:22px;align-items:center}.profile-avatar{width:96px;height:96px;border-radius:50%;padding:3px;background:var(--gradient)}.profile-avatar>div{width:100%;height:100%;border-radius:50%;background:var(--panel);border:3px solid var(--panel);display:grid;place-items:center;font-size:24px;font-weight:850}.profile-summary h2{margin:0;font-size:21px}.profile-summary p{margin:6px 0 0;font-size:11px;color:var(--muted)}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:23px}.profile-stats div{background:var(--panel-2);border-radius:12px;padding:14px}.profile-stats span{display:block;color:var(--muted);font-size:10px}.profile-stats b{display:block;font-size:18px;margin-top:3px}.analysis-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:0 34px 30px}.analysis-metrics div{border:1px solid var(--line-soft);border-radius:12px;padding:14px}.analysis-metrics span{display:block;color:var(--muted);font-size:9px}.analysis-metrics b{display:block;margin-top:4px;font-size:16px}
.site-footer{margin-top:16px;padding:34px 38px}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,.8fr);gap:22px}.footer-brand p{color:var(--muted);font-size:11px;line-height:1.65;max-width:230px}.footer-col b{display:block;font-size:11px;margin-bottom:10px}.footer-col a{display:block;text-decoration:none;color:var(--muted);font-size:10px;line-height:2}.footer-bottom{border-top:1px solid var(--line-soft);margin-top:25px;padding-top:18px;color:var(--muted-2);font-size:10px;line-height:1.6}
@media(max-width:1180px){:root{--rail:82px}.side-rail{align-items:center;padding-left:12px;padding-right:12px}.brand-word,.nav-item span:last-child,.theme-toggle span:last-child,.rail-footer p{display:none}.brand{margin-left:0;margin-right:0}.nav-item,.theme-toggle{justify-content:center;padding:14px}.rail-footer{padding:0}.main-view{grid-template-columns:minmax(520px,660px) 280px;gap:34px}}
@media(max-width:980px){.right-panel{display:none}.main-view{grid-template-columns:minmax(520px,660px);padding-right:25px;padding-left:25px}}
@media(max-width:720px){:root{--rail:0}.side-rail{display:none}.main-view{margin-left:0;display:block;padding:58px 0 70px}.content-column{max-width:none}.mobile-topbar{height:50px;position:fixed;top:0;left:0;right:0;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 14px;z-index:60}.mobile-topbar .brand{margin:0}.mobile-topbar .brand-mark{width:25px;height:25px;border-radius:8px}.mobile-topbar .brand-word{display:inline;font-size:16px}.mobile-actions{display:flex;align-items:center;gap:6px}.mobile-theme{border:0;background:transparent;color:var(--text);font-size:20px;width:34px;height:34px;border-radius:50%}.avatar.mini{width:28px;height:28px;border:0}.mobile-nav{position:fixed;left:0;right:0;bottom:0;height:52px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--bg) 96%,transparent);backdrop-filter:blur(12px);display:grid;grid-template-columns:repeat(5,1fr);z-index:60}.mobile-nav a{border:0;background:none;text-decoration:none;display:grid;place-items:center;font-size:21px}.story-strip,.card{border-radius:0;border-left:0;border-right:0}.story-strip{border-top:0;margin-bottom:8px}.hero-card{padding:34px 20px 27px}.hero-card h1{font-size:35px}.profile-search{height:52px}.profile-search button{padding:0 16px}.hero-metrics{gap:10px}.hero-metrics strong{font-size:18px}.feed-card{margin-top:8px}.seo-section{margin-top:8px;padding:30px 20px 32px}.seo-section h2,.page-hero h1{font-size:27px}.feature-grid,.image-copy,.guide-cards,.tool-row,.footer-grid{grid-template-columns:1fr}.image-copy.reverse .image-box{order:0}.guide-cards{gap:10px}.page-hero{padding:30px 20px}.rank-row{grid-template-columns:30px 40px 1fr 80px;padding:12px 16px;gap:8px}.rank-avatar{width:40px;height:40px}.article-shell{padding:26px 20px 34px}.article-title{font-size:30px}.related-links{grid-template-columns:1fr}.calc-card{padding:28px 20px}.calc-grid{grid-template-columns:1fr}.profile-summary{padding:24px 20px}.profile-avatar{width:78px;height:78px}.analysis-metrics{grid-template-columns:repeat(2,1fr);padding:0 20px 24px}.site-footer{margin-top:8px;padding:28px 20px}.footer-grid{gap:18px}}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#111;color:#fff;padding:11px 15px;border-radius:999px;font-size:11px;z-index:100;transition:.2s;box-shadow:0 10px 30px rgba(0,0,0,.22)}.toast.show{opacity:1;transform:translate(-50%,0)}
/* v0.3 live data engine */
.rank-row-link,.mini-row-link{text-decoration:none;color:inherit}.rank-row-link:hover{background:var(--hover)}.mini-row-link:hover .mini-name b{text-decoration:underline}.loading-board{min-height:120px;opacity:.55}.profile-live-card{overflow:hidden}.profile-identity h1{margin:5px 0 0;font-size:25px;letter-spacing:-.8px}.profile-identity p{margin:4px 0 0}.live-badge{display:inline-flex;border:1px solid var(--line);background:var(--panel-2);border-radius:999px;padding:5px 8px;font-size:9px;font-weight:850;letter-spacing:.25px;color:var(--muted)}.live-metrics{padding-top:2px}.small-metric{font-size:12px!important}.profile-live-card .notice{margin-bottom:28px}.profile-live-card strong{font-weight:850}.profile-search button:disabled{opacity:.55;cursor:wait}
/* v0.6 cost guard + live profile */
.profile-avatar{position:relative;overflow:hidden}.profile-avatar img{position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);object-fit:cover;border-radius:50%;background:var(--panel);z-index:2}.profile-avatar .avatar-fallback{position:absolute;inset:3px;border-radius:50%;background:var(--panel);display:grid;place-items:center;font-size:24px;font-weight:850;z-index:1}.profile-updated{font-size:9px!important;color:var(--muted-2)!important}