:root{--meter-ink:#30271f;--meter-muted:#796b5a;--meter-gold:#b57d2f;--meter-gold-deep:#87591d;--meter-paper:#fbf7f0;--meter-card:#fff;--meter-line:#e6d9c5;--meter-blue:#516f7b;--meter-red:#b85d4c}
*{box-sizing:border-box}.kinojo-meter-page{margin:0;background:radial-gradient(circle at 15% 3%,rgba(220,183,120,.18),transparent 34%),linear-gradient(180deg,#f8f2e8,#f5efe6 52%,#f9f6f0);color:var(--meter-ink);font-family:Pretendard,"Noto Sans KR","Segoe UI",sans-serif}.meter-wrap{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 42px}.meter-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:22px;align-items:stretch;margin:18px 0 16px}.meter-hero-copy{position:relative;overflow:hidden;min-height:310px;padding:42px;border:1px solid rgba(218,197,163,.86);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(250,239,219,.92));box-shadow:0 20px 55px rgba(84,62,33,.1)}.meter-hero-copy:after{content:"DPS";position:absolute;right:-22px;bottom:-50px;font-size:170px;font-weight:1000;line-height:1;color:rgba(170,118,45,.07);letter-spacing:-.08em}.meter-kicker{position:relative;z-index:1;font-size:11px;font-weight:1000;letter-spacing:.2em;color:var(--meter-gold)}.meter-hero h1{position:relative;z-index:1;max-width:620px;margin:10px 0 12px;font-size:clamp(34px,5vw,58px);line-height:1.08;letter-spacing:-.045em}.meter-hero-copy p{position:relative;z-index:1;max-width:670px;margin:0;color:var(--meter-muted);font-size:15px;line-height:1.7}.meter-hero-actions{position:relative;z-index:1;display:flex;gap:9px;margin-top:24px}.meter-primary,.meter-query{background:linear-gradient(135deg,#bc8437,#93601f)!important;color:#fff!important;border-color:transparent!important}.meter-download-card{position:relative;padding:26px;border-radius:28px;background:linear-gradient(160deg,#2c2824,#191716);color:#fff;box-shadow:0 20px 55px rgba(36,29,22,.2);overflow:hidden}.meter-download-card:after{content:"";position:absolute;width:180px;height:180px;right:-60px;top:-65px;border-radius:50%;background:radial-gradient(circle,rgba(236,184,90,.28),transparent 70%)}.meter-beta{display:inline-flex;padding:5px 9px;border:1px solid rgba(255,211,127,.5);border-radius:999px;color:#ffd68e;font-size:10px;font-weight:1000;letter-spacing:.14em}.meter-download-card h2{margin:14px 0 4px;font-size:27px}.meter-download-card>p{margin:0;color:#c9c0b3;font-size:13px}.meter-download-card dl{display:grid;gap:0;margin:20px 0 15px;border-top:1px solid rgba(255,255,255,.12)}.meter-download-card dl div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12)}.meter-download-card dt{color:#aaa096;font-size:12px}.meter-download-card dd{margin:0;font-weight:800;font-size:12px}.meter-download-full{display:flex!important;width:100%;justify-content:center;background:#d39743!important;color:#1f1a14!important;border-color:transparent!important}.meter-download-full[aria-disabled="true"]{opacity:.58;pointer-events:none}.meter-download-card small{display:block;margin-top:9px;color:#a99e91;line-height:1.5}.meter-notice{display:flex;gap:13px;align-items:center;padding:12px 16px;border:1px solid #ead1a8;border-radius:15px;background:#fff8e9;color:#755022;font-size:12px}.meter-notice strong{white-space:nowrap}.meter-filter-card{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:10px;align-items:end;margin:16px 0;padding:16px;border:1px solid var(--meter-line);border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 10px 28px rgba(84,62,33,.07)}.meter-filter-card>div{display:grid;gap:6px}.meter-filter-card label{font-size:11px;font-weight:900;color:#705b3d}.meter-filter-card select{height:42px;padding:0 12px;border:1px solid #dfd1bb;border-radius:12px;background:#fff;color:#3d3327;font-weight:700}.meter-query{height:42px}.meter-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.meter-summary article{display:grid;gap:3px;padding:18px;border:1px solid var(--meter-line);border-radius:19px;background:rgba(255,255,255,.94);box-shadow:0 10px 25px rgba(84,62,33,.06)}.meter-summary span{font-size:11px;font-weight:850;color:var(--meter-muted)}.meter-summary strong{font-size:26px;letter-spacing:-.03em;color:#443424}.meter-summary small{color:#a0907c}.meter-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:14px}.meter-panel{padding:22px;border:1px solid var(--meter-line);border-radius:23px;background:#fff;box-shadow:0 14px 34px rgba(84,62,33,.08)}.meter-panel header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.meter-panel header span{font-size:10px;letter-spacing:.15em;color:var(--meter-gold);font-weight:1000}.meter-panel h2{margin:3px 0 0;font-size:23px}.meter-panel header small{color:#9b8b76}.meter-chart-head{display:grid;grid-template-columns:130px 1fr;padding:0 8px 8px;color:#9a8b78;font-size:10px;font-weight:850}.meter-bucket-chart{display:grid;gap:8px}.meter-bucket-row{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:10px}.meter-bucket-label strong{display:block;font-size:12px}.meter-bucket-label small{color:#998a76}.meter-bars{display:grid;gap:4px}.meter-bar{position:relative;height:21px;border-radius:7px;background:#eee7dd;overflow:hidden}.meter-bar i{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,#6b8791,#4f6d78)}.meter-bar.p90 i{background:linear-gradient(90deg,#d1a052,#b67627)}.meter-bar span{position:absolute;inset:0 7px;display:flex;align-items:center;justify-content:flex-end;color:#fff;font-size:10px;font-weight:950;text-shadow:0 1px 4px rgba(0,0,0,.35)}.meter-loading,.meter-empty{padding:36px;text-align:center;color:#8f806e;border:1px dashed #dfd2c0;border-radius:15px}.meter-footnote{margin:16px 0 0;color:#998b78;font-size:11px;line-height:1.55}.meter-my-empty{text-align:center;padding:32px 12px;border:1px dashed #dfd2c0;border-radius:16px;background:#fcfaf6}.meter-my-empty strong{display:block;font-size:16px}.meter-my-empty p{color:#877763;font-size:12px;line-height:1.6}.meter-percentile{display:grid;justify-items:center;padding:24px;border-radius:18px;background:linear-gradient(150deg,#2d2925,#171514);color:#fff}.meter-percentile span{color:#cbbda9;font-size:11px}.meter-percentile strong{margin:4px 0;font-size:35px;color:#ffd38a}.meter-percentile small{color:#a99d8f}.meter-my-result dl{margin:14px 0 0}.meter-my-result dl div{display:flex;justify-content:space-between;padding:11px 3px;border-bottom:1px solid #eee6d9}.meter-my-result dt{color:#887864}.meter-my-result dd{margin:0;font-weight:900}.meter-method{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.meter-method div{position:relative;padding:20px 20px 20px 62px;border:1px solid var(--meter-line);border-radius:18px;background:rgba(255,255,255,.82)}.meter-method span{position:absolute;left:18px;top:18px;color:#c18b42;font-size:20px;font-weight:1000}.meter-method strong{display:block}.meter-method p{margin:5px 0 0;color:#887966;font-size:12px;line-height:1.5}
@media(max-width:900px){.meter-hero,.meter-grid{grid-template-columns:1fr}.meter-filter-card{grid-template-columns:repeat(2,1fr)}.meter-query{grid-column:1/-1}.meter-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.meter-wrap{width:min(100% - 20px,1180px);padding-top:14px}.meter-hero{gap:10px;margin-top:8px}.meter-hero-copy{min-height:0;padding:25px 20px;border-radius:22px}.meter-hero h1{font-size:34px}.meter-hero-copy p{font-size:13px}.meter-hero-actions{display:grid;grid-template-columns:1fr 1fr}.meter-download-card{padding:21px;border-radius:22px}.meter-notice{align-items:flex-start;flex-direction:column;gap:4px}.meter-filter-card{grid-template-columns:1fr 1fr;padding:12px}.meter-summary{gap:7px}.meter-summary article{padding:14px}.meter-summary strong{font-size:21px}.meter-panel{padding:16px}.meter-chart-head,.meter-bucket-row{grid-template-columns:98px 1fr}.meter-method{grid-template-columns:1fr}.meter-method div{padding-top:16px;padding-bottom:16px}.common-footer{margin-top:18px}}

.meter-pass-form{display:grid;gap:7px;margin-top:16px;text-align:left}.meter-pass-form label{font-size:11px;font-weight:900;color:#705b3d}.meter-pass-form>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.meter-pass-form input{min-width:0;height:42px;padding:0 12px;border:1px solid #dfd1bb;border-radius:12px;background:#fff;color:#3d3327;font:inherit}.meter-pass-form input:focus{outline:2px solid rgba(181,125,47,.24);border-color:#bd8640}.meter-pass-form small{color:#9a8b78;line-height:1.45}.meter-pass-error{min-height:18px!important;margin:0!important;color:#a64032!important;font-weight:750}.meter-my-reset{width:100%;margin-top:12px;padding:10px;border:1px solid #dfd1bb;border-radius:11px;background:#fff;color:#705b3d;font-weight:850;cursor:pointer}.meter-my-reset:hover{background:#faf5ed}
@media(max-width:600px){.meter-pass-form>div{grid-template-columns:1fr}.meter-pass-form button{width:100%}}