:root{--water:#bfd7e8;--deep:#9cc0db;--tint:#ecf3f8;--paper:#fafcfd;--white:#fff;--slate:#5d6c7b;--ink:#1a1a1a;--body:#36444e;--accent:#ff7448;--accent-deep:#c2491f;--accent-tint:#fce7dd;--accent-soft:#fff1eb;--hair:#dce8f1;--hair2:#e7f0f6;--focus:#3e86c4;--focus-ring:#3e86c452;--danger:#c2491f;--danger-tint:#fbe3db;--ok:#2f7d55;--ok-tint:#e3f1e9;--serif:"Playfair Display",Georgia,serif;--sans:"Jost","Helvetica Neue",Arial,sans-serif;--mono:"IBM Plex Mono","SFMono-Regular",Menlo,monospace;--t-eyebrow:.6875rem;--t-label:.75rem;--t-sm:.8125rem;--t-body:.9375rem;--t-lg:1.0625rem;--t-h3:1.25rem;--t-h2:1.625rem;--t-h1:2.5rem;--t-display:4rem;--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.25rem;--s6:1.5rem;--s8:2rem;--s10:2.5rem;--s12:3rem;--s16:4rem;--r-xs:.375rem;--r-sm:.5rem;--r-md:.75rem;--r-lg:1rem;--r-xl:1.25rem;--r-pill:999px;--sh-1:0 1px 2px #28465a0f, 0 2px 6px #28465a0d;--sh-2:0 2px 6px #28465a0d, 0 14px 32px #28465a1a;--sh-3:0 8px 18px #28465a1a, 0 28px 60px #28465a29;--sh-accent:0 6px 16px #c2491f38, 0 2px 5px #c2491f2e;--ease:cubic-bezier(.4,.1,.2,1);--fast:.14s;--med:.24s;--slow:.4s;--wave:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20800%20320'%20preserveAspectRatio%3D'none'%3E%3Cpath%20d%3D'M0%2C96%20C160%2C44%20320%2C128%20480%2C96%20C620%2C68%20720%2C120%20800%2C100%20L800%2C320%20L0%2C320Z'%20fill%3D'%23BFD7E8'%20opacity%3D'0.5'%2F%3E%3Cpath%20d%3D'M0%2C158%20C180%2C114%20360%2C182%20540%2C150%20C680%2C124%20742%2C168%20800%2C158%20L800%2C320%20L0%2C320Z'%20fill%3D'%239CC0DB'%20opacity%3D'0.48'%2F%3E%3Cpath%20d%3D'M0%2C228%20C200%2C192%20380%2C250%20600%2C222%20C720%2C206%20762%2C236%20800%2C230%20L800%2C320%20L0%2C320Z'%20fill%3D'%23BFD7E8'%20opacity%3D'0.58'%2F%3E%3Cpath%20d%3D'M0%2C282%20C220%2C258%20420%2C300%20640%2C280%20C730%2C272%20770%2C286%20800%2C282%20L800%2C320%20L0%2C320Z'%20fill%3D'%23ECF3F8'%20opacity%3D'0.85'%2F%3E%3C%2Fsvg%3E")}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--sans);font-weight:400;font-size:var(--t-body);color:var(--body);background:var(--tint);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.6}h1,h2,h3,h4,p{margin:0}a{color:inherit}button{font:inherit;color:inherit}:focus{outline:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::selection{background:var(--accent-tint);color:var(--accent-deep)}.eyebrow{font-family:var(--mono);font-size:var(--t-eyebrow);letter-spacing:.24em;text-transform:uppercase;color:var(--slate);align-items:center;gap:.625rem;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:60;align-items:center;gap:var(--s4);height:60px;padding:0 var(--s5);-webkit-backdrop-filter:saturate(1.4)blur(14px);backdrop-filter:saturate(1.4)blur(14px);border-bottom:1px solid var(--hair);background:#fafcfddb;flex:none;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.625rem;text-decoration:none;display:flex}.brand .mark{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0 L13.6 10.4 L24 12 L13.6 13.6 L12 24 L10.4 13.6 L0 12 L10.4 10.4 Z' fill='%239CC0DB'/%3E%3C/svg%3E") 50%/contain no-repeat;flex:none;width:26px;height:26px}.brand .wm{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;font-size:1.125rem;font-weight:600}.brand .wm em{font-style:italic;font-weight:500}.topbar .sep{background:var(--hair);width:1px;height:26px}.topbar .ctx{font-family:var(--mono);font-size:var(--t-label);letter-spacing:.12em;text-transform:uppercase;color:var(--slate)}.topbar .spacer{flex:1}.topbar .ts-search{width:min(280px,32vw)}.topbar .avatar{cursor:pointer;width:34px;height:34px;box-shadow:inset 0 0 0 1.5px #fff, 0 0 0 1.5px var(--deep);background:radial-gradient(circle at 50% 36%,#fff 0 30%,#0000 31%),radial-gradient(circle at 50% 98%,#fff 0 38%,#0000 39%),linear-gradient(135deg,#cfe2ee,#9cc0db);border-radius:50%;flex:none}.menu-btn{border:1px solid var(--hair);border-radius:var(--r-sm);background:var(--white);cursor:pointer;justify-content:center;align-items:center;width:38px;height:38px;display:none}.menu-btn svg{width:18px;height:18px}.shell{flex:1;align-items:stretch;display:flex}.sidebar{background:var(--paper);border-right:1px solid var(--hair);width:248px;height:calc(100vh - 60px);padding:var(--s5) var(--s3) var(--s8);flex:none;align-self:flex-start;position:sticky;top:60px;overflow-y:auto}.nav-group{margin-bottom:var(--s5)}.nav-group>.g-label{padding:0 var(--s3) var(--s2);font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--slate);font-size:.625rem;display:block}.nav-item{text-align:left;border-radius:var(--r-sm);width:100%;font-size:var(--t-sm);color:var(--body);cursor:pointer;transition:background var(--fast) var(--ease), color var(--fast) var(--ease);background:0 0;border:0;align-items:center;gap:.75rem;padding:.5625rem .75rem;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item .ic{width:18px;height:18px;color:var(--slate);transition:color var(--fast);flex:none}.nav-item .ic svg{width:100%;height:100%;display:block}.nav-item .badge{margin-left:auto}.nav-item:hover{background:var(--tint);color:var(--ink)}.nav-item:hover .ic{color:var(--deep)}.nav-item.is-active{background:var(--tint);color:var(--ink);font-weight:600}.nav-item.is-active .ic{color:var(--accent-deep)}.nav-item.is-active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:-.75rem;transform:translateY(-50%)}.nav-item:focus-visible{box-shadow:0 0 0 3px var(--focus-ring)}.canvas{min-width:0;padding:var(--s8) var(--s10);flex:1}@media (max-width:1024px){.canvas{padding:var(--s6) var(--s5)}}.scrim{display:none}@media (max-width:880px){.menu-btn{display:inline-flex}.topbar .ts-search{display:none}.sidebar{z-index:55;height:calc(100vh - 60px);transition:transform var(--med) var(--ease);box-shadow:var(--sh-3);position:fixed;top:60px;left:0;transform:translate(-100%)}.app.nav-open .sidebar{transform:translate(0)}.app.nav-open .scrim{z-index:50;background:#1a232c57;display:block;position:fixed;inset:60px 0 0}}.page-head{margin-bottom:var(--s10)}.page-head h1{font-family:var(--serif);font-weight:500;font-size:var(--t-h1);color:var(--ink);letter-spacing:-.015em;margin:.5rem 0 .375rem}.page-head h1 em{font-style:italic}.page-head p.lead{font-size:var(--t-lg);color:#46586a;max-width:46ch}.kit-section{margin:0 0 var(--s16);scroll-margin-top:80px}.kit-section>.sec-head{align-items:baseline;gap:var(--s4);margin-bottom:var(--s6);padding-bottom:var(--s4);border-bottom:1px solid var(--hair);display:flex}.kit-section>.sec-head .no{font-family:var(--serif);color:#cce0ee;letter-spacing:-.02em;flex:none;font-size:2.75rem;font-weight:500;line-height:.7}.kit-section>.sec-head h2{font-family:var(--serif);font-weight:600;font-size:var(--t-h2);color:var(--ink);letter-spacing:-.01em}.kit-section>.sec-head .sub{font-size:var(--t-sm);color:var(--slate);text-align:right;max-width:34ch;margin-left:auto}.kit-block{margin:0 0 var(--s8)}.kit-block>h3{font-family:var(--sans);font-weight:600;font-size:var(--t-h3);color:var(--ink);margin:0 0 .25rem}.kit-block>.desc{font-size:var(--t-sm);color:var(--slate);margin-bottom:var(--s4);max-width:60ch}.demo{background:var(--white);border:1px solid var(--hair);border-radius:var(--r-lg);padding:var(--s6);box-shadow:var(--sh-1)}.demo+.demo{margin-top:var(--s4)}.demo-row{gap:var(--s4);flex-wrap:wrap;align-items:flex-start;display:flex}.demo-grid{gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.state-cell{flex-direction:column;align-items:flex-start;gap:.625rem;display:flex}.state-tag{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--slate);font-size:.625rem}.swatches{gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(132px,1fr));display:grid}.swatch{border:1px solid var(--hair);border-radius:var(--r-md);background:var(--white);overflow:hidden}.swatch .chip{height:64px}.swatch .meta{padding:.5rem .625rem .625rem}.swatch .nm{font-weight:600;font-size:var(--t-sm);color:var(--ink)}.swatch .hex{font-family:var(--mono);color:var(--slate);text-transform:uppercase;font-size:.6875rem}.type-row{align-items:baseline;gap:var(--s5);padding:var(--s3) 0;border-bottom:1px solid var(--hair2);display:flex}.type-row:last-child{border-bottom:0}.type-row .tk{font-family:var(--mono);letter-spacing:.1em;color:var(--slate);flex:none;width:120px;font-size:.6875rem}.type-row .sample{color:var(--ink)}.scale-row{align-items:center;gap:var(--s4);padding:.4375rem 0;display:flex}.scale-row .bar{background:linear-gradient(90deg,var(--deep),var(--water));border-radius:3px;height:14px}.scale-row .lbl{font-family:var(--mono);color:var(--slate);font-size:.6875rem}.motif-grid{gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.motif{border:1px solid var(--hair);border-radius:var(--r-md);background:var(--white);overflow:hidden}.motif .vis{height:130px;position:relative;overflow:hidden}.motif .cap{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--slate);border-top:1px solid var(--hair2);padding:.625rem .75rem;font-size:.625rem}.m-water{background:linear-gradient(176deg,#fbfdfe,#e6f0f8)}.m-water:after{content:"";background:var(--wave);background-position:bottom;background-repeat:no-repeat;background-size:cover;height:70%;position:absolute;inset:auto 0 0}.route-line{position:relative}.route-line svg{width:100%;height:100%;display:block}.stamp{--stamp-color:#7fa7c4;flex:none;width:88px;height:88px;position:relative}.stamp svg{width:100%;height:100%;display:block}.m-stamp{background:linear-gradient(176deg,#fbfdfe,#eef5fa);justify-content:center;align-items:center;display:flex}.ticket{background:var(--white);border-radius:var(--r-md);box-shadow:var(--sh-2);display:flex;position:relative;overflow:hidden}.ticket .stub{background:var(--accent-soft);width:54px;font-family:var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--accent-deep);writing-mode:vertical-rl;border-right:1.4px dashed #f2c6b1;flex:none;justify-content:center;align-items:center;font-size:.625rem;display:flex;transform:rotate(180deg)}.ticket .stub.cool{background:var(--tint);color:#3e647f;border-right-color:var(--water)}.ticket .body{padding:var(--s4);flex:1}.m-ticket{padding:var(--s4);background:linear-gradient(176deg,#fbfdfe,#eef5fa);justify-content:center;align-items:center;display:flex}.m-ticket .ticket{width:100%}.btn{--bg:var(--white);--fg:var(--ink);--bd:var(--hair);font-family:var(--sans);font-weight:600;font-size:var(--t-sm);border-radius:var(--r-sm);border:1px solid var(--bd);background:var(--bg);color:var(--fg);cursor:pointer;white-space:nowrap;transition:transform var(--fast) var(--ease), box-shadow var(--fast) var(--ease), background var(--fast) var(--ease), border-color var(--fast) var(--ease), filter var(--fast);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.125rem;line-height:1;display:inline-flex;position:relative}.btn svg{flex:none;width:16px;height:16px}.btn:focus-visible{box-shadow:0 0 0 3px var(--focus-ring)}.btn:active{transform:translateY(1px)}.btn[disabled],.btn.is-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn.is-loading{pointer-events:none;color:#0000!important}.btn.is-loading .spinner{display:block}.btn .spinner{width:16px;height:16px;display:none;position:absolute}.btn-lg{font-size:var(--t-body);border-radius:var(--r-md);padding:.8125rem 1.5rem}.btn-sm{font-size:var(--t-label);padding:.4375rem .75rem}.btn-primary{--bd:transparent;color:#fff;background:linear-gradient(135deg,#f2602f 0%, var(--accent-deep) 100%);box-shadow:var(--sh-accent)}.btn-primary:hover{filter:brightness(1.05);box-shadow:0 8px 22px #c2491f4d,0 2px 6px #c2491f33}.btn-primary:active{filter:brightness(.96)}.btn-primary:focus-visible{box-shadow:0 0 0 3px #ff744866}.btn-secondary{--bg:var(--white);--fg:var(--ink);--bd:var(--deep);box-shadow:var(--sh-1)}.btn-secondary:hover{background:var(--tint);border-color:#7fa7c4}.btn-ghost{--bg:transparent;--fg:var(--slate);--bd:transparent}.btn-ghost:hover{background:var(--tint);color:var(--ink)}.btn-danger{--bg:var(--white);--fg:var(--danger);--bd:#e6bcae}.btn-danger:hover{background:var(--danger-tint)}.spinner{border:2px solid;border-top-color:#0000;border-radius:50%;animation:.7s linear infinite spin}.btn .spinner{border-color:#0000 #fff #fff}.btn-secondary .spinner,.btn-ghost .spinner{border-color:var(--slate);border-top-color:#0000}@keyframes spin{to{transform:rotate(360deg)}}.field{flex-direction:column;gap:.375rem;min-width:0;display:flex}.field>label{font-family:var(--sans);font-weight:600;font-size:var(--t-sm);color:var(--ink);align-items:center;gap:.375rem;display:flex}.field .req-mark{color:var(--accent-deep)}.field .hint{color:var(--slate);font-size:.75rem}.field .err-msg{color:var(--danger);align-items:center;gap:.375rem;font-size:.75rem;display:none}.field.is-error .err-msg{display:flex}.input,.select{width:100%;font-family:var(--sans);font-size:var(--t-body);color:var(--ink);background:var(--white);border:1.5px solid var(--hair);border-radius:var(--r-sm);transition:border-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease), background var(--fast);padding:.625rem .8125rem}.input::placeholder{color:#9aaab6}.input:hover,.select:hover{border-color:#bbd0df}.input:focus,.select:focus{border-color:var(--focus);box-shadow:0 0 0 3px var(--focus-ring)}.input[disabled],.select[disabled]{background:var(--tint);color:var(--slate);cursor:not-allowed}.input[readonly]{background:var(--tint)}.field.is-error .input,.field.is-error .select,.field.is-error .combobox .input{border-color:var(--danger)}.field.is-error .input:focus{box-shadow:0 0 0 3px var(--danger-tint)}.field.is-success .input{border-color:var(--ok)}.input-affix{align-items:center;display:flex;position:relative}.input-affix .pre{color:var(--slate);pointer-events:none;width:16px;height:16px;position:absolute;left:.75rem}.input-affix .input{padding-left:2.25rem}textarea.input{resize:vertical;min-height:84px;line-height:1.55}.search{position:relative}.search .ic{width:16px;height:16px;color:var(--slate);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search .input{border-radius:var(--r-pill);padding-left:2.25rem}.combobox{position:relative}.combobox .cb-input-wrap{align-items:center;display:flex;position:relative}.combobox .cb-ic{width:16px;height:16px;color:var(--slate);pointer-events:none;position:absolute;left:.75rem}.combobox .input{padding-left:2.25rem;padding-right:2.5rem}.combobox .cb-caret{cursor:pointer;width:20px;height:20px;color:var(--slate);border-radius:var(--r-xs);transition:transform var(--fast) var(--ease);background:0 0;border:0;justify-content:center;align-items:center;display:flex;position:absolute;right:.625rem}.combobox.is-open .cb-caret{transform:rotate(180deg)}.combobox .cb-clear{cursor:pointer;width:20px;height:20px;color:var(--slate);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:none;position:absolute;right:2.1rem}.combobox.has-value .cb-clear{display:flex}.combobox .cb-clear:hover{background:var(--tint);color:var(--ink)}.cb-listbox{z-index:40;background:var(--white);border:1px solid var(--hair);border-radius:var(--r-md);box-shadow:var(--sh-3);max-height:300px;padding:.375rem;scroll-padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.combobox.is-open .cb-listbox{display:block}.cb-meta{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--slate);justify-content:space-between;padding:.375rem .625rem .25rem;font-size:.625rem;display:flex}.cb-opt{border-radius:var(--r-sm);cursor:pointer;color:var(--body);font-size:var(--t-sm);align-items:center;gap:.75rem;padding:.5625rem .625rem;display:flex}.cb-opt .av{width:30px;height:30px;box-shadow:inset 0 0 0 1.2px #fff, 0 0 0 1px var(--deep);font-family:var(--serif);color:#3e647f;background:radial-gradient(circle at 50% 36%,#fff 0 30%,#0000 31%),radial-gradient(circle at 50% 98%,#fff 0 38%,#0000 39%),linear-gradient(135deg,#cfe2ee,#9cc0db);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.6875rem;font-weight:600;display:flex}.cb-opt .tx{min-width:0}.cb-opt .tx b{color:var(--ink);font-weight:600;line-height:1.25;display:block}.cb-opt .tx small{font-family:var(--mono);color:var(--slate);letter-spacing:.04em;font-size:.625rem}.cb-opt .tx mark{color:inherit;background:#fbe7a8;border-radius:2px;padding:0 1px}.cb-opt .check{width:16px;height:16px;color:var(--accent-deep);opacity:0;margin-left:auto}.cb-opt[aria-selected=true] .check{opacity:1}.cb-opt.is-active,.cb-opt:hover{background:var(--tint)}.cb-empty{text-align:center;color:var(--slate);font-size:var(--t-sm);padding:1.25rem .75rem}.cb-empty b{color:var(--ink)}.choice{cursor:pointer;font-size:var(--t-body);color:var(--body);-webkit-user-select:none;user-select:none;align-items:flex-start;gap:.625rem;display:inline-flex}.choice input{opacity:0;width:0;height:0;position:absolute}.choice .box{background:var(--white);width:20px;height:20px;transition:all var(--fast) var(--ease);border:1.6px solid #b9cfde;flex:none;justify-content:center;align-items:center;margin-top:1px;display:flex}.choice .box.cb{border-radius:var(--r-xs)}.choice .box.rd{border-radius:50%}.choice .box svg{color:#fff;opacity:0;width:13px;height:13px;transition:all var(--fast) var(--ease);transform:scale(.6)}.choice .box .dot{opacity:0;width:8px;height:8px;transition:all var(--fast) var(--ease);background:#fff;border-radius:50%;transform:scale(.4)}.choice:hover .box{border-color:var(--deep)}.choice input:checked+.box{background:var(--deep);border-color:var(--deep)}.choice input:checked+.box svg,.choice input:checked+.box .dot{opacity:1;transform:scale(1)}.choice input:focus-visible+.box{box-shadow:0 0 0 3px var(--focus-ring)}.choice input:disabled~*{opacity:.5}.choice.is-disabled{cursor:not-allowed}.pill{border-radius:var(--r-pill);font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:.4375rem;padding:.25rem .6875rem;font-size:.6875rem;font-weight:500;line-height:1.4;display:inline-flex}.pill:before{content:"";opacity:.85;background:currentColor;border-radius:50%;width:6px;height:6px}.pill-req{background:var(--accent-tint);color:var(--accent-deep)}.pill-rec{color:#3e647f;background:#e2eff7}.pill-opt{color:var(--slate);background:0 0;border:1px solid #c7d6df}.pill-ok{background:var(--ok-tint);color:var(--ok)}.pill-set{background:var(--tint);color:var(--slate)}.pill-set:before,.pill.no-dot:before{display:none}.card{background:var(--white);border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:var(--s5);transition:box-shadow var(--med) var(--ease), border-color var(--med) var(--ease), transform var(--med) var(--ease)}.card.is-interactive{cursor:pointer}.card.is-interactive:hover{box-shadow:var(--sh-2);border-color:#cbdce8;transform:translateY(-2px)}.card .c-eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-deep);margin-bottom:.375rem;font-size:.625rem}.card h4.c-title{font-family:var(--serif);color:var(--ink);margin-bottom:.375rem;font-size:1.0625rem;font-weight:600;line-height:1.15}.card .c-desc{font-size:var(--t-sm);color:var(--slate)}.card .c-foot{margin-top:var(--s4);padding-top:var(--s3);border-top:1px solid var(--hair2);align-items:center;gap:.5rem;display:flex}.pick-card{text-align:left;cursor:pointer;background:var(--white);border:1.5px solid var(--hair);border-radius:var(--r-md);width:100%;padding:var(--s4) var(--s5);transition:all var(--fast) var(--ease);display:block;position:relative}.pick-card:hover{background:#fcfeff;border-color:#bbd0df}.pick-card:focus-visible{box-shadow:0 0 0 3px var(--focus-ring)}.pick-card .pc-top{align-items:flex-start;gap:.75rem;display:flex}.pick-card .pc-radio{width:20px;height:20px;transition:all var(--fast) var(--ease);border:1.6px solid #b9cfde;border-radius:50%;flex:none;justify-content:center;align-items:center;margin-top:1px;display:flex}.pick-card .pc-radio .dot{opacity:0;width:9px;height:9px;transition:all var(--fast) var(--ease);background:#fff;border-radius:50%;transform:scale(.4)}.pick-card .pc-tx{flex:1;min-width:0}.pick-card .pc-tx b{font-family:var(--sans);font-weight:600;font-size:var(--t-body);color:var(--ink);display:block}.pick-card .pc-tx p{font-size:var(--t-sm);color:var(--slate);margin-top:.125rem}.pick-card .pc-meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.625rem;display:flex}.pick-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), var(--sh-1);background:linear-gradient(135deg,#fff8f5,#fff)}.pick-card.is-selected .pc-radio{border-color:var(--accent);background:var(--accent)}.pick-card.is-selected .pc-radio .dot{opacity:1;transform:scale(1)}.list{background:var(--white);border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:var(--sh-1);overflow:hidden}.row{align-items:center;gap:var(--s4);padding:.875rem var(--s5);border-bottom:1px solid var(--hair2);transition:background var(--fast) var(--ease);cursor:pointer;display:flex;position:relative}.row:last-child{border-bottom:0}.row:hover{background:var(--tint)}.row.is-active{background:#f4faff}.row.is-active:before{content:"";background:var(--accent);width:3px;position:absolute;top:0;bottom:0;left:0}.row .av{width:38px;height:38px;box-shadow:inset 0 0 0 1.4px #fff, 0 0 0 1px var(--deep);font-family:var(--serif);color:#3e647f;background:radial-gradient(circle at 50% 36%,#fff 0 30%,#0000 31%),radial-gradient(circle at 50% 98%,#fff 0 38%,#0000 39%),linear-gradient(135deg,#cfe2ee,#9cc0db);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.8125rem;font-weight:600;display:flex}.row .rx{flex:1;min-width:0}.row .rx b{color:var(--ink);font-weight:600;font-size:var(--t-body);line-height:1.3;display:block}.row .rx small{font-family:var(--mono);color:var(--slate);letter-spacing:.04em;font-size:.625rem}.row .rmeta{align-items:center;gap:.75rem;margin-left:auto;display:flex}.row .chev{color:#b9cfde;flex:none;width:16px;height:16px}.toast-stack{right:var(--s5);bottom:var(--s5);z-index:80;flex-direction:column;gap:.625rem;width:min(360px,100vw - 2rem);display:flex;position:fixed}.toast{background:var(--white);border:1px solid var(--hair);border-radius:var(--r-md);box-shadow:var(--sh-3);animation:toast-in var(--med) var(--ease);border-left-width:0;align-items:flex-start;gap:.75rem;padding:.875rem 1rem .875rem 0;display:flex;position:relative;overflow:hidden}.toast:before{content:"";background:var(--deep);flex:none;align-self:stretch;width:4px}.toast.t-ok:before{background:var(--accent)}.toast.t-err:before{background:var(--danger)}.toast .t-ic{width:20px;height:20px;color:var(--deep);flex:none;margin-top:1px}.toast.t-ok .t-ic{color:var(--accent-deep)}.toast.t-err .t-ic{color:var(--danger)}.toast .t-bd{flex:1;min-width:0}.toast .t-bd b{color:var(--ink);font-weight:600;font-size:var(--t-sm);display:block}.toast .t-bd p{font-size:var(--t-sm);color:var(--slate);margin-top:.125rem}.toast .t-close{cursor:pointer;color:var(--slate);border-radius:var(--r-xs);background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.toast .t-close:hover{background:var(--tint);color:var(--ink)}.toast.t-out{animation:toast-out var(--med) var(--ease) forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}@keyframes toast-out{to{opacity:0;transform:translate(24px)}}.modal-root{z-index:90;padding:var(--s5);justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-root.is-open{display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade var(--med) var(--ease);background:#1a28346b;position:absolute;inset:0}.modal{background:var(--paper);border-radius:var(--r-xl);width:min(520px,100%);max-height:90vh;box-shadow:var(--sh-3);animation:modal-in var(--med) var(--ease);position:relative;overflow-y:auto}.modal-head{padding:var(--s6) var(--s6) 0}.modal-head .eyebrow{margin-bottom:.625rem}.modal-head h3{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;font-size:1.5rem;font-weight:600}.modal-body{padding:var(--s4) var(--s6);color:var(--body)}.modal-foot{padding:var(--s4) var(--s6) var(--s6);justify-content:flex-end;gap:.75rem;display:flex}.modal-x{top:var(--s4);right:var(--s4);border:1px solid var(--hair);border-radius:var(--r-sm);background:var(--white);cursor:pointer;width:34px;height:34px;color:var(--slate);justify-content:center;align-items:center;display:flex;position:absolute}.modal-x:hover{background:var(--tint);color:var(--ink)}.modal-x:focus-visible{box-shadow:0 0 0 3px var(--focus-ring)}@keyframes fade{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(14px)scale(.98)}}.skeleton{background:linear-gradient(100deg,var(--hair2) 30%, #f4f9fc 50%, var(--hair2) 70%);border-radius:var(--r-xs);background-size:200% 100%;animation:1.4s linear infinite shimmer}.sk-line{height:12px;margin:.4375rem 0}.sk-circle{border-radius:50%;width:38px;height:38px}@keyframes shimmer{to{background-position:-200% 0}}.empty{text-align:center;padding:var(--s10) var(--s6)}.empty .em-vis{width:96px;height:96px;margin:0 auto var(--s4);position:relative}.empty h4{font-family:var(--serif);color:var(--ink);margin-bottom:.375rem;font-size:1.25rem;font-weight:600}.empty p{font-size:var(--t-sm);color:var(--slate);max-width:36ch;margin:0 auto var(--s4)}.boarding-success{text-align:center;padding:var(--s4) 0 0}.bs-stamp{width:150px;height:150px;margin:0 auto var(--s4);position:relative}.bs-stamp svg{width:100%;height:100%;display:block}.bs-stamp .ring,.bs-stamp .ring2{transform-origin:50%}.boarding-success.animate .bs-stamp{animation:stamp-hit .5s var(--ease)}@keyframes stamp-hit{0%{opacity:0;transform:scale(1.5)rotate(-10deg)}55%{opacity:1;transform:scale(.92)rotate(2deg)}75%{transform:scale(1.03)rotate(-1deg)}to{transform:scale(1)rotate(0)}}.bs-pass{background:var(--white);border-radius:var(--r-md);box-shadow:var(--sh-2);text-align:left;margin-top:var(--s2);display:flex;position:relative;overflow:hidden}.bs-pass .perf{border-left:1.6px dashed var(--water);width:0;margin:.75rem 0}.bs-pass .seg{padding:var(--s4) var(--s5)}.bs-pass .seg.stub{background:var(--accent-soft);flex-direction:column;flex:none;justify-content:center;display:flex}.bs-pass .seg .k{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--slate);font-size:.5625rem;display:block}.bs-pass .seg .v{font-family:var(--serif);color:var(--ink);margin-top:.125rem;font-size:1rem;font-weight:600;line-height:1.15;display:block}.bs-pass .seg.stub .v{color:var(--accent-deep)}.bs-grid{gap:var(--s3) var(--s4);padding:var(--s4) var(--s5);flex:1;grid-template-columns:1fr 1fr;display:grid}.bs-grid .k{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--slate);font-size:.5625rem;display:block}.bs-grid .v{font-family:var(--sans);font-weight:500;font-size:var(--t-sm);color:var(--ink);margin-top:.0625rem;line-height:1.25;display:block}.op-head{justify-content:space-between;align-items:flex-end;gap:var(--s5);margin-bottom:var(--s6);flex-wrap:wrap;display:flex}.op-head h1{font-family:var(--serif);color:var(--ink);letter-spacing:-.015em;margin:.375rem 0 .25rem;font-size:2.125rem;font-weight:500}.op-head h1 em{font-style:italic}.op-head p{font-size:var(--t-body);color:var(--slate);max-width:48ch}.op-grid{gap:var(--s6);grid-template-columns:1fr 360px;align-items:start;display:grid}@media (max-width:980px){.op-grid{grid-template-columns:1fr}}.op-step{background:var(--white);border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:var(--s6);margin-bottom:var(--s5);position:relative}.op-step .step-head{margin-bottom:var(--s4);align-items:center;gap:.875rem;display:flex}.op-step .sn{background:var(--tint);border:1.5px solid var(--deep);width:34px;height:34px;font-family:var(--serif);color:var(--ink);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:1rem;font-weight:600;display:flex}.op-step .sh-tx h3{font-family:var(--sans);font-weight:600;font-size:var(--t-h3);color:var(--ink)}.op-step .sh-tx p{font-size:var(--t-sm);color:var(--slate)}.op-blocks{gap:.625rem;display:grid}.set-head{align-items:center;gap:.625rem;margin:.5rem 0 .125rem;display:flex}.set-head .sl{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--slate);font-size:.625rem}.set-head .hr{background:var(--hair2);flex:1;height:1px}.op-aside{position:sticky;top:80px}.summary{background:var(--white);border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:var(--sh-2);overflow:hidden}.summary .su-head{padding:var(--s5) var(--s5) var(--s4);border-bottom:1px dashed var(--water);background:linear-gradient(176deg,#fbfdfe,#eef5fa);position:relative}.summary .su-head .eyebrow{margin-bottom:.5rem}.summary .su-head h3{font-family:var(--serif);color:var(--ink);font-size:1.25rem;font-weight:600}.summary .su-body{padding:var(--s5);gap:var(--s4);flex-direction:column;display:flex}.su-line{flex-direction:column;gap:.25rem;display:flex}.su-line .k{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--slate);font-size:.625rem}.su-line .v{font-family:var(--sans);font-weight:500;font-size:var(--t-body);color:var(--ink);align-items:center;gap:.5rem;display:flex}.su-line .v.empty-v{color:#9aaab6;font-style:italic;font-weight:400}.su-foot{padding:0 var(--s5) var(--s5)}.su-foot .btn{width:100%}.su-note{color:var(--slate);text-align:center;justify-content:center;align-items:center;gap:.375rem;margin-top:.625rem;font-size:.6875rem;display:flex}.stack{flex-direction:column;display:flex}.gap2{gap:var(--s2)}.gap3{gap:var(--s3)}.gap4{gap:var(--s4)}.muted{color:var(--slate)}.mono-note{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--slate);font-size:.625rem}.kit-tabs{margin-bottom:var(--s8);z-index:30;background:linear-gradient(var(--tint) 70%, transparent);flex-wrap:wrap;gap:.375rem;padding:.625rem 0;display:flex;position:sticky;top:60px}.kit-tab{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--slate);border-radius:var(--r-pill);transition:all var(--fast) var(--ease);border:1px solid #0000;padding:.375rem .75rem;font-size:.6875rem;text-decoration:none}.kit-tab:hover{background:var(--white);border-color:var(--hair);color:var(--ink)}.kit-tab.is-active{background:var(--white);border-color:var(--deep);color:var(--accent-deep)}@media (max-width:560px){.op-head h1{font-size:1.75rem}.demo{padding:var(--s4)}.bs-grid{grid-template-columns:1fr}}