.wnb{--navy-deep:#061c42;--panel:#0c2650;--gold:#ffc72c;--orange:#ff5b1f;--bone:#fafaf7;--line:hsla(60,23%,97%,.12);--muted:hsla(60,23%,97%,.6);--muted-2:hsla(60,23%,97%,.42);--muted-hi:hsla(60,23%,97%,.75);--ease:cubic-bezier(.22,1,.36,1);--f-display:var(--font-bebas),"Bebas Neue",sans-serif;--f-serif:var(--font-fraunces),"Fraunces",Georgia,serif;--f-mono:var(--font-jbmono),"JetBrains Mono",monospace;display:flex;flex-direction:column;gap:14px;font-family:var(--f-mono);color:var(--bone)}.wnb button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}.wnb code{font-family:var(--f-mono)}.wnb .wn-head{display:flex;align-items:center;gap:10px}.wnb .wn-head .eyebrow{font-size:13px;letter-spacing:.26em;font-weight:700;color:var(--gold)}.wnb .wn-head .rule{flex:1;height:1px;background:var(--line)}.wnb .card{background:var(--panel);border:1px solid var(--line);border-radius:16px}.wnb .m1{padding:22px 20px;position:relative;overflow:hidden;background:radial-gradient(120% 90% at 100% 0,rgba(255,199,44,.09),transparent 55%),var(--panel);border-color:rgba(255,199,44,.22)}.wnb .m1-emblem{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;margin-bottom:14px;background:linear-gradient(150deg,rgba(255,199,44,.18),rgba(255,199,44,.05));border:1px solid rgba(255,199,44,.35);color:var(--gold)}.wnb .m1-emblem svg{width:20px;height:20px}.wnb .m1-title{font-family:var(--f-display);font-size:29px;line-height:.9;letter-spacing:.01em;margin:0 0 9px;font-weight:400}.wnb .m1-sub{font-family:var(--f-serif);font-weight:380;font-size:16px;line-height:1.5;color:hsla(60,23%,97%,.85);margin:0 0 18px}.wnb .linkbox{border:1px dashed rgba(255,199,44,.35);border-radius:10px;padding:11px 12px;margin-bottom:12px;background:rgba(6,28,66,.4)}.wnb .link-label{font-size:13px;letter-spacing:.2em;font-weight:700;color:var(--muted-hi)}.wnb .link-row{display:flex;align-items:center;gap:8px;margin-top:6px}.wnb .link-row code{flex:1;font-size:13px;color:var(--bone);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wnb .link-row.skeleton code{color:transparent;background:linear-gradient(90deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.13),hsla(0,0%,100%,.06));border-radius:4px;height:14px;animation:nu-sk 1.4s infinite}.wnb .mini-btn{min-height:44px;font-size:13px;letter-spacing:.06em;font-weight:700;color:var(--gold);border:1px solid rgba(255,199,44,.4);border-radius:6px;padding:11px 14px;transition:background .2s,color .2s;white-space:nowrap}.wnb .mini-btn.done,.wnb .mini-btn:active,.wnb .mini-btn:hover{background:var(--gold);color:#2a1e00}.wnb .mini-btn.done{border-color:var(--gold)}.wnb .m1-actions{display:flex;gap:10px}.wnb .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--f-display);letter-spacing:.04em;font-size:18px;font-weight:400;padding:14px 18px 11px;border-radius:10px;flex:1;transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .2s}.wnb .btn svg{width:16px;height:16px;margin-top:-3px}.wnb .btn-primary{background:var(--orange);color:#fff;box-shadow:0 12px 26px -12px rgba(255,91,31,.8)}.wnb .btn-primary:active,.wnb .btn-primary:hover{transform:translateY(-2px)}.wnb .caption{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.wnb .caption>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:44px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-hi);font-weight:700}.wnb .caption>summary::-webkit-details-marker{display:none}.wnb .caption>summary .chev{transition:transform .25s var(--ease)}.wnb .caption[open]>summary .chev{transform:rotate(180deg)}.wnb .cap-text{font-family:var(--f-serif);font-size:14px;line-height:1.55;color:hsla(60,23%,97%,.85);margin:12px 0 10px;padding:12px;background:rgba(6,28,66,.5);border-radius:9px;border:1px solid var(--line)}.wnb .cap-copy{font-size:13px;letter-spacing:.08em;font-weight:700;color:var(--gold)}.wnb .m1-success{text-align:center;padding:8px 4px 2px}.wnb .ok{width:54px;height:54px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;color:#2a1e00;font-size:26px;background:radial-gradient(circle at 40% 30%,#ffe58a,#ffc72c 60%,#e0a400);box-shadow:0 8px 22px -6px rgba(255,199,44,.6)}.wnb .ok-title{font-family:var(--f-display);font-size:28px;line-height:.9}.wnb .ok-sub{font-family:var(--f-serif);font-style:italic;font-size:15px;color:var(--gold);margin-top:4px}.wnb .pending{margin-top:18px;display:flex;align-items:center;gap:9px;justify-content:center;text-align:left;border:1px solid var(--line);border-radius:10px;padding:11px 13px;background:rgba(6,28,66,.4);font-size:13px;color:var(--muted-hi);line-height:1.4}.wnb .pending-dot{position:relative;width:9px;height:9px;flex:none;border-radius:50%;background:rgba(255,199,44,.4)}.wnb .pending-dot:after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--gold);animation:nu-ping 2.4s var(--ease) infinite}.wnb .m1-share-again{margin-top:12px;min-height:44px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-hi);font-weight:700}.wnb[data-m1=default] .m1-success,.wnb[data-m1=success] .m1-body{display:none}.wnb .m2{display:flex;align-items:center;gap:14px;padding:16px 18px}.wnb .m2-copy{flex:1}.wnb .m2-title{font-family:var(--f-display);font-size:19px;letter-spacing:.02em;line-height:1;font-weight:400}.wnb .m2-sub{font-size:13px;color:var(--muted-hi);line-height:1.45;margin-top:5px}.wnb[data-m2=off] .m2-sub-on,.wnb[data-m2=on] .m2-sub-off{display:none}.wnb[data-m2=on] .m2{border-color:rgba(255,199,44,.3);background:linear-gradient(180deg,rgba(255,199,44,.05),transparent)}.wnb .m2-check{display:none;align-items:center;gap:5px;font-size:13px;letter-spacing:.14em;font-weight:700;color:var(--gold);margin-top:6px}.wnb[data-m2=on] .m2-check{display:inline-flex}.wnb .toggle{flex:none;width:50px;height:29px;border-radius:100px;background:hsla(60,23%,97%,.14);position:relative;transition:background .25s var(--ease);border:1px solid transparent}.wnb .toggle .knob{position:absolute;top:2.5px;left:2.5px;width:23px;height:23px;border-radius:50%;background:var(--bone);transition:transform .25s var(--ease);box-shadow:0 2px 5px rgba(0,0,0,.35)}.wnb .toggle[aria-checked=true]{background:var(--gold)}.wnb .toggle[aria-checked=true] .knob{transform:translateX(21px);background:#2a1e00}.wnb .m2.m2-inline{padding:13px 16px}.wnb .m2-inline .m2-title{font-size:15px}.wnb .m2-inline .m2-sub{display:none}.wnb-divider{display:flex;align-items:center;gap:12px;margin:8px 2px 18px;color:hsla(60,23%,97%,.75)}.wnb-divider:after,.wnb-divider:before{content:"";height:1px;flex:1;background:hsla(60,23%,97%,.12)}.wnb-divider span{font-size:13px;letter-spacing:.24em;text-transform:uppercase;font-family:var(--font-jbmono),"JetBrains Mono",monospace}.wnb-toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;background:#fafaf7;color:#061c42;font-size:13px;font-weight:700;letter-spacing:.04em;padding:10px 18px;border-radius:100px;z-index:99;transition:opacity .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1);box-shadow:0 12px 30px -8px rgba(0,0,0,.5)}.wnb-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media(min-width:880px){.wnb.wnb-wide .wn-body{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:start}.wnb.wnb-wide .m1-title{font-size:40px}.wnb.wnb-wide .m1-sub{font-size:16px;max-width:38ch}}.wnb .wn-body{gap:14px}.wnb .side,.wnb .wn-body{display:flex;flex-direction:column}.wnb .side{gap:16px}.wnb .loop-note{padding:16px 18px}.wnb .loop-note .ln-title{font-family:var(--f-display);font-size:17px;letter-spacing:.02em;font-weight:400}.wnb .loop-note .ln-body{font-size:13px;color:var(--muted-hi);line-height:1.55;margin-top:6px}@keyframes nu-sk{0%{background-position:-120px 0}to{background-position:200px 0}}@keyframes nu-ping{0%{transform:scale(1);opacity:.9}70%,to{transform:scale(2.4);opacity:0}}@media(prefers-reduced-motion:reduce){.wnb *{animation:none!important}.wnb .btn,.wnb .mini-btn,.wnb .toggle,.wnb .toggle .knob,.wnb-toast{transition:none!important}}