:root{color-scheme:dark;--bg:#070f1e;--panel:#0d1b2c;--panel2:#10253a;--border:#1d3448;--text:#eef8ff;--muted:#a0b5c5;--sub:#7190a5;--accent:#6ff1ce;--blue:#4a8dff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--text);background:var(--bg);font-family:Inter,system-ui,-apple-system,'Malgun Gothic','Apple SD Gothic Neo',sans-serif;font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #98eaff;outline-offset:3px}.skip{position:absolute;left:-10000px;top:5px;padding:12px;background:white;color:black;z-index:99}.skip:focus{left:12px}.dashboard-app{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}.side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:#091729;border-right:1px solid #203145;padding:28px 16px 20px;z-index:5}.brand{display:flex;align-items:center;gap:12px;padding:2px 10px 35px}.brand-box{display:flex;align-items:center;justify-content:center;width:39px;height:39px;background:#14364d;border:1px solid #4b677c;color:white;border-radius:11px;font-size:25px;font-weight:950;letter-spacing:-3px}.brand-dot{color:#6bebbd}.brand strong{display:block;white-space:nowrap;font-size:12px;letter-spacing:.045em}.brand small{font-size:8px;color:#799bb2;letter-spacing:.15em}.brand small span{color:#57ceb3}.side-label{font-size:10px;font-weight:800;letter-spacing:.14em;color:#64839c;padding:6px 15px 12px}.secondary-label{margin-top:26px}.side-nav{display:grid;gap:4px}.side-nav a{min-height:44px;display:flex;align-items:center;gap:11px;color:#a2b6c9;padding:11px 12px;font-size:12.5px;font-weight:650;border-radius:9px;transition:background .2s,color .2s}.side-nav a:hover{background:#14293e;color:white}.side-nav a.active{background:#133b42;color:#adffe1;box-shadow:inset 3px 0 #65ebbe}.nav-symbol{display:grid;place-items:center;width:22px;height:22px;font-size:18px;color:#91aabb}.side-nav a.active .nav-symbol{color:#71edc2}.mini-pill{margin-left:auto;background:#1c4b54;border-radius:6px;padding:1px 6px;color:#a7f9db;font-size:10px}.side-footer{margin-top:auto;padding:17px;background:#10263a;border:1px solid #1f4152;border-radius:14px}.side-footer strong{display:inline-block;font-size:12px;margin-left:4px}.side-footer p{color:#96afbf;font-size:11px;margin:10px 0 14px}.side-footer a{font-size:11px;color:#8cebd0;font-weight:750}.pulse-dot,.tag-dot{display:inline-block;width:7px;height:7px;background:#72eac8;box-shadow:0 0 0 4px #18554b;border-radius:50%}.page{min-width:0}.top-bar{height:69px;border-bottom:1px solid #203044;display:flex;align-items:center;justify-content:space-between;padding:0 48px;gap:20px}.breadcrumbs{display:flex;gap:11px;color:#698ba2;font-size:11px;font-weight:750}.breadcrumbs strong{color:#d5e7f4}.top-actions{display:flex;align-items:center;gap:26px;font-size:11px}.top-date{color:#7696aa}.quick-link{border:1px solid #3c6a76;padding:8px 13px;border-radius:8px;color:#b5ffea;font-weight:750}.quick-link:hover{background:#15384d}.main{max-width:1440px;margin:auto;padding:28px 48px 82px}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);background:radial-gradient(circle at 55% 120%,#174d61 0%,transparent 46%),linear-gradient(117deg,#102840,#0c1b30 52%,#101e33);border:1px solid #28435e;border-radius:19px;overflow:hidden;min-height:376px}.hero:before{content:'';height:100%;width:100%;position:absolute;inset:0;background:linear-gradient(115deg,rgba(75,144,255,.12),transparent 60%);pointer-events:none}.hero-glow{position:absolute;width:220px;height:220px;border-radius:50%;filter:blur(70px);background:rgba(0,157,224,.13);left:45%;top:-100px}.hero-copy{position:relative;padding:46px 10px 38px 42px;z-index:1}.tag-line{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.15em;color:#8aeccf;font-weight:850}.tag-dot{width:6px;height:6px;box-shadow:none}.tag-line-divider{height:11px;width:1px;background:#51837b}.hero h1{font-size:clamp(33px,3.3vw,52px);letter-spacing:-.055em;line-height:1.25;margin:22px 0 15px;font-weight:850}.hero h1 span{background:linear-gradient(90deg,#7cebc5,#8aafff);background-clip:text;color:transparent}.hero-copy>p:not(.hero-footnote){font-size:13px;color:#b2cbdb;line-height:1.9;max-width:490px}.hero-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:9px;font-size:12px;font-weight:850;white-space:nowrap}.button-primary{background:#71f0c8;color:#092a31}.button-primary:hover{background:#c3ffed}.button-outline{background:#142f45;color:#d9eeff;border:1px solid #47728d}.button-outline:hover{background:#1d4862}.hero-footnote{font-size:11px;color:#8caaba;margin:0}.hero-art{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:26px 24px 17px;min-width:0}.art-caption{display:flex;width:100%;justify-content:space-between;max-width:415px;font-weight:800;letter-spacing:.14em;font-size:10px;color:#81b4ce}.art-caption span{color:#6ef0c6}.pitch{width:min(100%,430px);height:auto;filter:drop-shadow(0 18px 35px rgba(0,0,0,.35));transform:rotate(-7deg)}.art-steps{display:flex;justify-content:space-between;gap:8px;width:100%;max-width:405px;font-size:10px;color:#cce4eb;font-weight:720}.art-steps i{font-style:normal;color:#82e7d3;margin-right:4px}.stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:17px}.stat{border:1px solid #223c52;border-radius:13px;padding:20px 19px;background:#0e2135;display:flex;align-items:center;gap:16px;min-width:0}.stat-icon{flex:0 0 49px;height:49px;border-radius:13px;display:grid;place-items:center;font-weight:800;font-size:22px}.live-icon{background:#152b45;color:#6c9dff}.brief-icon{background:#163943;color:#6febc8}.results-icon{background:#302e4b;color:#baa8ff}.stat>div:nth-child(2){display:flex;flex-direction:column}.stat-label{color:#a6bfce;font-size:12px}.stat strong{font-size:28px;font-weight:850;line-height:1.3;letter-spacing:-.03em}.stat strong small{font-size:13px;font-weight:600;color:#a8bdc8}.stat-foot{font-size:10px;color:#7f9cac}.content-section{margin-top:46px;scroll-margin-top:20px}.section-header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px}.section-kicker{color:#70e5c1;font-size:10px;font-weight:850;letter-spacing:.16em;margin-bottom:7px}.section-header h2{font-size:25px;letter-spacing:-.045em;margin:0;color:#f4fbff;line-height:1.3}.section-header p{font-size:12px;color:#90aebd;margin:6px 0 0}.text-link{font-size:12px;color:#8aebd0;font-weight:750}.empty-feature{min-height:154px;display:flex;align-items:center;gap:22px;background:linear-gradient(100deg,#101f35,#0d2735);padding:25px;border-radius:14px;border:1px solid #29475b}.empty-symbol{flex:0 0 55px;height:55px;display:grid;place-items:center;border-radius:15px;background:#132f43;color:#8cf7d5;font-size:26px}.empty-feature>div:nth-child(2){flex:1}.empty-label{font-size:10px;letter-spacing:.12em;color:#6ed7ba;font-weight:850}.empty-feature h3{font-size:16px;margin:6px 0;color:#f1faff}.empty-feature p{font-size:12px;color:#9bb6c5;max-width:620px;margin:0}.archive-count{font-size:12px;color:#a2b9ca;border:1px solid #284359;border-radius:8px;padding:7px 11px}.archive-count strong{color:#8bf5d2}.filter-bar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;background:#0d2134;border:1px solid #233b50;border-radius:12px;padding:14px 16px;margin-bottom:9px}.filter-label{display:flex;flex-direction:column;gap:5px;color:#a0bac9;font-size:11px;letter-spacing:.01em;font-weight:750}.filter-label select,.filter-label input{background:#142b41;color:#e5f7ff;border:1px solid #38546a;border-radius:8px;min-height:38px;padding:8px 13px;font-size:12px;min-width:140px;max-width:100%}.filter-label.search-filter{flex:1;min-width:165px}.filter-label.search-filter input{width:100%;min-width:160px}.reset-button{min-height:38px;padding:0 13px;border-radius:8px;background:transparent;border:1px solid #39566e;color:#b4d0df;font-size:12px;font-weight:700}.reset-button:hover{background:#1e3c54}.filter-status{margin:12px 0 15px;color:#8da9ba;font-size:11px}.record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.record-card{background:#0f2236;border:1px solid #263f55;border-radius:13px;padding:18px;min-height:230px;display:flex;flex-direction:column;min-width:0;transition:transform .2s,border-color .2s,background .2s}.record-card:hover{transform:translateY(-3px);border-color:#508c9b;background:#132b41}.record-card[hidden]{display:none}.card-top{display:flex;align-items:center;gap:8px}.league-emblem{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#183852;font-size:15px}.record-league{font-size:11px;font-weight:850;color:#d7efff}.record-status{font-size:9px;white-space:nowrap;margin-left:auto;font-weight:800;border-radius:5px;padding:4px 6px}.is-brief{background:#153d36;color:#86f5c8}.is-result{background:#323249;color:#c0b8ff}.card-time{font-size:10px;color:#829eaf;margin-top:17px}.record-card h3{font-size:15px;line-height:1.5;letter-spacing:-.03em;margin:8px 0;font-weight:850;color:#edf9ff}.versus{color:#56869d;font-size:10px;font-weight:800;margin:0 3px}.record-desc{font-size:12px;color:#a4bdc9;line-height:1.6;margin:0 0 15px;flex:1}.record-bottom{border-top:1px solid #28435a;padding-top:11px;display:flex;justify-content:space-between;align-items:center;gap:9px}.record-bottom>span{font-size:10px;color:#7a9aaa}.record-bottom a{color:#7ef1c6;font-size:11px;font-weight:800;white-space:nowrap}.record-bottom a:hover,.text-link:hover{text-decoration:underline}.archive-empty{background:#10253a;border:1px solid #2c4c5b;border-radius:13px;padding:26px;text-align:center;color:#b2d2d8}.archive-empty[hidden]{display:none}.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.principle{border-radius:12px;padding:20px;background:#0e2235;border:1px solid #223e53}.principle-num{color:#60e8c5;font-size:16px;font-weight:900;margin-bottom:13px;letter-spacing:.04em}.principle h3{font-size:14px;margin:0 0 8px}.principle p{font-size:12px;color:#9ab5c5;margin:0}.join-banner{margin-top:44px;border:1px solid #386977;background:linear-gradient(100deg,#183f47,#0e293d);border-radius:15px;padding:24px 27px;display:flex;justify-content:space-between;align-items:center;gap:15px}.join-banner span{font-size:10px;color:#80e4cb;font-weight:850;letter-spacing:.1em}.join-banner h2{font-size:22px;letter-spacing:-.04em;margin:7px 0}.join-banner p{color:#afd0d9;font-size:12px;margin:0}.dash-footer{border-top:1px solid #1f354c;padding:25px 48px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;color:#829aad;font-size:11px}.dash-footer nav{display:flex;gap:15px}.dash-footer a{color:#95b8c6}.dash-footer a:hover{text-decoration:underline}
@media(max-width:1200px){.dashboard-app{grid-template-columns:205px minmax(0,1fr)}.brand strong{font-size:10px}.brand small{font-size:7px}.side{padding:22px 11px}.main{padding:26px 26px 60px}.top-bar{padding:0 26px}.dash-footer{padding:22px 26px}.record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy{padding:42px 10px 32px 29px}.hero h1{font-size:37px}}
@media(max-width:900px){.dashboard-app{grid-template-columns:minmax(0,1fr)}.side{position:relative;height:auto;min-height:0;padding:14px 18px;flex-direction:row;align-items:center;justify-content:space-between;gap:15px}.brand{padding:0}.side-label,.side-nav,.side-footer{display:none}.side:after{content:'무료 분석 기록';color:#88b8c7;font-size:11px}.top-bar{height:54px}.hero{grid-template-columns:1fr 1fr}.hero-art{padding:18px 4px}.hero h1{font-size:clamp(28px,4.5vw,40px)}.hero-copy{padding:37px 8px 28px 26px}.tag-line{font-size:9px}.art-steps{font-size:8px}.stats-row{gap:9px}.stat{padding:16px 11px;gap:9px}.stat-icon{height:40px;flex-basis:40px}.stat strong{font-size:24px}}
@media(max-width:650px){.main{padding:16px 15px 55px}.side{padding:11px 15px}.brand-box{width:35px;height:35px}.brand strong{font-size:11px}.top-bar{padding:0 15px}.top-date{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:31px 23px 14px}.hero h1{font-size:34px;margin:16px 0 13px}.hero-copy>p:not(.hero-footnote){font-size:12px}.hero-art{padding:0 18px 16px;max-height:228px;overflow:hidden}.pitch{width:min(100%,290px);margin-top:-16px;margin-bottom:-18px}.art-caption,.art-steps{max-width:280px;font-size:8px}.stats-row{grid-template-columns:1fr;gap:9px}.stat{padding:14px}.stat>div:nth-child(2){display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 20px;flex:1}.stat-foot{grid-column:1/3}.stat strong{grid-column:2;grid-row:1;line-height:1}.stat-icon{flex-basis:42px;height:42px}.content-section{margin-top:32px}.section-header h2{font-size:22px}.empty-feature{display:block;padding:20px}.empty-symbol{margin-bottom:15px}.empty-feature .button{margin-top:16px}.record-grid{grid-template-columns:1fr}.filter-label{flex:1 1 130px}.filter-label.search-filter{flex:1 1 100%}.reset-button{flex:1}.principles{grid-template-columns:1fr}.principle{padding:17px}.join-banner{flex-direction:column;align-items:flex-start}.dash-footer{padding:20px 15px}.art-steps{margin-top:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}