:root{--bg:#e6e9eb;--plane:#f2f4f5;--white:#fff;--ink:#0f1113;--soft:#353a40;--muted:#676e75;--hair:#c9ced2;--tick:#b0b8be;--disp:#14171a;--dline:#2b3035;--dtext:#a3abb2;--read:#ffc46b;--mark:#ff5a1f;--ok:#1aa868;--oktint:#e2f3ea;--amber:#ffb224;--r:16px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 "Pretendard Variable","Pretendard","SUIT","Apple SD Gothic Neo","Malgun Gothic",sans-serif;letter-spacing:-.016em;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
a{color:inherit;text-decoration:none}
.lab{font:500 11.5px/1 "JetBrains Mono","D2Coding",Consolas,monospace;color:var(--muted);letter-spacing:.02em}
.wrap{max-width:1160px;margin:0 auto;padding:0 28px}
.lamp{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok);flex:none}.lamp.off{background:transparent;box-shadow:inset 0 0 0 1.5px #8d949a}.lamp.amber{background:var(--amber)}
.kd{font-size:12px;font-weight:700;line-height:1;border:1px solid var(--tick);border-radius:6px;padding:4px 7px;color:var(--soft);white-space:nowrap;flex:none}
/* top */
.top .in{max-width:1160px;margin:0 auto;padding:20px 28px;display:flex;align-items:center;gap:28px}
.logo{display:flex;align-items:center;gap:11px;font-weight:800;font-size:20px;letter-spacing:-.04em}
.logo i{width:26px;height:26px;border-radius:7px;background:var(--ink);position:relative;flex:none}.logo i::before{content:"";position:absolute;left:6px;right:6px;bottom:7px;height:3px;border-radius:2px;background:#fff}.logo i::after{content:"";position:absolute;right:6px;top:6px;width:6px;height:6px;border-radius:50%;background:var(--mark)}
.top nav{display:flex;gap:24px;font-size:15px;font-weight:600;color:var(--soft)}.top .r{margin-left:auto;font-size:14px;font-weight:600;color:var(--soft)}
/* console: the fifth-round box — asking, narrowing and status in one object */
.console{margin:10px 0 0;background:var(--plane);border:1px solid var(--hair);border-radius:20px;overflow:hidden}
.console .in{padding:32px 32px 28px;display:grid;grid-template-columns:1fr 330px;gap:48px;align-items:end}
.console h1{font-size:44px;line-height:1.14;margin:12px 0 24px;font-weight:800;letter-spacing:-.045em}
.ask{display:flex;align-items:center;background:var(--white);border:1.5px solid var(--ink);border-radius:14px;padding:6px 6px 6px 18px;max-width:720px}
.ask input{flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:16.5px;min-width:0;padding:11px 0}.ask button{border:0;background:var(--ink);color:#fff;font:inherit;font-weight:700;font-size:15px;border-radius:9px;padding:12px 22px}
.ctl{display:flex;flex-wrap:wrap;gap:14px 28px;margin-top:22px;align-items:center}.grp{display:flex;align-items:center;gap:10px}
.seg{display:inline-flex;background:#e0e4e7;border-radius:10px;padding:3px}.seg b{font-size:13.5px;font-weight:600;color:var(--soft);padding:6px 13px;border-radius:8px}.seg b.on{background:var(--white);color:var(--ink);font-weight:700;box-shadow:0 0 0 1px var(--hair)}
.dev{display:inline-flex;gap:6px}.dev b{font-size:13.5px;font-weight:600;border:1px solid var(--hair);border-radius:8px;padding:5px 11px;background:var(--white);color:var(--soft)}.dev b.on{border-color:var(--ink);color:var(--ink);font-weight:700}.dev b.add{color:var(--muted);border-style:dashed;background:transparent}
.pop .lab{display:block;margin-bottom:8px}.pop a{display:flex;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--hair);font-size:15px;font-weight:600;line-height:1.4;letter-spacing:-.03em}.pop a i{font-style:normal;color:var(--tick);margin-left:auto}
.status{background:var(--disp);color:var(--dtext);display:flex;flex-wrap:wrap;gap:8px 28px;align-items:center;padding:13px 32px;font-size:13px;font-weight:500}
.status span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.status b{font:700 14px/1 "JetBrains Mono",Consolas,monospace;color:#fff;margin-left:3px}.status .am b{color:var(--amber)}.status .at{margin-left:auto;font:500 12.5px/1 "JetBrains Mono",Consolas,monospace}
/* section head */
.sec{padding:64px 0 0}.hd{display:flex;gap:18px;align-items:end;padding-bottom:14px;margin-bottom:22px;border-bottom:1px solid var(--hair)}
.hd h2{font-size:28px;font-weight:800;margin:0;letter-spacing:-.045em;line-height:1.15}.hd p{margin:6px 0 0;color:var(--muted);font-size:14.5px}.hd em{margin-left:auto;font-style:normal;font-size:13px;color:var(--soft);display:flex;gap:8px;align-items:center;font-weight:600;padding-bottom:2px;white-space:nowrap}
.view{position:relative;display:block;overflow:hidden;background:#d9dde0}.view img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9)}
/* 01 lead answer: light plane, the one-line answer in a dark window */
.ans{display:grid;grid-template-columns:1fr 320px;gap:28px;align-items:stretch;background:var(--plane);border:1px solid var(--hair);border-radius:20px;padding:26px}
.ans .dh{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--soft)}.ans .fit{margin-left:auto;display:flex;gap:8px;align-items:center}
.ans h3{font-size:23px;line-height:1.38;margin:14px 0 18px;font-weight:800;letter-spacing:-.045em}
.win{border-radius:14px;padding:20px 24px 22px;color:#f3f5f6;background:var(--disp);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.win .wh{display:flex;align-items:center;gap:10px}.tag{font-weight:700;font-size:12px;line-height:1;background:var(--mark);color:#fff;border-radius:6px;padding:5px 9px}.win .wh .lab{color:var(--dtext)}
.win .say{font-size:25px;line-height:1.45;font-weight:700;letter-spacing:-.04em;margin:16px 0 0}.win .say mark{background:transparent;color:var(--read)}
.win .way{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid var(--dline);font-size:14.5px;font-weight:600;color:var(--read)}.win .way .lab{color:var(--dtext);margin-right:6px}.win .way i{font-style:normal;color:#6f7780}
.vals{display:flex;gap:30px;align-items:end;margin-top:18px}.vals .lab{display:block}.vals strong{display:block;font-size:16px;font-weight:700;margin-top:7px}.vals .go{margin-left:auto;font-weight:700;font-size:15px;background:var(--ink);color:#fff;border-radius:11px;padding:12px 20px;white-space:nowrap}
.ans>.view{border-radius:14px;border:1px solid var(--hair)}.ans .cap{position:absolute;left:10px;bottom:10px;background:rgba(16,18,20,.78);color:#e9edef;border-radius:7px;padding:5px 9px;font-size:11.5px;font-weight:600;line-height:1}
/* 02 check record: the dark display */
.rec{--tick:#434a51;border-radius:20px;overflow:hidden;color:#f3f5f6;background:var(--disp);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.rec .sum{display:grid;grid-template-columns:auto 1fr;gap:44px;align-items:end;padding:30px 34px 26px}
.rec .cnt{display:flex;align-items:baseline;gap:12px;font-size:15px;font-weight:600;color:#c3cad0;white-space:nowrap}.rec .cnt b{font:500 56px/1 "JetBrains Mono",Consolas,monospace;letter-spacing:-.05em;color:var(--read)}
.scale{position:relative;height:50px}.scale .bar{position:absolute;left:0;right:0;top:4px;height:18px;border-bottom:1px solid var(--tick);background:linear-gradient(90deg,var(--tick) 1px,transparent 1px) left bottom/calc(100%/24) 7px repeat-x}
.scale s{position:absolute;top:9px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--ok);opacity:.5}.scale s.r{top:6px;width:10px;height:10px;margin-left:-5px;opacity:1;box-shadow:0 0 0 3px rgba(26,168,104,.2)}.scale s.c{background:var(--amber);box-shadow:0 0 0 3px rgba(255,178,36,.22)}
.scale u{white-space:nowrap;position:absolute;top:30px;transform:translateX(-50%);text-decoration:none;font:500 11.5px/1 "JetBrains Mono",Consolas,monospace;color:var(--dtext)}.scale u:first-of-type{transform:none}.scale u:last-of-type{transform:translateX(-100%)}
.scale .now{position:absolute;top:0;width:1.5px;height:23px;background:#f3f5f6}
.rec ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--dline)}.rec li{display:grid;grid-template-columns:56px 10px 1fr auto;gap:14px;align-items:center;padding:15px 34px;border-top:1px solid var(--dline);font-size:15.5px}.rec li:first-child{border-top:0}
.rec li time{font:500 13px/1 "JetBrains Mono",Consolas,monospace;color:var(--dtext)}.rec li .t{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.03em}.rec li .res{font-size:13.5px;color:var(--dtext);white-space:nowrap}
.rec li.chg{background:rgba(255,178,36,.09)}.rec li.chg .res{color:var(--read);font-weight:700;border:1px solid rgba(255,196,107,.4);border-radius:8px;padding:5px 10px}
.rec .ft{padding:15px 34px;border-top:1px solid var(--dline);font-size:14px;color:#c3cad0;display:flex;gap:16px}.rec .ft b{margin-left:auto;font-weight:700;color:#fff;white-space:nowrap}
/* 03 for my devices */
.fits{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.ft-i{display:grid;grid-template-columns:1fr 96px;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--hair)}
.ft-i h3{font-size:18.5px;line-height:1.42;margin:10px 0 0;font-weight:700;letter-spacing:-.035em}
.who{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:var(--muted);font-weight:500}
.pill{display:inline-flex;align-items:center;gap:7px;border-radius:99px;padding:5px 11px 5px 9px;font-size:12.5px;font-weight:700;line-height:1;background:var(--oktint);color:#0b6a40}.pill.other{background:transparent;box-shadow:inset 0 0 0 1px var(--tick);color:var(--muted);font-weight:600}.pill .lamp{width:7px;height:7px}
.ft-i.other h3{color:var(--soft);font-weight:600}.ft-i .view{width:96px;height:72px;border-radius:10px}.ft-i.other .view img{filter:saturate(.5) opacity(.85)}
/* 04 reads: for readers who know the field — the question first */
.reads{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.rd{display:flex;flex-direction:column;border-top:1.5px solid var(--ink);padding-top:16px}
.rd .who{margin-bottom:14px}.rd .who b{color:var(--ink);font-weight:700}.rd .who span+span::before{content:"";display:inline-block;width:1px;height:11px;background:var(--tick);margin-right:8px;vertical-align:-1px}
.rd h3{font-size:23px;line-height:1.4;margin:0 0 12px;font-weight:800;letter-spacing:-.045em}.rd p{margin:0 0 18px;color:var(--soft);font-size:14.5px;line-height:1.65}.rd .view{margin-top:auto;aspect-ratio:16/7;border-radius:12px}
.more{display:inline-block;margin-top:22px;font-weight:700;font-size:15px;border-bottom:1.5px solid var(--ink);padding-bottom:2px}
/* 05 fields */
.bank{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.bk{background:var(--plane);border:1px solid var(--hair);border-radius:var(--r);padding:22px 22px 8px;display:block}
.bk .h{display:flex;align-items:center;gap:9px}.bk svg{width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.bk .h b{font-size:22px;font-weight:800;letter-spacing:-.04em}.bk .h small{margin-left:auto;font-size:12.5px;color:var(--muted);font-weight:600}.bk .d{color:var(--muted);font-size:13.5px;margin:4px 0 14px;display:block}
.bk .q{display:flex;gap:10px;padding:11px 0;border-top:1px solid var(--hair);font-size:14.5px;font-weight:600;letter-spacing:-.03em;line-height:1.4}.bk .q i{font-style:normal;color:var(--tick);margin-left:auto}
/* how we publish */
.how{margin-top:72px;background:var(--plane);border:1px solid var(--hair);border-radius:20px;padding:36px 40px 38px}.how h2{font-size:25px;font-weight:800;letter-spacing:-.045em;margin:0 0 28px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;position:relative}.steps::before{content:"";position:absolute;left:14px;right:14px;top:14px;border-top:1px dashed var(--tick)}
.st i{position:relative;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:var(--ink);color:#fff;font:500 13px/1 "JetBrains Mono",Consolas,monospace;font-style:normal}.st b{display:block;font-size:19px;font-weight:800;margin:16px 0 8px;letter-spacing:-.04em}.st p{margin:0;color:var(--soft);font-size:15.5px;line-height:1.72}
.foot{margin-top:28px;padding:22px 0 44px;font-size:13px;color:var(--muted);display:flex;gap:18px;flex-wrap:wrap}.foot b{color:var(--ink)}
.note{border:1px dashed var(--tick);border-radius:12px;color:var(--muted);font-size:13px;padding:13px 16px;margin:36px 0 0}
@media (max-width:860px){.wrap{padding:0 16px}.top .in{padding:14px 16px}.top nav{display:none}.logo{font-size:19px}
.console{border-radius:16px}.console .in{padding:22px 18px 18px;grid-template-columns:1fr;gap:18px}.console h1{font-size:30px;margin:10px 0 18px}.ask{padding:5px 5px 5px 14px}.ask button{padding:11px 16px}.ctl{gap:12px}.grp{flex-wrap:wrap}.seg b{padding:6px 10px}
.pop{display:flex;gap:8px;overflow-x:auto;margin:0 -18px;padding:0 18px;scrollbar-width:none}.pop .lab{display:none}.pop a{flex:none;border:1px solid var(--hair);border-radius:10px;padding:7px 12px 7px 8px;font-size:14px;background:var(--white)}.pop a i{display:none}
.status{padding:12px 18px;gap:6px 18px}.status .at{margin-left:0;width:100%;color:#7d868d}
.sec{padding-top:48px}.hd{flex-wrap:wrap;gap:8px 12px;margin-bottom:18px}.hd h2{font-size:23px}.hd em{margin-left:0;width:100%}
.ans{grid-template-columns:1fr;padding:18px;border-radius:16px}.ans>.view{display:none}.ans h3{font-size:19px;margin:12px 0 14px}.win{padding:16px 16px 18px}.win .say{font-size:20px}.vals{flex-wrap:wrap;gap:16px 26px}.vals .go{margin-left:0;width:100%;text-align:center}
.rec{border-radius:16px}.rec .sum{grid-template-columns:1fr;gap:18px;padding:22px 18px 18px}.rec .cnt b{font-size:44px}.rec li{grid-template-columns:44px 10px 1fr;gap:6px 10px;padding:14px 18px}.rec li .res{grid-column:3;justify-self:start}.rec .ft{padding:14px 18px;flex-direction:column;gap:8px}.rec .ft b{margin-left:0}
.fits{grid-template-columns:1fr}.ft-i{grid-template-columns:1fr 76px;gap:14px;padding:16px 0}.ft-i h3{font-size:17px}.ft-i .view{width:76px;height:58px}
.reads{grid-template-columns:1fr;gap:30px}.rd h3{font-size:21px}
.bank{grid-template-columns:1fr;gap:10px}.how{padding:24px 18px 26px;border-radius:16px;margin-top:54px}.how h2{font-size:21px;margin-bottom:20px}.steps{grid-template-columns:1fr;gap:22px}.steps::before{left:14px;right:auto;top:14px;bottom:14px;border-top:0;border-left:1px dashed var(--tick)}.st{display:grid;grid-template-columns:29px 1fr;gap:0 14px}.st b{margin:2px 0 6px;font-size:18px}.st p{grid-column:2}}
/* ga-9 */
.console .in{grid-template-columns:1fr 316px;align-items:end}
.dp .lab{display:block;margin-bottom:10px}.dp .g{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dv{position:relative;display:flex;flex-direction:column;border:1px solid var(--hair);border-radius:12px;padding:13px 14px 11px;color:var(--muted)}.dv svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;margin-bottom:9px}
.dv b{font-size:15px;font-weight:700;letter-spacing:-.03em;line-height:1.3}.dv small{font-size:12.5px;line-height:1.4}.dv .lamp{position:absolute;right:12px;top:12px}
.dv.on{background:var(--white);border-color:var(--ink);color:var(--ink)}.dv.on small{color:var(--soft);font-weight:600}.dv.on .lamp{box-shadow:0 0 0 3px rgba(26,168,104,.18)}
.ans{grid-template-columns:1fr}.win{padding:20px 26px 20px}.win .say{font-size:26px}.win .way{color:#e3e8eb}
.rec .cnt b{color:#fff}
.reads{grid-template-columns:1.35fr 1fr;gap:40px;align-items:start}.who span+span::before{content:"";display:inline-block;width:1px;height:11px;background:var(--tick);margin-right:8px;vertical-align:-1px}
.rd-l{display:block}.rd-l .view{aspect-ratio:16/9;border-radius:16px;border:1px solid var(--hair)}.rd-l .who{margin-top:18px}.rd-l h3{font-size:25px;line-height:1.36;margin:10px 0;font-weight:800;letter-spacing:-.045em}.rd-l p{margin:0;color:var(--soft);font-size:15.5px;line-height:1.7}
.rd-s{display:grid;grid-template-columns:1fr 112px;gap:18px;align-items:start;padding:22px 0;border-bottom:1px solid var(--hair)}.rd-s:first-child{padding-top:0}.rd-s h3{font-size:18.5px;line-height:1.42;margin:10px 0 6px;font-weight:700;letter-spacing:-.035em}.rd-s p{margin:0;color:var(--muted);font-size:14.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rd-s .view{width:112px;height:84px;border-radius:10px}
@media (max-width:860px){.console .in{grid-template-columns:1fr}.dp .g{grid-template-columns:repeat(4,1fr);gap:6px}.dv{padding:10px 8px 9px;align-items:flex-start}.dv svg{width:24px;height:24px;margin-bottom:6px}.dv b{font-size:13px}.dv small{display:none}.dv .lamp{right:8px;top:9px;width:7px;height:7px}
.win{padding:16px 16px 18px}.win .say{font-size:20px}.reads{grid-template-columns:1fr;gap:26px}.rd-l h3{font-size:21px}.rd-s{grid-template-columns:1fr 76px;gap:14px}.rd-s .view{width:76px;height:58px}.rd-s p{display:none}}
/* ga-10 */
.console .in{display:block}.dev b{display:inline-flex;align-items:center;gap:7px}.dev svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.dev .lamp{width:7px;height:7px;box-shadow:0 0 0 2.5px rgba(26,168,104,.18)}
.status b,.status .am b{color:var(--read)}
.ans{display:block}.ans h3{margin:14px 0 20px}
.unit{display:grid;grid-template-columns:1fr 316px;border-radius:14px;overflow:hidden;border:1px solid var(--hair);background:var(--white)}
.win{border-radius:0;box-shadow:none;padding:22px 28px 22px;display:flex;flex-direction:column}.win .wh .at{margin-left:auto;font:500 12.5px/1 "JetBrains Mono","D2Coding",Consolas,monospace;color:var(--dtext)}.win .wh .at b{font-weight:500;font-size:15px;color:var(--read);margin-left:9px}
.win .say{font-size:28px;margin:24px 0 28px;flex:1}.win .way{margin-top:0}
.plate{display:flex;flex-direction:column;padding:6px 22px 20px}.plate div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:15px 0;border-bottom:1px solid var(--hair)}.plate strong{font-size:15px;font-weight:700;text-align:right;letter-spacing:-.03em}
.plate .go{margin-top:auto;text-align:center;background:var(--ink);color:#fff;border-radius:11px;padding:13px;font-weight:700;font-size:15px}.plate div:last-of-type{margin-bottom:18px}
.rec .cnt b{color:var(--read)}
.reads3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.rc{display:flex;flex-direction:column;background:var(--plane);border:1px solid var(--hair);border-radius:16px;overflow:hidden}
.rc .view{aspect-ratio:16/9;border-bottom:1px solid var(--hair)}.rc .b{padding:18px 20px 18px;flex:1}.rc h3{font-size:19.5px;line-height:1.42;margin:12px 0 8px;font-weight:800;letter-spacing:-.04em}.rc p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rc .f{display:flex;padding:12px 20px;border-top:1px solid var(--hair);font-size:13px;color:var(--muted);font-weight:500}.rc .f b{margin-left:auto;color:var(--ink);font-weight:700}
@media (max-width:860px){.unit{grid-template-columns:1fr}.win{padding:16px 16px 18px}.win .say{font-size:20px;margin:16px 0 18px}.plate{padding:2px 16px 16px}.plate div{padding:13px 0}.reads3{grid-template-columns:1fr;gap:12px}}
/* ga-11 */
.console .in>*{min-width:0}
.status b{color:#fff}.status .am b{color:var(--amber)}
.console .in{display:grid;grid-template-columns:1fr 318px;gap:48px;align-items:end}
.sym .lab{display:block;margin-bottom:10px}.sym .g{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.sy{display:flex;flex-direction:column;gap:9px;background:var(--white);border:1px solid var(--hair);border-radius:11px;padding:12px 12px 10px}.sy svg{width:24px;height:24px;fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.sy b{font-size:13.5px;font-weight:700;letter-spacing:-.03em;line-height:1.3;white-space:nowrap}
.ans2{display:block;background:var(--white);border:1px solid var(--hair);border-radius:20px;overflow:hidden}
.ans2 .bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:13px 28px;color:#dfe5e9;font-size:13px;font-weight:600;background:var(--disp)}
.ans2 .fit{display:flex;gap:8px;align-items:center;margin-left:auto}.ans2 .at{font:500 12.5px/1 "JetBrains Mono","D2Coding",Consolas,monospace;color:var(--dtext);padding-left:14px;border-left:1px solid var(--dline)}.ans2 .at b{font-weight:500;font-size:15px;color:var(--read);margin-left:9px}
.ans2 .body{padding:32px 32px 32px}.ans2 .ttl{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--muted);letter-spacing:-.03em}
.ans2 .big{font-size:38px;line-height:1.3;font-weight:800;letter-spacing:-.05em}
.ans2 .way{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px}.ans2 .way .lab{margin-right:6px}.ans2 .way b{font-size:15px;font-weight:700;border:1px solid var(--hair);border-bottom-width:2px;border-radius:8px;padding:5px 12px 4px;background:var(--plane)}.ans2 .way i{font-style:normal;color:var(--tick)}
.cells{display:grid;grid-template-columns:repeat(3,1fr) auto;align-items:center;border-top:1px solid var(--hair);background:var(--plane)}.cells div{padding:16px 28px 17px;border-right:1px solid var(--hair)}.cells strong{display:block;font-size:15.5px;font-weight:700;margin-top:8px;letter-spacing:-.03em}.cells .go{margin:0 22px;background:var(--ink);color:#fff;border-radius:11px;padding:12px 22px;font-weight:700;font-size:15px;white-space:nowrap}
@media (max-width:860px){.console .in{grid-template-columns:1fr;gap:18px}.sym .lab{display:none}.sym .g{display:flex;gap:6px;overflow-x:auto;margin:0 -18px;padding:0 18px;scrollbar-width:none}.sy{flex:none;flex-direction:row;align-items:center;gap:7px;padding:7px 12px 7px 9px;border-radius:10px}.sy svg{width:19px;height:19px}
.ans2{border-radius:16px}.ans2 .bar{padding:12px 16px}.ans2 .fit{margin-left:0}.ans2 .at{margin-left:auto;padding-left:0;border-left:0}.ans2 .body{padding:20px 18px 22px}.ans2 .ttl{font-size:14.5px;margin-bottom:10px}.ans2 .big{font-size:25px;line-height:1.36}.ans2 .way{margin-top:18px}.ans2 .way b{font-size:14px;padding:4px 9px 3px}
.cells{grid-template-columns:1fr 1fr}.cells div{padding:13px 18px 14px;border-bottom:1px solid var(--hair)}.cells div:nth-child(2){border-right:0}.cells div:nth-child(3){grid-column:1/3;border-right:0}.cells .go{grid-column:1/3;margin:14px 18px 16px;text-align:center}
.bank{gap:0;background:var(--plane);border:1px solid var(--hair);border-radius:16px;overflow:hidden}.bk{background:transparent;border:0;border-bottom:1px solid var(--hair);border-radius:0;padding:16px 18px 14px}.bk:last-child{border-bottom:0}.bk .q{display:none}.bk .d{margin:3px 0 0 31px}.bk .h b{font-size:19px}.bk .h small::after{content:"  →";color:var(--tick)}}
/* ga-12 */
.console .in{grid-template-columns:1fr 320px;gap:40px}.pic{width:100%;height:auto;color:var(--ink);display:block;margin-bottom:4px}
.mine{display:none}.status i{font-style:normal}.status em{display:none;font-style:normal}
.ans2{color:#f3f5f6;border:0;background:var(--disp);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.ans2 .bar{background:transparent;border-bottom:1px solid var(--dline);padding:15px 32px}.ans2 .ttl{color:var(--dtext)}.ans2 .body{padding:34px 32px 34px}
.ans2 .way .lab,.cells .lab{color:var(--dtext)}.ans2 .way b{background:rgba(255,255,255,.07);border-color:#3d444b;color:#f3f5f6}.ans2 .way i{color:#6f7780}
.cells{grid-template-columns:1fr 1fr auto;background:transparent;border-top-color:var(--dline)}.cells div{border-right-color:var(--dline);padding:17px 32px 18px}.cells .go{background:#fff;color:var(--ink);margin:0 28px}
.rec summary{list-style:none;cursor:pointer}.rec summary::-webkit-details-marker{display:none}
.rec .sum{grid-template-columns:auto 1fr auto;gap:40px;align-items:center;padding:28px 34px 26px}.rec .cnt{align-items:center;gap:16px}.rec .cnt>span{display:block;line-height:1.4}
.rec .cnt small{display:flex;align-items:center;gap:8px;margin-top:5px;font-size:13.5px;font-weight:600;color:var(--read)}.rec .cnt small .lamp{width:7px;height:7px}
.tg{font-size:14px;font-weight:700;color:#fff;border:1px solid #3d444b;border-radius:10px;padding:10px 15px;white-space:nowrap}.tg .c,.rec[open] .tg .o{display:none}.rec[open] .tg .c{display:inline}
@media (max-width:860px){.console .in{grid-template-columns:1fr}.pic{display:none}.console .in{padding-bottom:16px}.ctl{gap:10px}.ctl .grp:last-child .lab,.ctl .dev{display:none}
.mine{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--soft)}.mine .lamp{width:7px;height:7px}.mine u{margin-left:6px;color:var(--ink);font-weight:700;text-underline-offset:3px}
.status{flex-wrap:nowrap;gap:0 16px;padding:12px 18px}.status i,.status .at{display:none}.status em{display:inline}
.ans2 .bar{padding:12px 16px}.ans2 .body{padding:22px 18px 24px}.cells{grid-template-columns:1fr 1fr}.cells div{padding:13px 18px 14px;border-bottom:1px solid var(--dline)}.cells div:nth-child(2){border-right:0}.cells div:nth-child(3){grid-column:auto}.cells .go{margin:14px 18px 16px}
.rec .sum{grid-template-columns:1fr;gap:16px;padding:20px 18px 0}.rec .cnt{gap:12px}.tg{border:0;border-top:1px solid var(--dline);border-radius:0;margin:4px -18px 0;padding:13px;text-align:center}}
/* ga-13 */
.console .in{grid-template-columns:1fr 330px;gap:44px}
.kinds .lab{display:block;margin-bottom:10px}.kinds .g{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.kn{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--hair);border-radius:12px;padding:14px 16px 13px}.kn svg{width:66px;height:38px;margin-bottom:10px;fill:none;stroke:var(--ink);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.kn svg .w{fill:var(--white)}.kn svg .k{fill:var(--ink)}
.kn b{font-size:16px;font-weight:800;letter-spacing:-.04em;line-height:1.3}.kn small{font-size:12.5px;color:var(--muted);font-weight:500;margin-top:1px}
.ans2{background:#0e1012;padding:10px 10px 0;box-shadow:none;border-radius:24px}
.scr{border-radius:15px;overflow:hidden;background:#191d21;box-shadow:inset 0 0 0 1px #30363c,inset 0 22px 44px -34px rgba(255,255,255,.16)}
.ans2 .bar{padding:15px 26px;border-bottom-color:#2e343a}.ans2 .body{padding:34px 26px 30px}
.ticks{display:block;height:10px;margin:0 26px;background:linear-gradient(90deg,#5a636b 1px,transparent 1px) left bottom/60px 10px repeat-x,linear-gradient(90deg,#454c53 1px,transparent 1px) left bottom/12px 5px repeat-x}
.sig{display:flex;align-items:flex-end;gap:20px;margin-top:30px}.sig .lab{color:var(--dtext);padding-bottom:5px}.sig ol{list-style:none;display:flex;margin:0;padding:0}
.sig li{position:relative;padding:19px 46px 0 0;font-size:15.5px;font-weight:700;color:#cfd5d9;letter-spacing:-.03em;white-space:nowrap}.sig li:last-child{padding-right:0}
.sig li::before{content:"";position:absolute;left:0;top:0;width:9px;height:9px;border-radius:50%;background:#191d21;box-shadow:inset 0 0 0 1.5px #8b949c;z-index:1}.sig li::after{content:"";position:absolute;left:9px;right:0;top:4px;height:1px;background:#5a636b}.sig li:last-child::after{display:none}
.sig li.on{color:#fff}.sig li.on::before{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.16)}
.cells{grid-template-columns:1fr 1fr 1fr auto;border-top:0}.cells div{padding:17px 26px 19px;border-right-color:#23272c}.cells .go{margin:0 18px 0 26px}
.wk{display:flex!important;align-items:center;gap:6px;margin-top:11px!important}.wk i{width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 2.5px rgba(26,168,104,.2)}.wk em{font:500 14px/1 "JetBrains Mono",Consolas,monospace;font-style:normal;color:var(--read);margin-left:8px}
@media (max-width:860px){.console .in{grid-template-columns:1fr;gap:14px}.kinds .lab{display:none}.kinds .g{grid-template-columns:repeat(4,1fr);gap:6px}.kn{padding:10px 9px 9px;border-radius:10px}.kn svg{width:44px;height:26px;margin-bottom:6px}.kn b{font-size:13.5px}.kn small{display:none}
.ans2{padding:8px 8px 0;border-radius:20px}.scr{border-radius:13px}.ans2 .bar{padding:12px 14px}.ans2 .body{padding:20px 14px 22px}.ticks{margin:0 14px}
.sig{flex-direction:column;align-items:flex-start;gap:12px;margin-top:22px}.sig .lab{padding:0}.sig li{padding-right:30px;font-size:14.5px}
.cells{grid-template-columns:1fr 1fr}.cells div{padding:14px 14px 15px;border-bottom:1px solid #23272c}.cells div:nth-child(2){border-right:0}.cells div:nth-child(3){grid-column:1/3;border-right:0}.cells .go{grid-column:1/3;margin:14px 10px 14px}}
/* ga-14 */
.console .in{grid-template-columns:1fr 360px}
.kinds .g{gap:0;border:1px solid var(--hair);border-radius:14px;overflow:hidden}.kn{background:transparent;border:0;border-radius:0;padding:18px 20px 16px}.kn:nth-child(odd){border-right:1px solid var(--hair)}.kn:nth-child(-n+2){border-bottom:1px solid var(--hair)}
.kn svg{width:56px;height:24px;margin-bottom:14px;stroke-width:2}.kn svg .w{fill:var(--plane)}.kn b{font-size:19px;letter-spacing:-.045em}.kn small{display:flex;gap:8px;font-size:12.5px;font-weight:600;color:var(--soft);margin-top:4px}.kn small i{font:500 12px/1.5 "JetBrains Mono",Consolas,monospace;font-style:normal;color:var(--muted)}
.kn.on{background:var(--ink);color:#fff}.kn.on svg{stroke:#fff}.kn.on svg .w{fill:var(--ink)}.kn.on svg .k{fill:#fff}.kn.on small,.kn.on small i{color:#c3cad0}
.pg{gap:6px!important}.pg b{font-weight:800;margin-left:8px}.pg i{font-style:normal;display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--hair);border-radius:9px;background:var(--plane);font-size:17px;line-height:1;color:var(--ink);margin-left:2px}
.sig{flex-direction:column;align-items:flex-start;gap:13px}.sig .lab{padding:0}
.ans2 .body{padding-bottom:34px}
.week{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:start;padding:22px 26px 16px;border-top:1px solid #2e343a}.week .lab{color:var(--dtext);padding-top:1px}.week em{font:500 15px/1 "JetBrains Mono",Consolas,monospace;font-style:normal;color:var(--read)}
.week ol{list-style:none;margin:5px 0 0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid #5a636b;background:linear-gradient(90deg,#454c53 1px,transparent 1px) left top/calc(100%/28) 4px repeat-x}
.week li{position:relative;text-align:center;padding-top:15px;font:500 11.5px/1 "JetBrains Mono",Consolas,monospace;color:var(--dtext)}.week li::before{content:"";position:absolute;left:50%;top:0;width:1px;height:8px;background:#5a636b}
.week li i{position:absolute;left:50%;top:-5px;width:9px;height:9px;margin-left:-4px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px rgba(26,168,104,.22)}.week li.t{color:#fff}
.cells{grid-template-columns:auto 1fr 1fr auto}.ev{font:500 11.5px/1 "JetBrains Mono","D2Coding",Consolas,monospace;letter-spacing:.02em;color:var(--dtext);padding:0 4px 0 26px}.cells div{border-left:1px solid #23272c;border-right:0}.cells .go{margin-left:18px}
@media (max-width:860px){.console .in{grid-template-columns:1fr}.kinds .g{grid-template-columns:1fr 1fr;gap:0}.kn{padding:12px 14px 11px;border-radius:0}.kn svg{width:42px;height:18px;margin-bottom:8px}.kn b{font-size:16px}.kn small{display:flex;font-size:12px}
.pg i{width:28px;height:28px}.week{grid-template-columns:1fr auto;gap:14px 12px;padding:16px 14px 14px}.week ol{grid-column:1/3;grid-row:2;margin-top:6px}.week li{font-size:10.5px}
.cells{grid-template-columns:1fr 1fr}.ev{grid-column:1/3;padding:14px 14px 0}.cells div{border-left:0}.cells div:nth-child(2){grid-column:auto;border-right:1px solid #23272c}.cells div:nth-child(3){grid-column:auto;border-right:0}.cells .go{margin:14px 10px}}
/* ga-15 */
.console .in{grid-template-columns:1fr 400px;gap:36px}
.sel{position:relative;height:222px}.dialw{position:absolute;left:50%;top:46px;width:160px;height:160px;margin-left:-80px}.dialw svg{position:absolute;inset:0;stroke:var(--tick);stroke-width:1.2;stroke-linecap:round}.dialw svg .M{stroke:var(--ink);stroke-width:1.6}
.knob{position:absolute;left:50%;top:50%;width:104px;height:104px;margin:-52px 0 0 -52px;border-radius:50%;background:linear-gradient(#fff,#e7eaec);box-shadow:0 0 0 1px var(--hair),inset 0 1px 0 #fff,0 14px 22px -12px rgba(15,17,19,.45);transition:transform .28s cubic-bezier(.3,1.3,.5,1)}
.knob::before{content:"";position:absolute;inset:13px;border-radius:50%;background:linear-gradient(#eef0f2,#fff);box-shadow:inset 0 0 0 1px var(--hair)}.knob i{position:absolute;left:50%;top:7px;width:4px;height:24px;margin-left:-2px;border-radius:2px;background:var(--ink)}
.dl{position:absolute;display:grid;grid-template-columns:auto auto;gap:1px 8px;align-items:center;cursor:pointer;color:var(--muted)}.dl b{font-size:16px;font-weight:700;letter-spacing:-.04em;line-height:1.3;white-space:nowrap}.dl small{grid-column:2;font-size:12px;font-weight:600;white-space:nowrap}.dl small i{font:500 11.5px/1 "JetBrains Mono",Consolas,monospace;font-style:normal;margin-left:6px}
.dl .lamp{width:7px;height:7px;background:transparent;box-shadow:inset 0 0 0 1.5px var(--tick)}.dl.on{color:var(--ink)}.dl.on b{font-weight:800}.dl.on .lamp{background:var(--ok);box-shadow:0 0 0 3px rgba(26,168,104,.2)}
.dl.p0{left:50%;top:0;transform:translateX(-50%);grid-template-columns:auto auto auto}.dl.p0 small{grid-column:auto}
.dl.p1,.dl.p3{right:calc(50% + 88px);justify-items:end;grid-template-columns:auto auto}.dl.p1 .lamp,.dl.p3 .lamp{grid-column:2;grid-row:1}.dl.p1 b,.dl.p3 b{grid-column:1;grid-row:1}.dl.p1 small,.dl.p3 small{grid-column:1}
.dl.p2,.dl.p4{left:calc(50% + 88px)}.dl.p1,.dl.p2{top:68px}.dl.p3,.dl.p4{top:146px}
.ans2 .body{display:grid;grid-template-columns:1fr auto;gap:0 44px;align-items:start}.ans2 .ttl,.ans2 .big{grid-column:1}.sig{grid-column:2;grid-row:1/3;margin-top:6px}
@media (max-width:860px){.console .in{grid-template-columns:1fr}.sel{height:auto;display:flex;flex-wrap:wrap;gap:6px}.dialw{display:none}
.dl,.dl.p0,.dl.p1,.dl.p2,.dl.p3,.dl.p4{position:static;transform:none;display:flex;align-items:center;gap:7px;border:1px solid var(--hair);border-radius:9px;padding:7px 11px 7px 9px;background:var(--white)}.dl b{font-size:13.5px}.dl small{display:none}.dl.on{border-color:var(--ink)}
.ans2 .body{grid-template-columns:1fr}.sig{grid-column:1;grid-row:1;justify-self:end;margin:0 0 20px}.sig li{padding-right:24px}}
@media (max-width:860px){.cells{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:14px 14px 15px}.ev,.cells .lab{display:none}.cells div,.cells div:nth-child(2),.cells div:nth-child(3){padding:0;border:0}.cells strong{display:inline;margin:0;font-size:13.5px;font-weight:600;color:#c3cad0}.cells div+div::before{content:"·";margin-right:10px;color:#6f7780}.cells .go{margin:0 0 0 auto;padding:0;background:transparent;color:#fff;font-size:14px}}
/* ga-16 */
.console .in{grid-template-columns:1fr 300px;gap:44px}
.sel{height:182px}.dialw{top:34px;width:140px;height:140px;margin-left:-70px}.dialw svg{stroke-width:1.1}.dialw svg .M{stroke-width:1.4}
.knob{width:90px;height:90px;margin:-45px 0 0 -45px;background:var(--white);box-shadow:0 0 0 1.5px var(--ink)}.knob::before{display:none}.knob i{top:9px;width:3px;height:19px;margin-left:-1.5px}
.dl,.dl.p0,.dl.p1,.dl.p2,.dl.p3,.dl.p4{display:flex;align-items:center;gap:7px;grid-template-columns:none}.dl b{font-size:15px;font-weight:600}.dl.on b{font-weight:800}
.dl.p1,.dl.p3{flex-direction:row-reverse;right:calc(50% + 70px)}.dl.p2,.dl.p4{left:calc(50% + 70px)}.dl.p1,.dl.p2{top:61px}.dl.p3,.dl.p4{top:125px}.dl.p0{top:0}
@media (max-width:860px){.console .in{grid-template-columns:1fr}.sel{height:auto;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.dl,.dl.p0,.dl.p1,.dl.p2,.dl.p3,.dl.p4{flex:none;flex-direction:row;padding:7px 11px 7px 9px}.dl.p3{order:1}.dl.p1{order:2}.dl.p2{order:3}.dl.p4{order:4}.dl b{font-size:13.5px}
.sig{grid-row:3;justify-self:start;margin:16px 0 0}.sig ol{flex-wrap:wrap}.sig li{padding:0;font-size:13.5px;font-weight:600;color:var(--dtext)}.sig li::before{display:none}.sig li::after{position:static;display:inline;content:"›";background:none;height:auto;margin:0 9px;color:#6f7780}.sig li:last-child::after{display:none}.sig li.on{color:#fff}}
/* ga-17 */
.console .in{grid-template-columns:1fr 372px;gap:0;align-items:stretch;padding:0}.console .in>div:first-child{padding:32px 36px 30px 32px}
.zone{border-left:1px solid var(--hair);padding:32px 0 20px;display:flex;flex-direction:column}.zone>.lab{padding-left:28px}
.sel{height:232px;margin:auto 0}.dialw{top:36px;width:180px;height:180px;margin-left:-90px}.dialw svg{stroke:var(--tick);stroke-width:1.2}.dialw svg .M{stroke:var(--ink);stroke-width:1.7}
.knob{width:118px;height:118px;margin:-59px 0 0 -59px;background:repeating-conic-gradient(#2b3035 0 2.5deg,#0f1113 2.5deg 5deg);box-shadow:0 0 0 1px #0f1113,0 16px 20px -14px rgba(15,17,19,.6)}
.knob::before{display:block;inset:9px;background:#15181b;box-shadow:inset 0 0 0 1px #2b3035,inset 0 1px 0 rgba(255,255,255,.07)}.knob i{top:13px;width:3.5px;height:26px;margin-left:-1.75px;background:#fff}
.dl.p1,.dl.p3{right:calc(50% + 88px)}.dl.p2,.dl.p4{left:calc(50% + 88px)}.dl.p1,.dl.p2{top:74px}.dl.p3,.dl.p4{top:156px}.dl.p0{top:4px}
.status .lab{color:#7d868d;padding-right:20px;border-right:1px solid var(--dline)}
@media (min-width:861px){.cells{display:flex;align-items:center;gap:0 12px;padding:16px 18px 18px 26px}.ev{padding:0 12px 0 0}.cells .lab{display:none}.cells div{padding:0;border:0}.cells strong{display:inline;margin:0;font-size:15px;font-weight:600;color:#dfe5e9}.cells div+div::before{content:"·";margin-right:12px;color:#6f7780}.cells .go{margin:0 0 0 auto}}
@media (max-width:860px){.console .in{grid-template-columns:1fr;gap:0}.console .in>div:first-child{padding:22px 18px 0}.ctl{margin-top:14px}.zone{border:0;padding:12px 18px 18px}.zone>.lab{display:none}.sel{height:auto;margin:0}.status .lab{display:none}}
/* knob: soft top light on the cap, a thin lighter ring between rim and cap */
.knob::before{background:linear-gradient(#23282d,#111315 78%);box-shadow:0 0 0 1.5px #3d444b,inset 0 1px 0 rgba(255,255,255,.1),inset 0 -8px 12px -8px rgba(0,0,0,.5)}
/* 「처음이라면 이 순서로」 strip under the question console (report 1-325); shown on the default home and with the AI field */
.fp-strip{display:flex;align-items:center;gap:18px;margin:14px 0 0;padding:14px 22px;background:#13161b;color:#eef2f6;border-radius:16px;text-decoration:none}.fp-strip[hidden]{display:none}.fp-strip:hover .fp-strip-go{transform:translateX(3px)}
.fp-strip-tag{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#ffb08f;white-space:nowrap}.fp-strip-tag i{width:8px;height:8px;border-radius:50%;background:var(--mark)}
.fp-strip-say{display:flex;align-items:baseline;gap:14px;flex:1;min-width:0}.fp-strip-say b{font-size:17px;color:#fff}.fp-strip-say span{font-size:14px;color:#a3abb2}.fp-strip-go{font-size:22px;line-height:1;color:#fff;transition:transform .15s}
@media (max-width:860px){.fp-strip{flex-wrap:wrap;gap:4px 12px;padding:13px 16px}.fp-strip-tag{flex-basis:100%}.fp-strip-say{flex-direction:column;gap:0}.fp-strip-say b{font-size:16px}.fp-strip-say span{font-size:13.5px}}