/* id.sonaapi.com. CSP 때문에 인라인 style 없음. 카드 비율은 ID-1(85.6:54). */
.id main{padding-top:84px}
.id-hero{max-width:var(--max);margin:0 auto;padding:64px 22px 40px;display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
.id-hero h1{font-size:clamp(40px,6vw,76px);margin:14px 0 20px}.id-hero em{font-family:"Instrument Serif",serif;font-weight:400;color:var(--amber)}
.kick{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.id .sub{color:var(--muted);max-width:60ch;margin-bottom:24px}
.id .btn{display:inline-block;background:var(--coral);color:#fff;border:0;border-radius:12px;padding:13px 24px;font:700 16px Inter,sans-serif;text-decoration:none;cursor:pointer}
.id-stats{max-width:var(--max);margin:0 auto;padding:18px 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.id-stats div{border:1px solid var(--line);border-radius:16px;padding:20px;background:#ffffff08}.id-stats b{display:block;font-size:clamp(26px,3.4vw,42px);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.id-stats span{color:var(--muted);font-size:14px}
.id-wrap{max-width:860px;margin:0 auto;padding:56px 22px}.id-wrap h2{font-size:clamp(28px,4vw,44px);margin-bottom:12px}.block h2,.proof h2{font-size:22px;letter-spacing:-.02em;margin-bottom:12px}
.vform label{display:block;font-size:14px;color:var(--muted);margin-bottom:8px}.vform div{display:flex;gap:10px}.vform input{flex:1;min-width:0;background:#ffffff0d;border:1px solid var(--line2);border-radius:12px;color:var(--text);padding:13px 16px;font:600 18px ui-monospace,Menlo,Consolas,monospace;letter-spacing:.06em}
.feed li a{display:grid;grid-template-columns:120px 1fr 1fr 170px;gap:12px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--line);text-decoration:none;font-size:15px}.feed li a:hover{background:#ffffff08}.feed time,.feed .w{color:var(--muted)}.feed time{font-size:13px;text-align:right}
.ev{font-size:12.5px;font-weight:700;padding:3px 9px;border-radius:99px;background:#ffffff14;justify-self:start}
.how{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.how article{border:1px solid var(--line);border-radius:16px;padding:22px;background:#ffffff08}.how h3{font-size:18px;letter-spacing:-.02em;margin-bottom:8px}.how p{color:var(--muted);font-size:15px}
.id-foot{max-width:860px;margin:30px auto 0;padding:30px 22px 50px;border-top:1px solid var(--line);color:var(--dim);font-size:13.5px}.id-foot p+p{margin-top:8px}
.vhead{margin-bottom:22px}.verdict{display:inline-block;font-weight:800;font-size:15px;padding:7px 15px;border-radius:99px}.verdict.ok{background:#39d98a24;color:#7ff0b8}.verdict.ok::before{content:"✓ "}.verdict.bad{background:#ff5f6d26;color:#ffb0b7}.verdict.bad::before{content:"✕ "}
.nofound h1{font:700 clamp(24px,5vw,40px) ui-monospace,Menlo,Consolas,monospace;margin:16px 0}
.proof,.block{margin-top:26px;border:1px solid var(--line);border-radius:16px;padding:22px;background:#ffffff08}.proof dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 0}.proof dt{font-size:12.5px;color:var(--dim)}.proof dd{margin:0;overflow-wrap:anywhere}code{font:13px ui-monospace,Menlo,Consolas,monospace}
.links a{display:flex;justify-content:space-between;gap:14px;padding:10px 0;text-decoration:none;border-bottom:1px solid var(--line)}.links span{color:var(--muted);font:13px ui-monospace,Menlo,Consolas,monospace}
.hist li{display:grid;grid-template-columns:1fr auto auto;gap:14px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14.5px}.hist time,.hist code{color:var(--muted);font-size:13px}
/* 카드 */
.sidcard{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;margin:0;width:100%;max-width:560px;aspect-ratio:856/540;perspective:1100px;container-type:inline-size}
.card-in{position:relative;width:100%;height:100%;border-radius:4.4cqw;overflow:hidden;color:#fff;padding:5cqw 5.4cqw;display:flex;flex-direction:column;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .18s ease-out;box-shadow:0 30px 70px #0009,inset 0 0 0 1px #ffffff30;background:linear-gradient(135deg,#1b1450,#3a1a8a 45%,#ff5f6d)}
.is-creator .card-in{background:linear-gradient(135deg,#231305,#7a4a10 48%,#ffb84d);box-shadow:0 30px 70px #0009,inset 0 0 0 1px #ffe2a860}
.gu{position:absolute;inset:0;width:100%;height:100%}.micro{fill:#ffffffa0;font:7px ui-monospace,Menlo,monospace;letter-spacing:.6px}
.holo{position:absolute;inset:0;mix-blend-mode:color-dodge;opacity:.42;background:conic-gradient(from 120deg at var(--mx) var(--my),#ff5f6d,#ffd76e,#6effc0,#6ec4ff,#c86eff,#ff5f6d);mask-image:radial-gradient(circle at var(--mx) var(--my),#000 0,#0000 62%);pointer-events:none}
.sidcard header,.mid,.sidcard footer,.fict{position:relative}
.sidcard header{display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:1.4cqw;font-weight:800;letter-spacing:.2em;font-size:3.4cqw}.brand img{width:4.6cqw;height:4.6cqw}.kindlabel{font-size:2.5cqw;letter-spacing:.18em;text-transform:uppercase;opacity:.92}
.mid{flex:1;display:flex;gap:4cqw;align-items:center;min-height:0;margin-top:2cqw}.sigil{flex:0 0 20cqw;width:20cqw;height:20cqw;fill:#fff;opacity:.92;padding:1.8cqw;background:#0000002e;border-radius:3cqw;box-shadow:inset 0 0 0 1px #ffffff40}
.nm{font-weight:800;font-size:5.8cqw;letter-spacing:-.02em;line-height:1.1;margin-bottom:1.6cqw}.mid dl{display:grid;grid-template-columns:1fr 1fr;gap:1cqw 3.4cqw;margin:0}.mid dt{font-size:1.9cqw;letter-spacing:.12em;text-transform:uppercase;opacity:.78}.mid dd{margin:0;font-size:2.7cqw;font-weight:600;overflow-wrap:anywhere;line-height:1.2}
.sidcard footer{display:flex;justify-content:space-between;align-items:flex-end}.no{font:700 4.5cqw ui-monospace,Menlo,Consolas,monospace;letter-spacing:.06em;text-shadow:0 1px 0 #0006}.qr{width:13cqw;height:13cqw;background:#fff;border-radius:1.2cqw;padding:.7cqw}
.fict{font-size:1.9cqw;opacity:.82;margin-top:.8cqw}
.stamp{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%) rotate(-11deg);border:.8cqw solid #ff5f6d;color:#ffb0b7;background:#10061ad0;padding:1.6cqw 5cqw;border-radius:2cqw;font-weight:900;font-size:7cqw;letter-spacing:.08em;text-transform:uppercase}
.sidcard.is-hero{justify-self:end}
@media(prefers-reduced-motion:reduce){.card-in{transition:none}}
@media(max-width:860px){.id-hero{grid-template-columns:1fr;padding-top:32px;gap:34px}.sidcard.is-hero{justify-self:center}.id-stats{grid-template-columns:1fr 1fr}.how{grid-template-columns:1fr}.feed li a{grid-template-columns:auto 1fr;row-gap:2px}.feed .w,.feed time{grid-column:2;text-align:left}.vform div{flex-direction:column}.hist li{grid-template-columns:1fr}.proof dl{grid-template-columns:1fr}}

.pic{position:relative;flex:0 0 20cqw;width:20cqw;height:25cqw;border-radius:2.2cqw;overflow:hidden;box-shadow:0 0 0 .3cqw #ffffff4d}.pic img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block}.pic::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx) var(--my),#ffffff59,#fff0 55%);mix-blend-mode:screen;pointer-events:none}.pic .sigil{position:absolute;right:.8cqw;bottom:.8cqw;flex:none;width:6.4cqw;height:6.4cqw;padding:.5cqw;border-radius:1cqw;opacity:.9;box-shadow:none}
.shots{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.shots li{min-width:0}.shots img{width:100%;height:auto;border-radius:10px;display:block;background:#ffffff14}.shots span{display:block;margin-top:6px;font-size:13px;opacity:.8}