.nb01{--color-bg:#161826;--color-surface:#232532;--color-text:#e9e9ed;--color-accent:#9184d9;--color-accent-2:#a7a1db;--color-divider:#e9e9ed29;--color-neutral-100:#f3f5fe;--color-neutral-200:#e4e7f5;--color-neutral-300:#cfd3e5;--color-neutral-400:#b2b6ca;--color-neutral-500:#9397ab;--color-neutral-600:#75798c;--color-neutral-700:#595d6c;--color-neutral-800:#3f424d;--color-neutral-900:#292b31;--color-accent-100:#f5f4ff;--color-accent-200:#e7e5fe;--color-accent-300:#d2cefd;--color-accent-400:#b5abfc;--color-accent-500:#968ae0;--color-accent-600:#796cbf;--color-accent-700:#5d5294;--color-accent-800:#423a6a;--color-accent-900:#2b2741;--color-accent-2-100:#f5f4ff;--color-accent-2-200:#e7e5fe;--color-accent-2-300:#d2cefd;--color-accent-2-400:#b5afe8;--color-accent-2-500:#9690c9;--color-accent-2-600:#7972a9;--color-accent-2-700:#5c5783;--color-accent-2-800:#423e5d;--color-accent-2-900:#2b293a;--color-section:#262a60;--color-section-glow:#353b80;--color-section-ghost:#4c5397;--font-heading:"Inter", system-ui, sans-serif;--font-heading-weight:500;--font-body:"Inter", system-ui, sans-serif;--space-1:2.8px;--space-2:5.6px;--space-3:8.4px;--space-4:11.2px;--space-6:16.8px;--space-8:22.4px;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--shadow-sm:0 0 0 1px #3f424d;--shadow-md:0 0 0 1px #595d6c, 0 6px 18px #0000008c;--shadow-lg:0 0 0 1px #9397ab, 0 16px 40px #000000a6;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}.nb01 h1,.nb01 h2,.nb01 h3,.nb01 h4{font-family:var(--font-heading);font-weight:var(--font-heading-weight)}.nb01 .lighten{mix-blend-mode:lighten;background-color:#0000}.nb01 *,.nb01 :before,.nb01 :after{box-sizing:border-box}.nb01{margin:0;font-size:15px;font-weight:400;line-height:1.55}.nb01 h1,.nb01 h2,.nb01 h3,.nb01 h4,.nb01 h5,.nb01 h6{font-family:var(--font-heading);font-weight:var(--font-heading-weight);letter-spacing:-.015em;margin:0 0 var(--space-2);line-height:1.12}.nb01 h1{font-size:42px}.nb01 h2{font-size:32px}.nb01 h3{font-size:25px}.nb01 h4{font-size:20px}.nb01 h5{font-size:16px}.nb01 h6{letter-spacing:.08em;text-transform:uppercase;font-size:13px}.nb01 p{margin:0 0 var(--space-3)}.nb01 a{color:var(--color-accent);text-underline-offset:3px}.nb01 img{max-width:100%;display:block}.nb01 figure{margin:0}.nb01 figcaption{margin-top:var(--space-1);color:color-mix(in srgb, var(--color-text) 55%, transparent);font-size:11px}.nb01 .text-muted{color:color-mix(in srgb, var(--color-text) 55%, transparent)}.nb01 :focus{outline:none}.nb01 :focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.nb01 ::selection{background:color-mix(in srgb, var(--color-accent) 30%, transparent)}.nb01 .hr{height:1px;margin:var(--space-4) 0;background:linear-gradient(to right, transparent, var(--color-divider) 48px, var(--color-divider) calc(100% - 48px), transparent);border:0}.nb01 .btn{cursor:pointer;font-family:var(--font-heading);font-weight:var(--font-heading-weight);color:var(--color-text);padding:var(--space-2) calc(var(--space-3) * 1.2);border-radius:var(--radius-md);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;font-size:14px;line-height:1.2;text-decoration:none;display:inline-flex}.nb01 .btn svg{display:block}.nb01 .btn:disabled{opacity:.45;cursor:not-allowed}.nb01 .btn-primary{color:var(--color-accent);border-color:var(--color-accent)}.nb01 .btn-primary:hover{background:color-mix(in srgb, var(--color-accent) 12%, transparent)}.nb01 .btn-secondary{border-color:var(--color-divider)}.nb01 .btn-secondary:hover{background:color-mix(in srgb, var(--color-text) 7%, transparent)}.nb01 .btn-secondary:active{background:color-mix(in srgb, var(--color-text) 14%, transparent)}.nb01 .btn-ghost{color:var(--color-accent);padding-inline:var(--space-1)}.nb01 .btn-ghost:hover{background:color-mix(in srgb, var(--color-accent) 10%, transparent)}.nb01 .btn-ghost:active{background:color-mix(in srgb, var(--color-accent) 18%, transparent)}.nb01 .btn-icon{width:36px;height:36px;padding:0}.nb01 .btn-block{width:100%;margin-top:var(--space-2)}.nb01 .field>label{color:color-mix(in srgb, var(--color-text) 70%, transparent);margin-bottom:5px;font-size:12px;display:block}.nb01 .input{width:100%;min-height:36px;font:inherit;color:var(--color-text);caret-color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md);padding:6px 10px;font-size:14px}.nb01 .input:hover{border-color:color-mix(in srgb, var(--color-text) 45%, transparent)}.nb01 .input:focus-visible{border-color:var(--color-accent);outline-offset:0}.nb01 textarea.input{resize:vertical;min-height:90px}.nb01 .radio{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:inline-flex}.nb01 .radio input,.nb01 .seg-opt input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.nb01 .radio .dot{border:1.5px solid var(--color-divider);border-radius:50%;flex:none;width:16px;height:16px}.nb01 .radio:hover .dot{border-color:var(--color-accent)}.nb01 .radio input:checked+.dot{border-color:var(--color-accent);background:var(--color-accent);box-shadow:inset 0 0 0 4px var(--color-bg)}.nb01 .radio input:focus-visible+.dot{outline:2px solid var(--color-accent);outline-offset:2px}.nb01 .seg{border:1px solid var(--color-divider);border-radius:var(--radius-md);display:inline-flex;overflow:hidden}.nb01 .seg-opt{cursor:pointer;align-items:center;gap:6px;padding:7px 12px;font-size:13px;display:inline-flex}.nb01 .seg-opt+.seg-opt{border-left:1px solid var(--color-divider)}.nb01 .seg-opt:has(input:checked){color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.nb01 .seg-opt:not(:has(input:checked)):hover{background:color-mix(in srgb, var(--color-text) 7%, transparent)}.nb01 .seg-opt:has(input:focus-visible){outline:2px solid var(--color-accent);outline-offset:-2px}.nb01 .card{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;display:flex}.nb01 .card-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);font-size:10px}.nb01 .card-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:17px;line-height:1.2}.nb01 .card-body{opacity:.8;flex:1;margin:0;font-size:13px}.nb01 .card-meta{color:color-mix(in srgb, var(--color-text) 50%, transparent);align-items:center;gap:6px;font-size:11px;display:flex}.nb01 .elev-sm{box-shadow:var(--shadow-sm)}.nb01 .elev-md{box-shadow:var(--shadow-md)}.nb01 .elev-lg{box-shadow:var(--shadow-lg)}.nb01 .tag{letter-spacing:.02em;border-radius:calc(var(--radius-md) * .75);align-items:center;padding:3px 10px;font-size:11px;display:inline-flex}.nb01 .tag-accent{background:var(--color-accent-800);color:var(--color-accent-100)}.nb01 .tag-accent-2{background:var(--color-accent-2-800);color:var(--color-accent-2-100)}.nb01 .tag-neutral{background:var(--color-neutral-800);color:var(--color-neutral-100)}.nb01 .tag-outline{border:1px solid var(--color-accent);color:var(--color-accent)}.nb01 .nav{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:none;display:flex}.nb01 .nav-brand{font-family:var(--font-heading);font-weight:var(--font-heading-weight);margin-right:auto;font-size:18px}.nb01 .nav a{color:inherit;font-size:14px;text-decoration:none}.nb01 .nav a:hover,.nb01 .nav a[aria-current=page]{color:var(--color-accent)}.nb01 .table{border-collapse:collapse;width:100%;font-size:14px}.nb01 .table th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 60%, transparent);padding:var(--space-2);border-bottom:1px solid #0000;font-size:11px}.nb01 .table td{padding:var(--space-2);border-bottom:1px solid #0000}.nb01 .table thead tr{background:linear-gradient(to right, transparent, var(--color-divider) 48px, var(--color-divider) calc(100% - 48px), transparent) no-repeat bottom / 100% 1px}.nb01 .table tbody tr{background:linear-gradient(to right, transparent, color-mix(in srgb, var(--color-text) 8%, transparent) 48px, color-mix(in srgb, var(--color-text) 8%, transparent) calc(100% - 48px), transparent) no-repeat bottom / 100% 1px}.nb01 .table tbody tr:hover{background:linear-gradient(color-mix(in srgb, var(--color-text) 4%, transparent), color-mix(in srgb, var(--color-text) 4%, transparent)) no-repeat 0 0 / 100% 100%, linear-gradient(to right, transparent, color-mix(in srgb, var(--color-text) 8%, transparent) 48px, color-mix(in srgb, var(--color-text) 8%, transparent) calc(100% - 48px), transparent) no-repeat bottom / 100% 1px}.nb01 .dialog-backdrop{padding:var(--space-4);background:color-mix(in srgb, var(--color-neutral-900) 50%, transparent);place-items:center;display:grid;position:fixed;inset:0}.nb01 .dialog{gap:var(--space-3);width:min(440px,100%);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.nb01 .dialog-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:20px}.nb01 .dialog-body{opacity:.85;font-size:14px}.nb01 .dialog-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2);display:flex}.nb01{--color-bg:#fbf7f0;--color-surface:#fff;--color-text:#1c1a17;--color-accent:#0f6b4f;--color-accent-2:#0f6b4f;--color-divider:#1c1a1721;--color-accent-100:#08402f;--color-accent-200:#0a4f3a;--color-accent-300:#0f6b4f;--color-accent-400:#0c5a42;--color-accent-500:#0f6b4f;--color-accent-600:#3f9274;--color-accent-700:#a9d6c3;--color-accent-800:#e3f1ea;--color-accent-900:#f0f8f4;--color-neutral-100:#3b362f;--color-neutral-200:#4a443c;--color-neutral-300:#5e574e;--color-neutral-400:#7a7268;--color-neutral-500:#8a8277;--color-neutral-600:#b8afa2;--color-neutral-700:#d9cfbf;--color-neutral-800:#f3ece0;--color-neutral-900:#f8f3ea;--color-highlight:#f2b33d;--font-heading:"Bricolage Grotesque",system-ui,sans-serif;--font-heading-weight:600;--font-body:"DM Sans",system-ui,sans-serif;--shadow-sm:0 0 0 1px #ede5d8,0 1px 2px #3c280a0d;--shadow-md:0 0 0 1px #e9e1d4,0 12px 28px -14px #3c280a38;--shadow-lg:0 0 0 1px #e2d8c8,0 24px 48px -20px #3c280a4d}.nb01 .btn-primary{color:#fff;background:#0f6b4f;border-color:#0f6b4f}.nb01 .btn-primary:hover{background:#0c5a42;border-color:#0c5a42}.nb01 .btn-primary:active{background:#08402f}.nb01 .btn-secondary{background:#fff;border-color:#1c1a1729}.nb01 .btn{transition:background .18s,transform .18s,box-shadow .18s}.nb01 .btn:active{transform:translateY(1px)}.nb01 .tag-accent{color:#0c5a42;background:#e3f1ea}.nb01 .tag-neutral{color:#3b362f;background:#f3ece0}.nb01 .input{background:#fff}.nb01 :focus-visible{outline-offset:2px;outline:2px solid #0f6b4f}.nb01{font-family:var(--font-body);background:#ede6da;margin:0}.nb01 a{color:var(--color-accent);text-decoration:none}.nb01 a:hover{color:var(--color-accent-400)}.nb01 .dv-turn{background:#ede6da;border-bottom:1px solid #1c1a1714;padding:40px 44px 32px}.nb01 .dv-thd{align-items:baseline;gap:10px;margin:0 0 20px;display:flex}.nb01 .dv-tid{color:#fff;background:#1c1a17;border-radius:4px;padding:3px 7px;font:600 10px ui-monospace,Menlo,monospace}.nb01 .dv-tname{font:500 13px/1.2 var(--font-heading);color:#1c1a17}.nb01 .dv-opts{flex-wrap:wrap;align-items:flex-start;gap:34px;display:flex}.nb01 .dv-opt{flex-direction:column;flex:none;gap:10px;display:flex}.nb01 .dv-oid{color:#1c1a17;background:#1c1a171a;border-radius:5px;padding:3px 7px;font:600 10.5px ui-monospace,Menlo,monospace}.nb01 .dv-olabel{font:400 11.5px/1.3 var(--font-body);color:#1c1a17b3;align-items:baseline;gap:8px;display:flex}.nb01 .dv-next{font:12px/1.5 var(--font-body);color:#1c1a17a6;margin:24px 0 0}.nb01 .win{color:#1c1a17;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px #1c1a1721,0 26px 70px #3c280a26}.nb01 .chrome{background:#f6f0e6;align-items:center;gap:8px;padding:9px 12px;display:flex;box-shadow:inset 0 -1px #1c1a1714}.nb01 .dot{background:#d9cfbf;border-radius:50%;width:10px;height:10px}.nb01 .url{color:#1c1a17b3;background:#fff;border-radius:7px;flex:1;padding:5px 11px;font:400 11.5px ui-monospace,Menlo,monospace}.nb01 .mono{color:#1c1a17de;white-space:nowrap;font:400 12px ui-monospace,Menlo,monospace}.nb01 .sechd{font:500 14px var(--font-heading);letter-spacing:-.01em}.nb01 .card2{background:var(--color-surface);box-shadow:var(--shadow-sm);border-radius:12px}.nb01 .imgph{font:400 10px var(--font-body);color:#1c1a1773;text-align:center;background:repeating-linear-gradient(135deg,#efe6d8 0 9px,#e8dece 9px 18px);place-items:center;display:grid}.nb01 .av{font:500 11px var(--font-heading);color:#1c1a17e6;background:#1c1a1714;border-radius:50%;flex:none;place-items:center;display:grid}.nb01 .pill{font:500 10.5px var(--font-body);white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:3px 8px;display:inline-flex}.nb01 .p-hot{color:#b3261e;background:#c8372d26;box-shadow:inset 0 0 0 1px #c8372d4d}.nb01 .p-warn{color:#8a5a00;background:#d6961e24;box-shadow:inset 0 0 0 1px #d6961e47}.nb01 .p-ok{color:#13724f;background:#1fa36e21;box-shadow:inset 0 0 0 1px #1fa36e42}.nb01 .p-neu{color:#1c1a17cc;background:#1c1a1714}.nb01 .p-acc{color:var(--color-accent-300);background:#0f6b4f26;box-shadow:inset 0 0 0 1px #0f6b4f59}.nb01 .step{color:#1c1a17bf;border-radius:9px;align-items:center;gap:9px;padding:9px 11px;font-size:12.5px;display:flex}.nb01 .step-n{border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font:500 10.5px ui-monospace,Menlo,monospace;display:grid;box-shadow:inset 0 0 0 1px #1c1a1759}.nb01 .step-on{color:#1c1a17;background:#0f6b4f24;box-shadow:inset 0 0 0 1px #0f6b4f61}.nb01 .step-on .step-n{box-shadow:inset 0 0 0 1px var(--color-accent);color:var(--color-accent-300)}.nb01 .step-done{color:#1c1a17de}.nb01 .step-done .step-n{color:#13724f;background:#1fa36e29;box-shadow:inset 0 0 0 1px #1fa36e4d}.nb01 .row{align-items:center;gap:12px;padding:12px 0;display:flex;box-shadow:inset 0 -1px #1c1a1712}.nb01 .tbl{border-collapse:collapse;width:100%}.nb01 .tbl th{text-align:left;letter-spacing:.08em;color:#1c1a1791;white-space:nowrap;padding:0 12px 8px;font:600 9.5px ui-monospace,Menlo,monospace}.nb01 .tbl td{vertical-align:middle;padding:11px 12px;font-size:12.5px;box-shadow:inset 0 1px #1c1a1712}.nb01 .slot{text-align:center;font:500 12px var(--font-body);cursor:pointer;border-radius:8px;padding:8px 0;box-shadow:inset 0 0 0 1px #1c1a1724}.nb01 .slot:hover{box-shadow:inset 0 0 0 1px var(--color-accent);color:var(--color-accent-300)}.nb01 .slot-on{box-shadow:inset 0 0 0 1px var(--color-accent);color:var(--color-accent-300);background:#0f6b4f21}.nb01 .slot-off{color:#1c1a1799;cursor:not-allowed;box-shadow:inset 0 0 0 1px #1c1a1712}.nb01 .tl{padding-left:20px;position:relative}.nb01 .tl:before{content:"";background:#1c1a1724;width:1px;position:absolute;top:5px;bottom:5px;left:4px}.nb01 .tl-i{padding-bottom:15px;position:relative}.nb01 .tl-i:before{content:"";background:#fff;border-radius:50%;width:9px;height:9px;position:absolute;top:4px;left:-20px;box-shadow:inset 0 0 0 1.5px #1c1a1780}.nb01 .tl-acc:before{box-shadow:inset 0 0 0 1.5px var(--color-accent)}.nb01 .tl-ok:before{box-shadow:inset 0 0 0 1.5px #1fa36e}.nb01 .win[data-mob] .slot{justify-content:center;align-items:center;min-height:44px;display:flex}.nb01 .win[data-mob] .btn{min-height:44px}