*,:before,:after{box-sizing:border-box;margin:0;padding:0}img,svg{max-width:100%;display:block}ul{list-style:none}a{text-decoration:none}:root{--navy:#080f3a;--navy-dark:#060c2e;--royal:#2b4fd8;--royal-mid:#1a35a8;--royal-deep:#0f2070;--royal-lite:#5b7ef0;--royal-pale:#b8c8fa;--cath:#e85f0a;--cath-lite:#f47830;--cath-pale:#fac89a;--muted:#8a8fa8;--white:#fff;--pad-x:clamp(1.25rem, 5vw, 5rem);--section-py:clamp(3.5rem, 8vw, 6rem)}html{scroll-behavior:smooth}body{background:var(--navy);color:var(--white);-webkit-font-smoothing:antialiased;font-family:DM Sans,sans-serif;overflow-x:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.site-nav{z-index:200;padding:0 var(--pad-x);-webkit-backdrop-filter:blur(16px);background:#080f3aed;border-bottom:1px solid #2b4fd833;justify-content:space-between;align-items:center;height:60px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{letter-spacing:-.03em;color:var(--white);flex-shrink:0;font-family:Syne,sans-serif;font-size:1.35rem;font-weight:800}.nav-logo span{color:var(--cath)}.nav-logo:hover{color:var(--white)}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a,.nav-links .nav-resume{color:var(--royal-pale);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-family:DM Mono,monospace;font-size:.72rem;transition:color .2s}.nav-links a:hover,.nav-links .nav-resume:hover{color:var(--cath-lite)}.nav-cta{border-radius:6px;padding:.45rem 1.1rem;background:var(--cath)!important;color:var(--white)!important}.nav-cta:hover{background:var(--cath-lite)!important;color:var(--white)!important}.burger{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:center;gap:5px;width:40px;height:40px;padding:5px;display:none}.burger span{background:var(--white);border-radius:2px;height:2px;transition:transform .28s,opacity .28s,width .28s;display:block}.burger span:first-child{width:100%}.burger span:nth-child(2){width:68%}.burger span:nth-child(3){width:100%}.burger.is-open span:first-child{transform:translateY(7px)rotate(45deg)}.burger.is-open span:nth-child(2){opacity:0;width:100%}.burger.is-open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.drawer{-webkit-backdrop-filter:blur(24px);z-index:190;padding:0 var(--pad-x) 1.5rem;pointer-events:none;opacity:0;background:#060c2efa;border-bottom:1px solid #2b4fd833;flex-direction:column;transition:opacity .22s,transform .22s;display:none;position:fixed;top:60px;left:0;right:0;transform:translateY(-6px)}.drawer.is-open{pointer-events:all;opacity:1;transform:translateY(0)}.drawer a{color:var(--royal-pale);letter-spacing:.07em;text-transform:uppercase;border-bottom:1px solid #2b4fd821;padding:1rem 0;font-family:DM Mono,monospace;font-size:.85rem;transition:color .2s;display:block}.drawer a:last-child{border-bottom:none;padding-top:1.25rem}.drawer a:hover{color:var(--cath-lite)}.drawer .dcta{background:var(--cath);text-align:center;border-radius:8px;margin-top:.5rem;color:var(--white)!important;border-bottom:none!important;padding:.9rem!important}@media (width<=900px){.nav-links{display:none}.burger,.drawer{display:flex}}@media (width<=380px){.nav-logo{font-size:1.15rem}}.site-footer{background:var(--navy);padding:1.4rem var(--pad-x);border-top:1px solid #2b4fd821;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.flogo{color:var(--white);font-family:Syne,sans-serif;font-size:1.05rem;font-weight:800}.flogo span{color:var(--cath)}.fcopy{color:var(--muted);letter-spacing:.05em;font-family:DM Mono,monospace;font-size:.67rem}@media (width<=600px){.site-footer{text-align:center;flex-direction:column}}.sf-canvas{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;inset:0}.egg-backdrop{z-index:500;-webkit-backdrop-filter:blur(10px);background:#060c2ebf;justify-content:center;align-items:center;animation:.25s both egg-fade-in;display:flex;position:fixed;inset:0}.egg-modal{text-align:center;background:#0f207099;border:1px solid #e85f0a59;border-radius:20px;width:calc(100% - 2rem);max-width:460px;padding:clamp(2rem,5vw,3rem) clamp(1.75rem,5vw,3.5rem);animation:.35s cubic-bezier(.34,1.56,.64,1) both egg-pop-in;position:relative;box-shadow:0 0 0 1px #e85f0a1a,0 0 60px #e85f0a1f,0 24px 64px #060c2eb3}.egg-stars{justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.egg-stars svg{width:22px;height:22px}.egg-stars svg:first-child{animation:6s linear infinite egg-spin}.egg-stars svg:nth-child(2){width:30px;height:30px;animation:4s linear infinite reverse egg-spin}.egg-stars svg:nth-child(3){animation:8s linear infinite egg-spin}@keyframes egg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.egg-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--cath);margin-bottom:.75rem;font-family:DM Mono,monospace;font-size:.68rem}.egg-title{letter-spacing:-.02em;color:var(--white);margin-bottom:1rem;font-family:Syne,sans-serif;font-size:clamp(1.5rem,4vw,2rem);font-weight:800;line-height:1.15}.egg-desc{color:var(--royal-pale);margin-bottom:1.75rem;font-size:.92rem;font-weight:300;line-height:1.75}.egg-btns{flex-direction:column;gap:.6rem;display:flex}.egg-claim{background:var(--cath);color:var(--white);cursor:pointer;border:none;border-radius:10px;padding:.85rem 1.5rem;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:500;transition:background .2s,transform .15s}.egg-claim:hover{background:var(--cath-lite);transform:translateY(-2px)}.egg-dismiss{color:var(--muted);letter-spacing:.06em;cursor:pointer;background:0 0;border:none;padding:.4rem;font-family:DM Mono,monospace;font-size:.7rem;transition:color .2s}.egg-dismiss:hover{color:var(--royal-pale)}@keyframes egg-fade-in{0%{opacity:0}to{opacity:1}}@keyframes egg-pop-in{0%{opacity:0;transform:scale(.85)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.scatter-layer{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.scatter-star{opacity:.75;pointer-events:none;transition:opacity .2s,transform .2s,filter .2s;position:absolute}.scatter-decor{pointer-events:all;cursor:pointer}.scatter-blink{animation:.6s forwards scatter-blink-anim!important}@keyframes scatter-blink-anim{0%{opacity:.75;transform:scale(1)}20%{opacity:1;filter:drop-shadow(0 0 8px);transform:scale(1.25)}50%{opacity:.1;transform:scale(.9)}75%{opacity:1;transform:scale(1.1)}to{opacity:.75;transform:scale(1)}}.scatter-egg{pointer-events:all;cursor:pointer;opacity:.85;filter:drop-shadow(0 0 4px #5b7ef0);animation:3s ease-in-out infinite egg-star-pulse}.scatter-egg:hover{opacity:1;filter:drop-shadow(0 0 8px #5b7ef0)drop-shadow(0 0 18px #5b7ef0);animation-play-state:paused;transform:scale(1.35)}@keyframes egg-star-pulse{0%,to{filter:drop-shadow(0 0 3px #5b7ef0)}50%{filter:drop-shadow(0 0 10px #5b7ef0)drop-shadow(0 0 22px #5b7ef0)}}.home-page{position:relative}.home-page section{padding:var(--section-py) var(--pad-x)}.stag{color:var(--cath);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.6rem;margin-bottom:.65rem;font-family:DM Mono,monospace;font-size:.68rem;display:flex}.stag:before{content:"";background:var(--cath);flex-shrink:0;width:22px;height:1px}.stitle{letter-spacing:-.02em;margin-bottom:.5rem;font-family:Syne,sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;line-height:1.1}.stitle .hl{color:var(--royal-lite)}.hero{min-height:100svh;padding:calc(60px + clamp(2rem, 5vw, 4rem)) var(--pad-x) clamp(2.5rem, 5vw, 4rem);grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid;position:relative;overflow:hidden}.hero-grid-bg{pointer-events:none;background-image:linear-gradient(#2b4fd80f 1px,#0000 1px),linear-gradient(90deg,#2b4fd80f 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0}.orb1{pointer-events:none;background:radial-gradient(circle,#2b4fd838 0%,#0000 70%);border-radius:50%;width:min(600px,80vw);height:min(600px,80vw);position:absolute;top:-15%;right:-10%}.orb2{pointer-events:none;background:radial-gradient(circle,#e85f0a21 0%,#0000 70%);border-radius:50%;width:min(300px,50vw);height:min(300px,50vw);position:absolute;bottom:8%;left:5%}.hero-left{z-index:2;animation:.7s both fadeUp;position:relative}.avail-badge{color:var(--cath-pale);letter-spacing:.1em;text-transform:uppercase;background:#e85f0a1f;border:1px solid #e85f0a4d;border-radius:20px;align-items:center;gap:.5rem;margin-bottom:1.4rem;padding:.35rem .9rem;font-family:DM Mono,monospace;font-size:.68rem;display:inline-flex}.avail-dot{background:var(--cath);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hero-name{letter-spacing:-.03em;margin-bottom:.3rem;font-family:Syne,sans-serif;font-size:clamp(2.3rem,5.5vw,4.8rem);font-weight:800;line-height:1}.hero-name .first{color:var(--white);display:block}.hero-name .last{color:var(--royal-lite);display:block}.hero-role{color:var(--cath);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.6rem;margin:1.1rem 0 1.5rem;font-family:DM Mono,monospace;font-size:clamp(.65rem,1.4vw,.8rem);display:flex}.hero-role:after{content:"";background:var(--cath);opacity:.35;flex-shrink:0;width:56px;height:1px}.hero-desc{color:var(--royal-pale);max-width:480px;margin-bottom:2rem;font-size:clamp(.9rem,1.7vw,1.04rem);font-weight:300;line-height:1.8}.hero-desc strong{color:var(--white);font-weight:500}.hero-btns{flex-wrap:wrap;gap:.75rem;margin-bottom:2.5rem;display:flex}.hero-stats{border-top:1px solid #2b4fd82e;flex-wrap:wrap;gap:2rem;padding-top:1.75rem;display:flex}.stat-n{color:var(--white);font-family:Syne,sans-serif;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:700;line-height:1}.stat-n span{color:var(--cath)}.stat-l{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-top:.25rem;font-size:.7rem}.hero-right{z-index:2;animation:.7s .15s both fadeUp;position:relative}.code-card{-webkit-backdrop-filter:blur(20px);background:#0f20708c;border:1px solid #2b4fd859;border-radius:14px;padding:clamp(1rem,3vw,1.75rem);overflow:hidden}.code-bar{border-bottom:1px solid #2b4fd833;align-items:center;gap:6px;margin-bottom:1.1rem;padding-bottom:.9rem;display:flex}.cd{border-radius:50%;flex-shrink:0;width:10px;height:10px}.cd-r{background:#e85f0a}.cd-y,.cd-g{background:#5b7ef0}.code-fname{color:var(--muted);letter-spacing:.05em;margin-left:auto;font-family:DM Mono,monospace;font-size:.67rem}.cl{font-family:DM Mono,monospace;font-size:clamp(.65rem,1.25vw,.78rem);line-height:1.95}.cm{color:#3a5080}.ck{color:var(--royal-pale)}.cp{color:#5dcaa5}.cs{color:#97c4f0}.cv{color:var(--cath-lite)}.cb{color:var(--royal-lite)}.cn{color:var(--cath-pale)}.i1{padding-left:1.1em}.i2{padding-left:2.2em}.ticker{background:#2b4fd814;border-top:1px solid #2b4fd82e;border-bottom:1px solid #2b4fd82e;padding:.85rem 0;overflow:hidden}.ticker-track{width:max-content;animation:28s linear infinite tick;display:flex}@keyframes tick{0%{transform:translate(0)}to{transform:translate(-50%)}}.ti{letter-spacing:.1em;text-transform:uppercase;color:var(--royal-pale);white-space:nowrap;align-items:center;gap:1.6rem;padding:0 1.6rem;font-family:DM Mono,monospace;font-size:.68rem;display:flex}.ti:after{content:"◆";color:var(--cath);font-size:.38rem}.about{background:var(--navy)}.about-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start;gap:clamp(1.75rem,5vw,5rem);margin-top:2.5rem;display:grid}.info-card{background:#0f207073;border:1px solid #2b4fd83d;border-radius:14px;overflow:hidden}.irow{border-bottom:1px solid #2b4fd81f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1.2rem;display:flex}.irow:last-child{border-bottom:none}.ikey{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;flex-shrink:0;font-family:DM Mono,monospace;font-size:.67rem}.ival{color:var(--white);text-align:right;word-break:break-word;font-size:.84rem}.ival.blue{color:var(--royal-lite);font-size:.77rem}.avail-tag{color:var(--cath-lite);background:#e85f0a24;border:1px solid #e85f0a47;border-radius:20px;padding:.2rem .7rem;font-family:DM Mono,monospace;font-size:.68rem}.about-text p{color:var(--royal-pale);margin-bottom:1rem;font-size:clamp(.88rem,1.6vw,1rem);font-weight:300;line-height:1.85}.about-text p strong{color:var(--white);font-weight:500}.skills-section{background:var(--navy-dark)}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:.62rem;margin-top:2.5rem;display:grid}.skill-chip{color:var(--royal-pale);background:#0f207073;border:1px solid #2b4fd838;border-radius:10px;align-items:center;gap:.5rem;padding:.78rem .95rem;font-size:.84rem;transition:border-color .2s,color .2s,transform .15s;display:flex}.skill-chip:hover{border-color:var(--royal-lite);color:var(--white);transform:translateY(-2px)}a.skill-chip{cursor:pointer}.sdot{background:var(--cath);border-radius:50%;flex-shrink:0;width:5px;height:5px}.experience{background:var(--navy)}.exp-list{flex-direction:column;gap:1.2rem;margin-top:2.5rem;display:flex}.exp-card{background:#0f207052;border:1px solid #2b4fd82e;border-radius:14px;padding:clamp(1.2rem,3vw,2rem);transition:border-color .22s,transform .18s;position:relative;overflow:hidden}.exp-card:before{content:"";background:var(--cath);border-radius:3px 0 0 3px;width:3px;position:absolute;top:0;bottom:0;left:0}.exp-card:hover{border-color:#2b4fd870;transform:translate(4px)}.exp-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.3rem;display:flex}.exp-role{color:var(--white);letter-spacing:-.01em;font-family:Syne,sans-serif;font-size:clamp(.98rem,2.2vw,1.12rem);font-weight:700}.exp-period{color:var(--cath);white-space:nowrap;background:#e85f0a1a;border:1px solid #e85f0a38;border-radius:20px;flex-shrink:0;padding:.22rem .7rem;font-family:DM Mono,monospace;font-size:.67rem}.exp-co{color:var(--royal-lite);margin-bottom:1rem;font-size:.87rem}.exp-ul{flex-direction:column;gap:.42rem;display:flex}.exp-ul li{color:var(--royal-pale);padding-left:1.1rem;font-size:clamp(.82rem,1.5vw,.88rem);font-weight:300;line-height:1.7;position:relative}.exp-ul li:before{content:"›";color:var(--cath);font-weight:700;position:absolute;left:0}.contact{background:var(--navy-dark);text-align:center}.contact-inner{max-width:600px;margin:0 auto}.contact .stag{justify-content:center}.contact .stag:before{display:none}.contact-desc{color:var(--royal-pale);margin:1rem 0 2rem;font-size:clamp(.9rem,1.7vw,1.04rem);font-weight:300;line-height:1.8}.contact-inner .btn-primary{margin:0 auto}.contact-links{flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1.5rem;display:flex}.clink{color:var(--royal-pale);letter-spacing:.04em;border:1px solid #2b4fd842;border-radius:8px;align-items:center;gap:.4rem;padding:.6rem 1rem;font-family:DM Mono,monospace;font-size:.7rem;transition:border-color .2s,color .2s,transform .15s;display:flex}.clink:hover{border-color:var(--cath);color:var(--cath-lite);transform:translateY(-2px)}@media (width<=900px){.hero{grid-template-columns:1fr;gap:2.5rem;min-height:auto;padding-top:calc(60px + 2.5rem)}.hero-right{max-width:520px}.about-grid{grid-template-columns:1fr;gap:1.75rem}}@media (width<=600px){.hero{gap:2rem;padding-top:calc(60px + 2rem)}.hero-name{font-size:clamp(2rem,9.5vw,2.7rem)}.hero-btns{flex-direction:column}.hero-btns a{justify-content:center;width:100%}.hero-stats{gap:1.25rem}.code-card{padding:1rem}.cl{font-size:.63rem}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(115px,1fr))}.exp-top{flex-direction:column;align-items:flex-start}.contact-links{flex-direction:column;align-items:center}.clink{justify-content:center;width:100%}.irow{flex-direction:column;align-items:flex-start;gap:.2rem}.ival{text-align:left}}@media (width<=380px){.avail-badge{padding:.3rem .7rem;font-size:.6rem}.code-card{display:none}}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;transition:transform .2s,border-color .2s,background .2s;overflow:hidden}.project-card:hover{border-color:var(--brand-royal);background:var(--bg-card-hover);transform:translateY(-4px)}.project-img img{object-fit:cover;width:100%;height:200px}.project-body{padding:1.25rem}.project-body h3{color:var(--text);margin-bottom:.5rem;font-size:1.1rem}.project-body p{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem}.tech-stack{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.tech-badge{color:#7b9eff;background:#2b4fd826;border:1px solid #2b4fd859;border-radius:20px;padding:.2rem .6rem;font-size:.75rem}.project-links{gap:.75rem;display:flex}.projects-page{padding:4rem 1.5rem}.page-title{color:var(--text);margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.loading,.empty{color:var(--text-muted);text-align:center;padding:4rem 0}.about-page{padding:4rem 1.5rem}.about-intro{max-width:680px;margin-bottom:3rem}.about-intro p{color:var(--text-muted);margin-bottom:1rem;line-height:1.8}.about-intro strong{color:var(--brand-cath)}.skills-section h2{color:var(--text);margin-bottom:1.5rem;font-size:1.6rem}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;display:grid}.skill-group{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:1.25rem}.skill-group h3{color:var(--brand-cath);text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem;font-size:.85rem}.skill-tags{flex-wrap:wrap;gap:.4rem;display:flex}a.tech-badge{cursor:pointer;transition:background .18s,color .18s}a.tech-badge:hover{color:var(--cath-pale);background:#e85f0a26}.experience-section,.education-section{margin-top:3rem}.experience-section h2,.education-section h2{color:var(--text);margin-bottom:1.5rem;font-size:1.6rem}.timeline{flex-direction:column;gap:1.5rem;display:flex}.timeline-item{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:1.5rem}.timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.job-title{color:var(--text);margin-bottom:.25rem;font-size:1.05rem}.job-company{color:var(--brand-cath);font-size:.9rem}.job-period{color:var(--text-muted);white-space:nowrap;padding-top:.15rem;font-size:.8rem}.job-bullets{flex-direction:column;gap:.4rem;margin:0;padding-left:1.2rem;display:flex}.job-bullets li{color:var(--text-muted);font-size:.92rem;line-height:1.7}.contact-page{padding:4rem 1.5rem}.page-subtitle{color:var(--text-muted);margin-bottom:2.5rem}.contact-form{flex-direction:column;gap:1.25rem;max-width:560px;display:flex}.form-group label{color:var(--text-muted);font-size:.9rem}.form-group input,.form-group textarea{background:var(--bg-card);border:1px solid var(--border);color:var(--text);resize:vertical;border-radius:6px;padding:.7rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--brand-royal);outline:none}.form-status{border-radius:6px;padding:.6rem 1rem;font-size:.9rem}.form-status.success{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e4d}.form-status.error{color:#f87171;background:#ef44441a;border:1px solid #ef44444d}.auth-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.auth-modal{background:var(--bg-secondary,#1a1a2e);border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:420px;padding:2.5rem;position:relative;box-shadow:0 24px 60px #0006}.auth-close{color:var(--text-muted,#888);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.1rem;line-height:1;transition:color .2s;position:absolute;top:1.25rem;right:1.25rem}.auth-close:hover{color:var(--text-primary,#fff)}.auth-header{margin-bottom:1.5rem}.auth-header h2{color:var(--text-primary,#fff);margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.auth-header p{color:var(--text-muted,#888);margin:0;font-size:.9rem}.auth-tabs{background:#ffffff0d;border-radius:8px;gap:.5rem;margin-bottom:1.5rem;padding:.25rem;display:flex}.auth-tabs button{color:var(--text-muted,#888);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:.5rem;font-size:.9rem;font-weight:500;transition:all .2s}.auth-tabs button.active{background:var(--accent,#6c63ff);color:#fff}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-field{flex-direction:column;gap:.4rem;display:flex}.auth-field label{color:var(--text-secondary,#ccc);font-size:.85rem;font-weight:500}.auth-field input{color:var(--text-primary,#fff);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:.7rem 1rem;font-size:.95rem;transition:border-color .2s}.auth-field input:focus{border-color:var(--accent,#6c63ff)}.auth-field input::placeholder{color:#ffffff4d}.auth-error{color:#ff6b6b;margin:0;font-size:.85rem}.auth-submit{background:var(--accent,#6c63ff);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:.5rem;padding:.85rem;font-size:1rem;font-weight:600;transition:opacity .2s,transform .1s}.auth-submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.uploader-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.uploader-modal{background:#1a1a2e;border:1px solid #ffffff1a;border-radius:18px;width:100%;max-width:480px;padding:2.5rem;position:relative;box-shadow:0 24px 60px #00000080}.uploader-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.1rem;line-height:1;transition:color .2s;position:absolute;top:1.25rem;right:1.25rem}.uploader-close:hover{color:#f1f5f9}.uploader-header{margin-bottom:1.75rem}.uploader-header h2{color:#f1f5f9;margin:0 0 .3rem;font-size:1.4rem;font-weight:700}.uploader-header p{color:#94a3b8;margin:0;font-size:.88rem}.uploader-drop-zone{text-align:center;cursor:pointer;background:#6c63ff0a;border:2px dashed #6c63ff66;border-radius:14px;margin-bottom:1rem;padding:2.5rem 1.5rem;transition:all .2s}.uploader-drop-zone:hover,.uploader-drop-zone.dragging{background:#6c63ff1a;border-color:#6c63ff;transform:scale(1.01)}.uploader-icon{margin-bottom:.75rem;font-size:2.5rem}.uploader-drop-text{color:#f1f5f9;margin:0 0 .3rem;font-size:1rem;font-weight:600}.uploader-drop-sub{color:#6c63ff;margin:0 0 .75rem;font-size:.85rem}.uploader-formats{color:#94a3b8;letter-spacing:1px;background:#ffffff0f;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;display:inline-block}.uploader-error{color:#ff6b6b;background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:8px;align-items:flex-start;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.uploader-disclaimer{color:#64748b;text-align:center;margin:0;font-size:.75rem}.uploader-progress{flex-direction:column;align-items:center;gap:1.5rem;padding:1rem 0;display:flex}.uploader-spinner{border:3px solid #6c63ff33;border-top-color:#6c63ff;border-radius:50%;width:48px;height:48px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.uploader-progress-info{text-align:center;width:100%}.uploader-file-name{color:#c4b5fd;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .4rem;font-size:.85rem;font-weight:600;overflow:hidden}.uploader-status-text{color:#94a3b8;margin:0 0 1rem;font-size:.9rem}.uploader-progress-bar{background:#ffffff14;border-radius:4px;height:4px;overflow:hidden}.uploader-progress-fill{background:linear-gradient(90deg,#6c63ff,#a78bfa);border-radius:4px;height:100%;transition:width .6s}.template-clean,.template-modern,.template-classic,.template-minimal{color:#1a1a1a;box-sizing:border-box;background:#fff;width:100%;min-height:100%;font-family:Georgia,Times New Roman,serif}.template-clean{max-width:800px;margin:0 auto;padding:2.5rem 2.75rem;font-family:Helvetica Neue,Arial,sans-serif}.clean-header{border-bottom:2px solid #2d3748;margin-bottom:1.5rem;padding-bottom:1rem}.clean-header h1{letter-spacing:-.5px;color:#1a202c;margin:0 0 .4rem;font-size:1.9rem;font-weight:700}.clean-contact{color:#4a5568;flex-wrap:wrap;gap:.5rem 1rem;font-size:.8rem;display:flex}.clean-contact span:after{content:""}.clean-section{margin-bottom:1.25rem}.clean-section h2{letter-spacing:1px;text-transform:uppercase;color:#2d3748;margin:0 0 .3rem;font-size:.85rem;font-weight:700}.clean-divider{background:#e2e8f0;height:1px;margin-bottom:.75rem}.clean-summary{color:#4a5568;margin:0;font-size:.85rem;line-height:1.6}.clean-entry{margin-bottom:.9rem}.clean-entry-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.25rem;display:flex}.clean-entry-header strong{color:#1a202c;font-size:.9rem}.clean-at{color:#4a5568;font-size:.85rem}.clean-date{color:#718096;white-space:nowrap;font-size:.78rem}.clean-gpa{color:#718096;font-size:.78rem}.clean-bullets p{color:#4a5568;margin:.2rem 0;padding-left:1rem;font-size:.82rem;line-height:1.5}.clean-skills{flex-direction:column;gap:.25rem;display:flex}.clean-skill-row{color:#4a5568;font-size:.82rem}.clean-skill-row strong{color:#2d3748}.clean-link{color:#718096;font-size:.78rem}.clean-proj-desc{color:#4a5568;margin:.25rem 0 0;font-size:.82rem;line-height:1.5}.clean-proj-desc a{color:#4a5568}.template-modern{min-height:100%;font-family:Inter,Helvetica Neue,Arial,sans-serif;display:flex}.modern-sidebar{color:#e2e8f0;background:#1e293b;flex-direction:column;gap:1.5rem;width:240px;min-width:240px;padding:2rem 1.5rem;display:flex}.modern-avatar{color:#fff;letter-spacing:1px;background:#6c63ff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.4rem;font-weight:700;display:flex}.modern-name{color:#f1f5f9;margin:0;font-size:1.2rem;font-weight:700;line-height:1.3}.modern-contact-block h3,.modern-skills-block h3{letter-spacing:1.5px;text-transform:uppercase;color:#94a3b8;margin:0 0 .6rem;font-size:.7rem}.modern-contact-item{color:#cbd5e1;word-break:break-all;align-items:flex-start;gap:.5rem;margin-bottom:.35rem;font-size:.75rem;display:flex}.modern-contact-item svg{opacity:.8;flex-shrink:0}.modern-skill-cat{color:#94a3b8;margin-bottom:.3rem;font-size:.72rem;display:block}.modern-skill-group{margin-bottom:.75rem}.modern-skill-tags{flex-wrap:wrap;gap:.3rem;display:flex}.modern-skill-tag{color:#c4b5fd;background:#6c63ff4d;border-radius:4px;padding:.2rem .5rem;font-size:.7rem}.modern-main{flex:1;padding:2rem 2.25rem}.modern-section{margin-bottom:1.5rem}.modern-section h2{color:#1e293b;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;font-weight:700;display:flex}.modern-accent-bar{background:#6c63ff;border-radius:2px;width:4px;height:1em;display:inline-block}.modern-section>p{color:#475569;margin:0;font-size:.85rem;line-height:1.7}.modern-entry{gap:.75rem;margin-bottom:1rem;display:flex;position:relative}.modern-entry-dot{background:#6c63ff;border-radius:50%;width:10px;min-width:10px;height:10px;margin-top:.35rem}.modern-entry-content{flex:1}.modern-entry-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.25rem;display:flex}.modern-entry-top strong{color:#1e293b;font-size:.9rem}.modern-date{color:#94a3b8;white-space:nowrap;font-size:.75rem}.modern-company{color:#6c63ff;font-size:.8rem;font-weight:500}.modern-gpa{color:#94a3b8;margin-top:.15rem;font-size:.75rem;display:block}.modern-desc p{color:#475569;margin:.2rem 0;font-size:.82rem;line-height:1.5}.modern-project{margin-bottom:1rem}.modern-proj-tech{flex-wrap:wrap;gap:.25rem;display:flex}.modern-proj-tech span{color:#475569;background:#f1f5f9;border-radius:4px;padding:.15rem .5rem;font-size:.7rem}.modern-project p{color:#475569;margin:.4rem 0 .25rem;font-size:.82rem}.modern-proj-link{color:#6c63ff;font-size:.75rem;text-decoration:none}.template-classic{max-width:800px;margin:0 auto;padding:2.5rem 3rem;font-family:Georgia,Times New Roman,serif}.classic-header{text-align:center;margin-bottom:1.25rem}.classic-header h1{letter-spacing:2px;color:#1a1a1a;margin:0 0 .5rem;font-size:2rem;font-weight:700}.classic-rule{background:#1a1a1a;height:2px;margin:.5rem 0}.classic-contact{color:#333;letter-spacing:.5px;font-size:.82rem}.classic-section{margin-bottom:1.25rem}.classic-section h2{letter-spacing:2px;text-transform:uppercase;color:#1a1a1a;border-bottom:1px solid #1a1a1a;margin:0 0 .6rem;padding-bottom:.2rem;font-size:.8rem;font-weight:700}.classic-section>p{color:#333;margin:0;font-size:.85rem;font-style:italic;line-height:1.65}.classic-entry{margin-bottom:.85rem}.classic-entry-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;display:flex}.classic-entry-top strong{color:#1a1a1a;font-size:.88rem}.classic-entry-top span{color:#555;font-size:.8rem}.classic-bullets{margin:.35rem 0 0 1.2rem;padding:0}.classic-bullets li{color:#333;margin-bottom:.2rem;font-size:.82rem;line-height:1.5}.classic-skills{flex-direction:column;gap:.2rem;display:flex}.classic-skill-row{color:#333;font-size:.82rem}.classic-skill-row strong{color:#1a1a1a}.classic-proj-desc{color:#333;margin:.2rem 0;font-size:.82rem;line-height:1.5}.classic-link{color:#555;margin:.1rem 0;font-size:.78rem}.template-minimal{color:#111;max-width:800px;margin:0 auto;padding:3rem 3.5rem;font-family:Helvetica Neue,Arial,sans-serif}.minimal-header{margin-bottom:1.5rem}.minimal-header h1{letter-spacing:-1px;color:#111;margin:0 0 .4rem;font-size:2.2rem;font-weight:300}.minimal-contact{color:#555;flex-wrap:wrap;align-items:center;gap:.25rem 0;font-size:.82rem;display:flex}.minimal-sep{color:#ccc;margin:0 .4rem}.minimal-links{color:#888;flex-wrap:wrap;gap:0 1.5rem;margin-top:.25rem;font-size:.78rem;display:flex}.minimal-rule{background:#e5e5e5;height:1px;margin:1rem 0}.minimal-summary{color:#444;margin:0;font-size:.88rem;font-weight:300;line-height:1.7}.minimal-section h2{letter-spacing:2px;text-transform:uppercase;color:#999;margin:0 0 .75rem;font-size:.72rem;font-weight:600}.minimal-entry{gap:1.5rem;margin-bottom:.9rem;display:flex}.minimal-meta{width:90px;min-width:90px;padding-top:.15rem}.minimal-date{color:#999;font-size:.72rem}.minimal-body{flex:1}.minimal-title{flex-direction:column;display:flex}.minimal-title strong{color:#111;font-size:.88rem;font-weight:600}.minimal-sub{color:#777;margin-top:.1rem;font-size:.8rem}.minimal-text{color:#555;margin:.35rem 0 0;font-size:.82rem;line-height:1.6}.minimal-text p{margin:.2rem 0}.minimal-skills{color:#555;flex-direction:column;gap:.3rem;font-size:.82rem;display:flex}.step-section{padding:0 0 1rem}.step-title{color:var(--text-primary,#f1f5f9);margin:0 0 .2rem;font-size:1.2rem;font-weight:700}.step-subtitle{color:var(--text-muted,#94a3b8);margin:0 0 1.5rem;font-size:.85rem}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-full{grid-column:1/-1}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group label{color:var(--text-secondary,#94a3b8);font-size:.82rem;font-weight:500}.form-group input,.form-group textarea,.form-group select{color:var(--text-primary,#f1f5f9);resize:vertical;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:.65rem .9rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:#6c63ff}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff40}.form-group input:disabled{opacity:.4;cursor:not-allowed}.char-count{color:var(--text-muted,#94a3b8);text-align:right;font-size:.75rem}.checkbox-label{color:var(--text-secondary,#94a3b8);cursor:pointer;align-items:center;gap:.4rem;margin-top:.4rem;font-size:.8rem;display:flex}.checkbox-label input{width:auto}.entry-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;margin-bottom:.75rem;overflow:hidden}.entry-card.open{border-color:#6c63ff66}.entry-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.entry-header:hover{background:#ffffff0a}.entry-title{color:var(--text-primary,#f1f5f9);font-size:.88rem}.entry-title strong{font-weight:600}.entry-title span{color:var(--text-muted,#94a3b8);font-size:.83rem}.entry-actions{align-items:center;gap:.5rem;display:flex}.chevron{color:var(--text-muted,#94a3b8);font-size:.7rem}.btn-icon{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.2rem .4rem;font-size:.8rem;transition:color .2s,background .2s}.btn-icon:hover{color:#ff6b6b;background:#ff6b6b1a}.entry-body{border-top:1px solid #ffffff0f;padding:1rem}.skills-group{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;margin-bottom:.75rem;padding:.85rem 1rem}.skills-group-header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.skills-category-input{color:var(--text-primary,#f1f5f9);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;outline:none;flex:1;padding:.5rem .75rem;font-size:.85rem;font-weight:600}.skills-category-input:focus{border-color:#6c63ff}.skills-tags{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.skill-tag{color:#c4b5fd;background:#6c63ff33;border-radius:6px;align-items:center;gap:.25rem;padding:.25rem .6rem;font-size:.8rem;display:flex}.skill-tag button{color:#c4b5fd;cursor:pointer;opacity:.6;background:0 0;border:none;padding:0;font-size:.9rem;line-height:1}.skill-tag button:hover{opacity:1}.skill-input{color:var(--text-primary,#f1f5f9);background:0 0;border:none;outline:none;min-width:100px;padding:.25rem .4rem;font-size:.85rem}.skill-input::placeholder{color:#ffffff40}.btn-add{color:#6c63ff;cursor:pointer;background:0 0;border:1px dashed #fff3;border-radius:8px;width:100%;margin-top:.5rem;padding:.65rem 1.25rem;font-size:.88rem;transition:all .2s}.btn-add:hover{background:#6c63ff14;border-color:#6c63ff}.empty-state{text-align:center;color:var(--text-muted,#94a3b8);padding:2.5rem}.empty-state span{margin-bottom:.5rem;font-size:2rem;display:block}.empty-state p{margin:0;font-size:.9rem}.template-selector h3{color:var(--text-primary,#f1f5f9);margin:0 0 1.25rem;font-size:1.2rem;font-weight:700}.template-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.template-card{cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:0;transition:all .2s;position:relative;overflow:hidden}.template-card:hover{border-color:#6c63ff66;transform:translateY(-2px)}.template-card.selected{background:#6c63ff14;border-color:#6c63ff}.template-thumb{background:#f8fafc;height:110px;overflow:hidden}.thumb-modern{height:100%;display:flex}.thumb-sidebar{background:#1e293b;width:35%}.thumb-content{flex-direction:column;flex:1;justify-content:center;gap:4px;padding:12px 10px;display:flex}.thumb-standard{flex-direction:column;gap:8px;padding:12px;display:flex}.thumb-name{background:var(--accent,#1a1a1a);border-radius:3px;width:50%;height:10px}.thumb-divider{background:#e2e8f0;height:1px}.thumb-lines{flex-direction:column;gap:5px;display:flex}.thumb-line{background:#e2e8f0;border-radius:2px;height:5px}.thumb-line.lg{width:80%}.thumb-line.md{width:60%}.thumb-line.sm{width:40%}.thumb-spacer{height:4px}.template-info{flex-direction:column;gap:.15rem;padding:.75rem 1rem;display:flex}.template-name{color:var(--text-primary,#f1f5f9);font-size:.9rem;font-weight:600}.template-desc{color:var(--text-muted,#94a3b8);font-size:.78rem}.template-check{color:#fff;background:#6c63ff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:.5rem;right:.5rem}.rb-loading{justify-content:center;align-items:center;min-height:60vh;display:flex}.rb-spinner{border:3px solid #ffffff1a;border-top-color:#6c63ff;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.rb-dashboard{max-width:900px;margin:0 auto;padding:3rem 2rem}.rb-dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:3rem;display:flex}.rb-dashboard-header h1{color:var(--text-primary,#f1f5f9);margin:0 0 .25rem;font-size:2rem;font-weight:800}.rb-dashboard-header p{color:var(--text-muted,#94a3b8);margin:0}.rb-dashboard-actions{align-items:center;gap:.75rem;display:flex}.rb-resume-list h2{color:var(--text-secondary,#94a3b8);text-transform:uppercase;letter-spacing:1px;margin:0 0 1rem;font-size:.8rem;font-weight:600}.rb-resume-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:2.5rem;display:grid}.rb-resume-card{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;transition:all .2s;position:relative;overflow:hidden}.rb-resume-card:hover{border-color:#6c63ff66;transform:translateY(-2px)}.rb-resume-card-preview{height:100px}.rb-resume-card-info{flex-direction:column;gap:.2rem;padding:.75rem;display:flex}.rb-resume-card-info strong{color:var(--text-primary,#f1f5f9);font-size:.88rem}.rb-resume-card-info span{color:var(--text-muted,#94a3b8);text-transform:capitalize;font-size:.75rem}.rb-public-badge{color:#c4b5fd;background:#6c63ff33;border-radius:4px;width:fit-content;padding:.15rem .5rem;font-size:.7rem!important}.rb-delete-btn{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;display:none;position:absolute;top:.4rem;right:.4rem}.rb-resume-card:hover .rb-delete-btn{display:flex}.rb-delete-confirm{align-items:center;gap:.3rem;display:flex;position:absolute;top:.4rem;right:.4rem}.rb-delete-confirm-yes{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:.2rem .5rem;font-size:.7rem;font-weight:600}.rb-delete-confirm-no{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:6px;padding:.2rem .5rem;font-size:.7rem}.rb-cta{text-align:center;background:#ffffff05;border:1px dashed #ffffff1a;border-radius:16px;padding:4rem 2rem}.rb-cta-icon{margin-bottom:1rem;font-size:3rem}.rb-cta h2{color:var(--text-primary,#f1f5f9);margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.rb-cta p{color:var(--text-muted,#94a3b8);margin:0 0 1.5rem}.rb-cta-buttons{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:#6c63ff;border:none;border-radius:8px;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;transition:opacity .2s,transform .1s}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary.large{padding:.85rem 2rem;font-size:1rem}.btn-outline{color:var(--text-primary,#f1f5f9);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #fff3;border-radius:8px;padding:.65rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .2s}.btn-outline:hover:not(:disabled){color:#6c63ff;border-color:#6c63ff}.btn-outline.active{color:#6c63ff;background:#6c63ff1a;border-color:#6c63ff}.btn-outline:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:.9rem;transition:color .2s}.btn-ghost:hover{color:var(--text-primary,#f1f5f9)}.btn-back{color:var(--text-muted,#94a3b8);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:.5rem .75rem;font-size:.88rem;transition:all .2s}.btn-back:hover{color:var(--text-primary,#f1f5f9);background:#ffffff0f}.rb-builder{flex-direction:column;height:calc(100vh - 64px);display:flex;overflow:hidden}.rb-topbar{background:var(--bg-primary,#0f0f1a);border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.rb-topbar-left{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.rb-topbar-right{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.rb-title-input{color:var(--text-primary,#f1f5f9);background:0 0;border:none;border-bottom:1px solid #0000;outline:none;min-width:120px;max-width:260px;padding:.2rem .4rem;font-size:.95rem;font-weight:600;transition:border-color .2s}.rb-title-input:focus{border-bottom-color:#ffffff4d}.rb-save-msg{color:#6c63ff;white-space:nowrap;font-size:.8rem}.rb-main{flex:1;display:flex;overflow:hidden}.rb-steps{background:#ffffff05;border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;width:100px;padding:.75rem 0;display:flex;overflow-y:auto}.rb-step{cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;flex-direction:column;align-items:center;gap:.3rem;padding:.85rem .5rem;transition:background .2s;display:flex}.rb-step:hover{background:#ffffff0d}.rb-step.active{background:#6c63ff1a;border-left-color:#6c63ff}.rb-step-icon{font-size:1.2rem}.rb-step-label{color:var(--text-muted,#94a3b8);text-transform:uppercase;letter-spacing:.5px;font-size:.65rem;font-weight:500}.rb-step.active .rb-step-label{color:#c4b5fd}.rb-form-panel{border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;width:380px;display:flex;overflow:hidden}.rb-form-scroll{flex-direction:column;flex:1;padding:1.5rem;display:flex;overflow-y:auto}.rb-step-nav{justify-content:space-between;gap:.75rem;margin-top:auto;padding:1rem 0 0;display:flex}.rb-preview-panel{background:#e8ecf0;flex-direction:column;flex:1;display:flex;overflow:hidden}.rb-preview-label{letter-spacing:1px;text-transform:uppercase;color:#94a3b8;background:#dde2e8;border-bottom:1px solid #cdd3da;flex-shrink:0;padding:.6rem 1rem;font-size:.72rem;font-weight:600}.rb-preview-scroll{flex:1;justify-content:center;padding:2rem;display:flex;overflow-y:auto}.rb-preview-page{background:#fff;border-radius:2px;width:100%;max-width:760px;min-height:1060px;overflow:hidden;box-shadow:0 4px 24px #00000026}@media (width<=900px){.rb-builder{height:auto;overflow:visible}.rb-main{flex-direction:column;overflow:visible}.rb-steps{border-bottom:1px solid #ffffff0f;border-right:none;flex-direction:row;width:100%;padding:0;overflow-x:auto}.rb-step{border-bottom:2px solid #0000;border-left:none;flex-direction:row;gap:.4rem;padding:.6rem .75rem}.rb-step.active{border-bottom-color:#6c63ff;border-left-color:#0000}.rb-form-panel{border-right:none;width:100%}.rb-preview-panel{min-height:600px}.form-grid{grid-template-columns:1fr}.template-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.rb-dashboard{padding:1.5rem 1rem}.rb-dashboard-header{flex-direction:column;margin-bottom:2rem}.rb-dashboard-header h1{font-size:1.5rem}.rb-dashboard-actions{justify-content:flex-end;width:100%}.rb-topbar{flex-wrap:wrap;padding:.6rem 1rem}.rb-topbar-right{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;width:100%}.rb-topbar-right .btn-outline,.rb-topbar-right .btn-primary{padding:.5rem .85rem;font-size:.82rem}.rb-resume-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.rb-cta{padding:2.5rem 1rem}.rb-cta-buttons{flex-direction:column}.rb-cta-buttons .btn-primary,.rb-cta-buttons .btn-outline{width:100%}}.rv-loading,.rv-not-found{min-height:60vh;color:var(--text-muted,#94a3b8);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.rv-spinner{border:3px solid #ffffff1a;border-top-color:#6c63ff;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.rv-not-found h2{color:var(--text-primary,#f1f5f9);margin:0;font-size:1.5rem}.rv-not-found p{margin:0}.rv-cta-link{color:#6c63ff;font-weight:500;text-decoration:none}.rv-cta-link:hover{text-decoration:underline}.rv-page{flex-direction:column;min-height:100vh;display:flex}.rv-bar{background:var(--bg-primary,#0f0f1a);border-bottom:1px solid #ffffff14;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 2rem;display:flex}.rv-bar-left{align-items:center;gap:1rem;display:flex}.rv-logo{color:var(--text-primary,#f1f5f9);font-size:1.1rem;font-weight:700;text-decoration:none}.rv-name{color:var(--text-muted,#94a3b8);font-size:.9rem}.rv-bar-right{align-items:center;gap:.75rem;display:flex}.rv-download{color:#fff;cursor:pointer;background:#6c63ff;border:none;border-radius:8px;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:opacity .2s}.rv-download:hover:not(:disabled){opacity:.9}.rv-download:disabled{opacity:.5;cursor:not-allowed}.rv-create-link{color:#6c63ff;font-size:.88rem;font-weight:500;text-decoration:none}.rv-create-link:hover{text-decoration:underline}.rv-content{background:#e8ecf0;flex:1;justify-content:center;padding:3rem 2rem;display:flex}.rv-paper{background:#fff;width:100%;max-width:800px;min-height:1060px;box-shadow:0 4px 32px #00000026}.ht-page{min-height:100vh;padding:var(--section-py) var(--pad-x);flex-direction:column;align-items:center;gap:clamp(2.5rem,6vw,4rem);display:flex}.ht-hero{text-align:center;max-width:600px;animation:.5s both fadeUp}.ht-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--royal-lite);border:1px solid color-mix(in srgb, var(--royal-lite) 35%, transparent);background:color-mix(in srgb, var(--royal-lite) 8%, transparent);border-radius:100px;align-items:center;gap:.4rem;margin-bottom:1.25rem;padding:.35rem .75rem;font-family:DM Mono,monospace;font-size:.75rem;display:inline-flex}.ht-badge svg{flex-shrink:0;width:12px;height:12px}.ht-title{letter-spacing:-.02em;color:var(--white);margin-bottom:1rem;font-family:Syne,sans-serif;font-size:clamp(2.25rem,6vw,3.75rem);font-weight:800;line-height:1.1}.ht-sub{color:var(--muted);font-size:clamp(.95rem,2vw,1.05rem);line-height:1.65}.ht-tabs-wrapper{flex-direction:column;gap:1.75rem;width:100%;max-width:860px;animation:.55s .1s both fadeUp;display:flex}.ht-tabs{border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 20%, transparent);gap:.25rem;padding-bottom:0;display:flex}.ht-tab{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.55rem 1rem;font-family:DM Mono,monospace;font-size:.8rem;transition:color .18s,border-color .18s}.ht-tab:hover{color:var(--white)}.ht-tab--active{color:var(--royal-lite);border-bottom-color:var(--royal-lite)}.ht-filters{z-index:10;background:var(--navy-dark);flex-wrap:wrap;gap:.4rem;margin:-.75rem -1rem;padding:.75rem 1rem;display:flex;position:sticky;top:60px}.ht-filter-pill{letter-spacing:.07em;text-transform:uppercase;border:1px solid color-mix(in srgb, var(--royal-lite) 20%, transparent);color:var(--muted);cursor:pointer;background:0 0;border-radius:100px;padding:.3rem .75rem;font-family:DM Mono,monospace;font-size:.68rem;transition:background .15s,border-color .15s,color .15s}.ht-filter-pill:hover{color:var(--white);border-color:color-mix(in srgb, var(--royal-lite) 40%, transparent)}.ht-filter-pill.active{background:color-mix(in srgb, currentColor 12%, transparent);border-color:currentColor}.ht-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem;width:100%;display:grid}.ht-card{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 20%, transparent);border-radius:16px;flex-direction:column;gap:.75rem;padding:2rem;transition:border-color .2s,transform .2s;display:flex}.ht-card:hover:not(.ht-card--locked){border-color:color-mix(in srgb, var(--royal-lite) 50%, transparent);transform:translateY(-3px)}.ht-card--locked{opacity:.55;border-style:dashed}.ht-card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.ht-card-labels{flex-wrap:wrap;gap:.3rem;display:flex}.ht-label{letter-spacing:.08em;text-transform:uppercase;border:1px solid;border-radius:100px;padding:.18rem .5rem;font-family:DM Mono,monospace;font-size:.62rem}.ht-label--seo{color:#34d399;background:#34d3991a;border-color:#34d3994d}.ht-label--social{color:#60a5fa;background:#60a5fa1a;border-color:#60a5fa4d}.ht-label--design{color:#f472b6;background:#f472b61a;border-color:#f472b64d}.ht-label--dev{color:#a78bfa;background:#a78bfa1a;border-color:#a78bfa4d}.ht-label--api{color:#fb923c;background:#fb923c1a;border-color:#fb923c4d}.ht-label--qa{color:#facc15;background:#facc151a;border-color:#facc154d}.ht-label--performance{color:#f87171;background:#f871711a;border-color:#f871714d}.ht-label--accessibility{color:#38bdf8;background:#38bdf81a;border-color:#38bdf84d}.ht-label--career{color:#e85f0a;background:#e85f0a1a;border-color:#e85f0a4d}.ht-card-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--cath);font-family:DM Mono,monospace;font-size:.7rem}.ht-card-name{color:var(--white);font-family:Syne,sans-serif;font-size:1.35rem;font-weight:700}.ht-card-desc{color:var(--muted);flex:1;font-size:.9rem;line-height:1.6}.ht-card-btn{align-self:flex-start;margin-top:.5rem}.ht-card-btn:disabled{opacity:.4;cursor:not-allowed}.ht-subtool-list{flex-direction:column;gap:.3rem;margin:.5rem 0 .75rem;padding:0;list-style:none;display:flex}.ht-subtool-item{color:var(--muted);padding-left:1rem;font-size:.78rem;position:relative}.ht-subtool-item:before{content:"·";position:absolute;left:.25rem}@media (width<=600px){.ht-grid{grid-template-columns:1fr}}.kb-gate{text-align:center;background:#0f207040;border:1px solid #2b4fd82e;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:3.5rem 2rem;display:flex}.kb-gate-icon{width:52px;height:52px;color:var(--royal-lite);background:#2b4fd81f;border:1px solid #2b4fd840;border-radius:14px;justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex}.kb-gate-icon svg{width:22px;height:22px}.kb-gate-title{color:var(--white);margin-bottom:.5rem;font-family:Syne,sans-serif;font-size:1.25rem;font-weight:700}.kb-gate-desc{color:var(--muted);max-width:320px;margin-bottom:1.75rem;font-size:.88rem}.kb-gate-form{gap:.5rem;width:100%;max-width:320px;display:flex}.kb-pw-wrap{flex:1;display:flex;position:relative}.kb-pw-wrap .kb-gate-input{width:100%;padding-right:2.5rem}.kb-pw-toggle{color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:.2rem;transition:color .18s;display:flex;position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.kb-pw-toggle:hover{color:var(--royal-pale)}.kb-gate-form.shake{animation:.5s kbShake}@keyframes kbShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.kb-gate-input{color:var(--white);background:#0f207080;border:1px solid #2b4fd859;border-radius:8px;outline:none;flex:1;padding:.6rem 1rem;font-family:DM Sans,sans-serif;font-size:.9rem;transition:border-color .2s}.kb-gate-input:focus{border-color:var(--royal-lite)}.kb-gate-input::placeholder{color:var(--muted)}.kb-gate-btn{background:var(--cath);color:var(--white);cursor:pointer;border:none;border-radius:8px;padding:.6rem 1.2rem;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:500;transition:background .2s}.kb-gate-btn:hover{background:var(--cath-lite)}.kb-container{background:#080f3a80;border:1px solid #2b4fd833;border-radius:14px;overflow:hidden}.kb-header{background:#0f207066;border-bottom:1px solid #2b4fd833;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:0 1rem;display:flex}.kb-tabs{gap:0;display:flex}.kb-tab{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.4rem;padding:.9rem 1.1rem;font-family:DM Sans,sans-serif;font-size:.84rem;transition:color .18s,border-color .18s;display:inline-flex}.kb-tab:hover{color:var(--royal-pale)}.kb-tab.active{color:var(--white);border-bottom-color:var(--cath)}.kb-save-status{padding:.5rem 0;font-family:DM Mono,monospace;font-size:.72rem}.kb-saving{color:var(--muted)}.kb-saved{color:#86efac}.kb-panel{padding:1.75rem}.kb-loading{color:var(--muted);padding:2rem;font-size:.88rem}.kb-empty{color:var(--muted);padding:1rem 0;font-size:.88rem;font-style:italic}.kb-input-wrap{width:100%;position:relative}.kb-input-wrap .kb-input{padding-right:2rem}.kb-input-clear{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;padding:.15rem;transition:color .18s;display:flex;position:absolute;top:50%;right:.55rem;transform:translateY(-50%)}.kb-input-clear:hover{color:var(--royal-pale)}.kb-input{width:100%;color:var(--white);background:#0f207080;border:1px solid #2b4fd84d;border-radius:8px;outline:none;padding:.55rem .9rem;font-family:DM Sans,sans-serif;font-size:.88rem;transition:border-color .2s}.kb-input:focus{border-color:var(--royal-lite)}.kb-input::placeholder{color:var(--muted)}.kb-select{color:var(--royal-pale);cursor:pointer;white-space:nowrap;background:#0f207080;border:1px solid #2b4fd84d;border-radius:8px;outline:none;padding:.55rem .75rem;font-family:DM Mono,monospace;font-size:.78rem;transition:border-color .2s}.kb-select:focus{border-color:var(--royal-lite)}.kb-textarea{width:100%;color:var(--royal-pale);resize:vertical;background:#0a0f28cc;border:1px solid #2b4fd84d;border-radius:10px;outline:none;padding:1rem;font-family:DM Mono,monospace;font-size:.84rem;line-height:1.7;transition:border-color .2s}.kb-textarea:focus{border-color:var(--royal-lite)}.kb-textarea::placeholder{color:var(--muted)}.kb-code-textarea{color:#abb2bf;resize:vertical;tab-size:2;background:#0a0f28e6;border:1px solid #2b4fd840;border-radius:0 0 10px 10px;outline:none;width:100%;padding:1rem;font-family:DM Mono,monospace;font-size:.82rem;line-height:1.6;transition:border-color .2s}.kb-code-textarea:focus{border-color:var(--royal-lite)}.kb-editor-actions{gap:.5rem;margin-top:.75rem;display:flex}.kb-btn-save{background:var(--cath);color:var(--white);cursor:pointer;border:none;border-radius:7px;padding:.5rem 1.2rem;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:500;transition:background .2s}.kb-btn-save:hover{background:var(--cath-lite)}.kb-btn-cancel{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #2b4fd840;border-radius:7px;padding:.5rem 1.2rem;font-family:DM Sans,sans-serif;font-size:.85rem;transition:color .2s,border-color .2s}.kb-btn-cancel:hover{color:var(--white);border-color:#5b7ef080}.kb-btn-edit{color:var(--royal-pale);cursor:pointer;background:0 0;border:1px solid #2b4fd840;border-radius:7px;margin-top:1rem;padding:.45rem 1rem;font-family:DM Sans,sans-serif;font-size:.82rem;transition:color .2s,border-color .2s}.kb-btn-edit:hover{color:var(--white);border-color:var(--royal-lite)}.kb-add-btn{color:var(--cath);cursor:pointer;background:0 0;border:1px dashed #e85f0a66;border-radius:8px;width:100%;margin-top:.75rem;padding:.6rem 1.25rem;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:500;transition:border-color .2s,background .2s}.kb-add-btn:hover{border-color:var(--cath);background:#e85f0a12}.kb-icon-btn{color:var(--royal-pale);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #2b4fd833;border-radius:6px;align-items:center;gap:.35rem;padding:.3rem .65rem;font-family:DM Mono,monospace;font-size:.75rem;transition:color .18s,border-color .18s;display:inline-flex}.kb-icon-btn:hover{color:var(--white);border-color:var(--royal-lite)}.kb-icon-btn.danger:hover{color:#fca5a5;border-color:#fca5a566}.kb-notes{flex-direction:column;gap:1rem;display:flex}.kb-note-card{border:1px solid #2b4fd833;border-radius:10px;overflow:hidden}.kb-note-card.editing{background:#0a0f2880;flex-direction:column;gap:.5rem;padding:.85rem;display:flex}.kb-note-card-header{background:#0f207080;justify-content:space-between;align-items:center;gap:.5rem;min-height:40px;padding:.6rem .85rem;display:flex}.kb-note-title{color:var(--white);font-size:.88rem;font-weight:500}.kb-note-title-input{font-weight:500}.kb-notes-text{color:var(--royal-pale);white-space:pre-wrap;word-break:break-word;background:#0a0f2880;border:1px solid #2b4fd826;border-radius:10px;padding:1.25rem;font-family:DM Mono,monospace;font-size:.84rem;line-height:1.8}.kb-snippets{flex-direction:column;gap:1rem;display:flex}.kb-snippet{border:1px solid #2b4fd833;border-radius:10px;overflow:hidden}.kb-snippet-header{background:#0f207080;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.65rem .85rem;display:flex}.kb-snippet-meta{align-items:center;gap:.6rem;display:flex}.kb-snippet-title{color:var(--white);font-size:.88rem;font-weight:500}.kb-lang-badge{color:var(--cath-pale);background:#e85f0a1f;border:1px solid #e85f0a40;border-radius:20px;padding:.15rem .55rem;font-family:DM Mono,monospace;font-size:.7rem}.kb-snippet-actions{gap:.4rem;display:flex}.kb-snippet-editor{background:#0a0f2880;border:1px solid #2b4fd840;border-radius:10px;flex-direction:column;gap:.5rem;padding:.85rem;display:flex;overflow:hidden}.kb-snippet-editor-top{flex-wrap:wrap;gap:.5rem;display:flex}.kb-snippet-editor-top .kb-input-wrap{flex:1;min-width:180px}.kb-tips{flex-direction:column;gap:1rem;display:flex}.kb-tips-list{flex-direction:column;gap:.5rem;display:flex}.kb-tip-item{background:#0f207052;border:1px solid #2b4fd826;border-radius:8px;align-items:flex-start;gap:.65rem;padding:.75rem .9rem;display:flex}.kb-tip-dot{background:var(--cath);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:.45em}.kb-tip-text{color:var(--royal-pale);flex:1;font-size:.9rem;line-height:1.6}.kb-tip-del{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.1rem;line-height:1;transition:color .18s}.kb-tip-del:hover{color:#fca5a5}.kb-tip-add{gap:.5rem;display:flex}.kb-tip-add .kb-input-wrap{flex:1}.kb-tip-add .kb-btn-save{flex-shrink:0}.kb-links{flex-direction:column;gap:.75rem;display:flex}.kb-links-list{flex-direction:column;gap:.5rem;display:flex}.kb-link-item{background:#0f207052;border:1px solid #2b4fd826;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;transition:border-color .18s;display:flex}.kb-link-item:hover{border-color:#2b4fd859}.kb-link-main{flex-direction:column;flex:1;gap:.2rem;display:flex}.kb-link-title{color:var(--royal-lite);font-size:.92rem;font-weight:500;transition:color .18s}.kb-link-title:hover{color:var(--white)}.kb-link-desc{color:var(--muted);font-size:.8rem}.kb-link-actions{align-items:center;gap:.75rem;display:flex}.kb-link-url{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-family:DM Mono,monospace;font-size:.7rem;overflow:hidden}.kb-link-editor{background:#0a0f2880;border:1px solid #2b4fd838;border-radius:10px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}@media (width<=600px){.kb-panel{padding:1.25rem}.kb-tab{padding:.75rem;font-size:.78rem}.kb-snippet-header{flex-direction:column;align-items:flex-start}}.skill-detail-page{min-height:80vh;padding:var(--section-py) var(--pad-x);background:var(--navy)}.skill-detail-container{max-width:760px;margin:0 auto;animation:.35s both fadeUp}.sd-back{color:var(--royal-pale);cursor:pointer;background:0 0;border:1px solid #5b7ef04d;border-radius:7px;align-items:center;gap:.35rem;margin-bottom:2.5rem;padding:.45rem 1rem;font-family:DM Sans,sans-serif;font-size:.84rem;transition:border-color .2s,color .2s;display:inline-flex}.sd-back:hover{border-color:var(--royal-lite);color:var(--white)}.sd-header{margin-bottom:2.5rem}.sd-meta{align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.sd-category{text-transform:uppercase;letter-spacing:.08em;border:1px solid;border-radius:20px;padding:.25rem .75rem;font-family:DM Mono,monospace;font-size:.72rem}.cat-frontend{color:#7dd3fc;background:#7dd3fc14;border-color:#7dd3fc4d}.cat-backend{color:#86efac;background:#86efac14;border-color:#86efac4d}.cat-ecomm{color:var(--cath-pale);background:#e85f0a14;border-color:#e85f0a4d}.cat-qa{color:#c4b5fd;background:#c4b5fd14;border-color:#c4b5fd4d}.cat-tools{color:var(--royal-pale);background:#5b7ef014;border-color:#5b7ef04d}.sd-years{color:var(--muted);font-family:DM Mono,monospace;font-size:.72rem}.sd-name{color:var(--white);letter-spacing:-.03em;margin-bottom:1.25rem;font-family:Syne,sans-serif;font-size:clamp(2rem,6vw,3rem);font-weight:800;line-height:1.1}.sd-proficiency{align-items:center;gap:.85rem;display:flex}.sd-prof-label{color:var(--cath);min-width:90px;font-family:DM Mono,monospace;font-size:.78rem}.sd-prof-bar{gap:5px;display:flex}.sd-prof-seg{background:#2b4fd838;border-radius:3px;width:36px;height:5px;transition:background .3s}.sd-prof-seg.filled{background:var(--cath)}.sd-main-tabs{border-bottom:1px solid #2b4fd833;gap:0;margin-bottom:2rem;display:flex}.sd-main-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.4rem;margin-bottom:-1px;padding:.75rem 1.25rem;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:500;transition:color .18s,border-color .18s;display:inline-flex}.sd-main-tab:hover{color:var(--royal-pale)}.sd-main-tab.active{color:var(--white);border-bottom-color:var(--cath)}.sd-section{margin-bottom:2.5rem}.sd-section-title{color:var(--white);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #2b4fd833;margin-bottom:1rem;padding-bottom:.5rem;font-family:Syne,sans-serif;font-size:1rem;font-weight:700}.sd-description{color:var(--royal-pale);font-size:1rem;font-weight:300;line-height:1.85}.sd-highlights{flex-direction:column;gap:.75rem;display:flex}.sd-highlight-item{color:var(--royal-pale);background:#0f207052;border:1px solid #2b4fd826;border-radius:10px;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;font-size:.92rem;line-height:1.7;transition:border-color .2s;display:flex}.sd-highlight-item:hover{border-color:#2b4fd859}.sd-bullet{background:var(--cath);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:.55em}.sd-related{flex-wrap:wrap;gap:.6rem;display:flex}.sd-related-chip{color:var(--royal-pale);background:#0f207073;border:1px solid #2b4fd838;border-radius:8px;align-items:center;gap:.45rem;padding:.55rem .9rem;font-size:.84rem;transition:border-color .2s,color .2s,transform .15s;display:inline-flex}.sd-related-chip:hover{border-color:var(--royal-lite);color:var(--white);transform:translateY(-2px)}.sd-rdot{background:var(--cath);border-radius:50%;flex-shrink:0;width:5px;height:5px}.sd-not-found{color:var(--muted);margin-bottom:1.5rem}@media (width<=600px){.sd-name{font-size:2rem}}.mtg-page{min-height:100vh;padding:var(--section-py) var(--pad-x);flex-direction:column;gap:2.5rem;max-width:1200px;margin:0 auto;display:flex}.mtg-header{animation:.45s both fadeUp}.mtg-breadcrumb{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem;font-family:DM Mono,monospace;font-size:.72rem;display:block}.mtg-title{letter-spacing:-.02em;color:var(--white);margin-bottom:.5rem;font-family:Syne,sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800}.mtg-sub{color:var(--muted);font-size:.95rem;line-height:1.6}.mtg-sub code{color:var(--royal-lite);background:color-mix(in srgb, var(--royal-lite) 10%, transparent);border-radius:4px;padding:.1em .35em;font-family:DM Mono,monospace;font-size:.85em}.mtg-layout{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;animation:.5s 80ms both fadeUp;display:grid}.mtg-form-panel{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 20%, transparent);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.mtg-section-tabs{border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 15%, transparent);display:flex}.mtg-section-tab{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:.8rem .5rem;font-family:DM Mono,monospace;font-size:.72rem;transition:color .15s,border-color .15s,background .15s}.mtg-section-tab:hover{color:var(--white);background:color-mix(in srgb, var(--royal-lite) 5%, transparent)}.mtg-section-tab.active{color:var(--royal-lite);border-bottom-color:var(--royal-lite)}.mtg-fields{flex-direction:column;gap:1.1rem;padding:1.5rem;display:flex}.mtg-section-note{color:var(--muted);background:color-mix(in srgb, var(--royal-lite) 6%, transparent);border:1px solid color-mix(in srgb, var(--royal-lite) 15%, transparent);border-radius:8px;padding:.6rem .85rem;font-size:.8rem;line-height:1.5}.mtg-field{flex-direction:column;gap:.35rem;display:flex}.mtg-label{letter-spacing:.07em;text-transform:uppercase;color:var(--white);align-items:center;gap:.5rem;font-family:DM Mono,monospace;font-size:.72rem;display:flex}.mtg-hint{color:var(--muted);text-transform:none;letter-spacing:0;font-size:.65rem}.mtg-input{background:color-mix(in srgb, var(--royal-lite) 5%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);color:var(--white);border-radius:8px;outline:none;width:100%;padding:.6rem .8rem;font-family:inherit;font-size:.875rem;transition:border-color .15s}.mtg-input:focus{border-color:color-mix(in srgb, var(--royal-lite) 55%, transparent)}.mtg-input::placeholder{color:color-mix(in srgb, var(--muted) 60%, transparent)}.mtg-textarea{resize:vertical;min-height:72px;line-height:1.5}.mtg-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237B8FA6' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.25rem}.mtg-char-count{color:var(--muted);text-align:right;font-family:DM Mono,monospace;font-size:.68rem;transition:color .15s}.mtg-char-count[data-warn=true]{color:#f59e0b}.mtg-reset-footer{border-top:1px solid color-mix(in srgb, var(--royal-lite) 12%, transparent);justify-content:flex-end;padding:1rem 1.5rem;display:flex}.mtg-reset-btn{letter-spacing:.06em;text-transform:uppercase;background:color-mix(in srgb, var(--royal-lite) 8%, transparent);border:1px solid color-mix(in srgb, var(--royal-lite) 25%, transparent);color:var(--muted);cursor:pointer;border-radius:8px;padding:.45rem 1rem;font-family:DM Mono,monospace;font-size:.72rem;transition:background .15s,border-color .15s,color .15s}.mtg-reset-btn:hover{background:color-mix(in srgb, var(--royal-lite) 15%, transparent);border-color:color-mix(in srgb, var(--royal-lite) 40%, transparent);color:var(--white)}.mtg-output-panel{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 20%, transparent);border-radius:16px;flex-direction:column;display:flex;position:sticky;top:5rem;overflow:hidden}.mtg-output-header{border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 15%, transparent);background:color-mix(in srgb, var(--royal-lite) 4%, transparent);justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex}.mtg-output-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-family:DM Mono,monospace;font-size:.72rem}.mtg-copy-btn{letter-spacing:.06em;text-transform:uppercase;background:color-mix(in srgb, var(--royal-lite) 15%, transparent);border:1px solid color-mix(in srgb, var(--royal-lite) 35%, transparent);color:var(--royal-lite);cursor:pointer;border-radius:6px;padding:.3rem .8rem;font-family:DM Mono,monospace;font-size:.72rem;transition:background .15s,color .15s}.mtg-copy-btn:hover:not(:disabled){background:color-mix(in srgb, var(--royal-lite) 25%, transparent)}.mtg-copy-btn.copied{color:#22c55e;background:#22c55e26;border-color:#22c55e66}.mtg-copy-btn:disabled{opacity:.35;cursor:not-allowed}.mtg-code{color:#a5c3e8;white-space:pre-wrap;word-break:break-all;flex:1;min-height:200px;margin:0;padding:1.25rem;font-family:DM Mono,monospace;font-size:.8rem;line-height:1.7}.mtg-placeholder{color:color-mix(in srgb, var(--muted) 60%, transparent);font-style:italic}.mtg-stats{border-top:1px solid color-mix(in srgb, var(--royal-lite) 12%, transparent);flex-wrap:wrap;gap:.5rem;padding:.85rem 1.25rem;display:flex}.mtg-stat-badge{letter-spacing:.06em;text-transform:uppercase;background:color-mix(in srgb, var(--royal-lite) 10%, transparent);border:1px solid color-mix(in srgb, var(--royal-lite) 20%, transparent);color:var(--muted);border-radius:100px;padding:.25rem .6rem;font-family:DM Mono,monospace;font-size:.67rem}.mtg-stat-badge.ok{color:#22c55e;background:#22c55e14;border-color:#22c55e40}.mtg-stat-badge.warn{color:#f59e0b;background:#f59e0b14;border-color:#f59e0b40}@media (width<=860px){.mtg-layout{grid-template-columns:1fr}.mtg-output-panel{position:static}}@media (width<=600px){.mtg-page{gap:1.5rem;padding:1.5rem 1rem}.mtg-layout{gap:1rem}}.smg-page{min-height:100vh;padding:var(--section-py) var(--pad-x);flex-direction:column;gap:2.5rem;max-width:1200px;margin:0 auto;display:flex}.smg-header{animation:.45s both fadeUp}.smg-breadcrumb{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem;font-family:DM Mono,monospace;font-size:.72rem;display:block}.smg-title{letter-spacing:-.02em;color:var(--white);margin-bottom:.5rem;font-family:Syne,sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800}.smg-sub{color:var(--muted);font-size:.95rem;line-height:1.6}.smg-sub code{color:var(--royal-lite);background:color-mix(in srgb, var(--royal-lite) 10%, transparent);border-radius:4px;padding:.1em .35em;font-family:DM Mono,monospace;font-size:.85em}.smg-layout{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;animation:.5s 80ms both fadeUp;display:grid}.smg-form-panel{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 20%, transparent);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.smg-type-grid{border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 15%, transparent);grid-template-columns:repeat(4,1fr);display:grid}.smg-type-btn{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);cursor:pointer;text-align:center;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.7rem .4rem;font-family:DM Mono,monospace;font-size:.68rem;transition:color .15s,border-color .15s,background .15s}.smg-type-btn:hover{color:var(--white);background:color-mix(in srgb, var(--royal-lite) 5%, transparent)}.smg-type-btn.active{color:var(--royal-lite);border-bottom-color:var(--royal-lite)}.smg-fields{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.smg-section-note{color:var(--muted);background:color-mix(in srgb, var(--royal-lite) 6%, transparent);border:1px solid color-mix(in srgb, var(--royal-lite) 15%, transparent);border-radius:8px;padding:.6rem .85rem;font-size:.8rem;line-height:1.5}.smg-field{flex-direction:column;gap:.35rem;display:flex}.smg-label{letter-spacing:.07em;text-transform:uppercase;color:var(--white);align-items:center;gap:.5rem;font-family:DM Mono,monospace;font-size:.72rem;display:flex}.smg-hint{color:var(--muted);text-transform:none;letter-spacing:0;font-size:.65rem}.smg-input{background:color-mix(in srgb, var(--royal-lite) 5%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);color:var(--white);border-radius:8px;outline:none;width:100%;padding:.6rem .8rem;font-family:inherit;font-size:.875rem;transition:border-color .15s}.smg-input:focus{border-color:color-mix(in srgb, var(--royal-lite) 55%, transparent)}.smg-input::placeholder{color:color-mix(in srgb, var(--muted) 60%, transparent)}.smg-textarea{resize:vertical;min-height:64px;line-height:1.5}.smg-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237B8FA6' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.25rem}.smg-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.smg-faq-item{background:color-mix(in srgb, var(--royal-lite) 4%, transparent);border:1px solid color-mix(in srgb, var(--royal-lite) 12%, transparent);border-radius:10px;flex-direction:column;gap:.5rem;padding:.85rem;display:flex}.smg-faq-header{justify-content:space-between;align-items:center;display:flex}.smg-faq-num{letter-spacing:.08em;text-transform:uppercase;color:var(--royal-lite);font-family:DM Mono,monospace;font-size:.68rem}.smg-remove-btn{letter-spacing:.05em;text-transform:uppercase;color:#f87171;cursor:pointer;background:0 0;border:1px solid #f871714d;border-radius:6px;padding:.2rem .55rem;font-family:DM Mono,monospace;font-size:.67rem;transition:background .15s}.smg-remove-btn:hover{background:#f871711f}.smg-add-btn{letter-spacing:.06em;text-transform:uppercase;background:color-mix(in srgb, var(--royal-lite) 8%, transparent);border:1px dashed color-mix(in srgb, var(--royal-lite) 30%, transparent);color:var(--royal-lite);cursor:pointer;border-radius:8px;width:100%;padding:.55rem 1rem;font-family:DM Mono,monospace;font-size:.72rem;transition:background .15s,border-color .15s}.smg-add-btn:hover{background:color-mix(in srgb, var(--royal-lite) 15%, transparent);border-color:color-mix(in srgb, var(--royal-lite) 50%, transparent)}.smg-reset-footer{border-top:1px solid color-mix(in srgb, var(--royal-lite) 12%, transparent);justify-content:flex-end;padding:1rem 1.5rem;display:flex}.smg-reset-btn{letter-spacing:.06em;text-transform:uppercase;background:color-mix(in srgb, var(--royal-lite) 8%, transparent);border:1px solid color-mix(in srgb, var(--royal-lite) 25%, transparent);color:var(--muted);cursor:pointer;border-radius:8px;padding:.45rem 1rem;font-family:DM Mono,monospace;font-size:.72rem;transition:background .15s,border-color .15s,color .15s}.smg-reset-btn:hover{background:color-mix(in srgb, var(--royal-lite) 15%, transparent);border-color:color-mix(in srgb, var(--royal-lite) 40%, transparent);color:var(--white)}.smg-output-panel{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 20%, transparent);border-radius:16px;flex-direction:column;display:flex;position:sticky;top:5rem;overflow:hidden}.smg-output-header{border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 15%, transparent);background:color-mix(in srgb, var(--royal-lite) 4%, transparent);justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex}.smg-output-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-family:DM Mono,monospace;font-size:.72rem}.smg-copy-btn{letter-spacing:.06em;text-transform:uppercase;background:color-mix(in srgb, var(--royal-lite) 15%, transparent);border:1px solid color-mix(in srgb, var(--royal-lite) 35%, transparent);color:var(--royal-lite);cursor:pointer;border-radius:6px;padding:.3rem .8rem;font-family:DM Mono,monospace;font-size:.72rem;transition:background .15s,color .15s}.smg-copy-btn:hover:not(:disabled){background:color-mix(in srgb, var(--royal-lite) 25%, transparent)}.smg-copy-btn.copied{color:#22c55e;background:#22c55e26;border-color:#22c55e66}.smg-copy-btn:disabled{opacity:.35;cursor:not-allowed}.smg-code{color:#a5c3e8;white-space:pre-wrap;word-break:break-all;flex:1;min-height:220px;max-height:60vh;margin:0;padding:1.25rem;font-family:DM Mono,monospace;font-size:.78rem;line-height:1.7;overflow-y:auto}.smg-placeholder{color:color-mix(in srgb, var(--muted) 60%, transparent);font-style:italic}.smg-stats{border-top:1px solid color-mix(in srgb, var(--royal-lite) 12%, transparent);flex-wrap:wrap;gap:.5rem;padding:.85rem 1.25rem;display:flex}.smg-stat-badge{letter-spacing:.06em;text-transform:uppercase;background:color-mix(in srgb, var(--royal-lite) 10%, transparent);border:1px solid color-mix(in srgb, var(--royal-lite) 20%, transparent);color:var(--muted);border-radius:100px;padding:.25rem .6rem;font-family:DM Mono,monospace;font-size:.67rem}.smg-stat-badge.ok{color:#22c55e;background:#22c55e14;border-color:#22c55e40}@media (width<=860px){.smg-layout{grid-template-columns:1fr}.smg-output-panel{position:static}.smg-type-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=500px){.smg-type-grid{grid-template-columns:repeat(2,1fr)}.smg-row{grid-template-columns:1fr}}.ogp-page{min-height:100vh;padding:var(--section-py) var(--pad-x);flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;display:flex}.ogp-header{animation:.45s both fadeUp}.ogp-breadcrumb{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem;font-family:DM Mono,monospace;font-size:.72rem;display:block}.ogp-title{letter-spacing:-.02em;color:var(--white);margin-bottom:.5rem;font-family:Syne,sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800}.ogp-sub{color:var(--muted);font-size:.95rem;line-height:1.6}.ogp-fetch-bar{gap:.75rem;animation:.45s 50ms both fadeUp;display:flex}.ogp-fetch-input{background:color-mix(in srgb, var(--royal-lite) 5%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 20%, transparent);color:var(--white);border-radius:10px;outline:none;flex:1;padding:.7rem 1rem;font-family:inherit;font-size:.9rem;transition:border-color .15s}.ogp-fetch-input:focus{border-color:color-mix(in srgb, var(--royal-lite) 55%, transparent)}.ogp-fetch-input::placeholder{color:color-mix(in srgb, var(--muted) 60%, transparent)}.ogp-fetch-btn{letter-spacing:.06em;text-transform:uppercase;background:var(--royal-lite);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:.7rem 1.4rem;font-family:DM Mono,monospace;font-size:.78rem;transition:opacity .15s}.ogp-fetch-btn:hover:not(:disabled){opacity:.85}.ogp-fetch-btn:disabled{opacity:.4;cursor:not-allowed}.ogp-fetch-error{color:#f87171;margin-top:-.75rem;font-size:.82rem}.ogp-layout{grid-template-columns:380px 1fr;align-items:start;gap:1.5rem;animation:.5s .1s both fadeUp;display:grid}.ogp-form-panel{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 20%, transparent);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.ogp-form-heading{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 15%, transparent);background:color-mix(in srgb, var(--royal-lite) 4%, transparent);padding:.85rem 1.25rem;font-family:DM Mono,monospace;font-size:.72rem}.ogp-fields{flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.ogp-field{flex-direction:column;gap:.35rem;display:flex}.ogp-label{letter-spacing:.07em;text-transform:uppercase;color:var(--white);flex-wrap:wrap;align-items:center;gap:.5rem;font-family:DM Mono,monospace;font-size:.72rem;display:flex}.ogp-hint{color:var(--muted);text-transform:none;letter-spacing:0;font-size:.65rem}.ogp-input{background:color-mix(in srgb, var(--royal-lite) 5%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);color:var(--white);border-radius:8px;outline:none;width:100%;padding:.6rem .8rem;font-family:inherit;font-size:.875rem;transition:border-color .15s}.ogp-input:focus{border-color:color-mix(in srgb, var(--royal-lite) 55%, transparent)}.ogp-input::placeholder{color:color-mix(in srgb, var(--muted) 60%, transparent)}.ogp-textarea{resize:vertical;min-height:72px;line-height:1.5}.ogp-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237B8FA6' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.25rem}.ogp-char-count{color:var(--muted);text-align:right;font-family:DM Mono,monospace;font-size:.68rem;transition:color .15s}.ogp-char-count[data-warn=true]{color:#f59e0b}.ogp-reset-footer{border-top:1px solid color-mix(in srgb, var(--royal-lite) 12%, transparent);justify-content:flex-end;padding:1rem 1.25rem;display:flex}.ogp-reset-btn{letter-spacing:.06em;text-transform:uppercase;background:color-mix(in srgb, var(--royal-lite) 8%, transparent);border:1px solid color-mix(in srgb, var(--royal-lite) 25%, transparent);color:var(--muted);cursor:pointer;border-radius:8px;padding:.45rem 1rem;font-family:DM Mono,monospace;font-size:.72rem;transition:background .15s,border-color .15s,color .15s}.ogp-reset-btn:hover{background:color-mix(in srgb, var(--royal-lite) 15%, transparent);border-color:color-mix(in srgb, var(--royal-lite) 40%, transparent);color:var(--white)}.ogp-preview-panel{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 20%, transparent);border-radius:16px;flex-direction:column;display:flex;position:sticky;top:5rem;overflow:hidden}.ogp-platform-tabs{border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 15%, transparent);display:flex}.ogp-platform-tab{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);cursor:pointer;text-align:center;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:.75rem .5rem;font-family:DM Mono,monospace;font-size:.68rem;transition:color .15s,border-color .15s,background .15s}.ogp-platform-tab:hover{color:var(--white);background:color-mix(in srgb, var(--royal-lite) 5%, transparent)}.ogp-platform-tab.active{color:var(--royal-lite);border-bottom-color:var(--royal-lite)}.ogp-preview-body{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.ogp-preview-label{color:var(--muted);font-size:.8rem}.ogp-preview-label strong{color:var(--white)}.ogp-card{border-radius:10px;width:100%;max-width:500px;overflow:hidden}.ogp-img-placeholder{background:color-mix(in srgb, var(--royal-lite) 8%, var(--navy-dark));border:1px dashed color-mix(in srgb, var(--royal-lite) 20%, transparent);color:var(--muted);justify-content:center;align-items:center;width:100%;height:200px;font-family:DM Mono,monospace;font-size:.75rem;display:flex}.ogp-img-placeholder--sm{flex-shrink:0;width:80px;height:80px}.ogp-fb{background:#242526;border:1px solid #3a3b3c;font-family:system-ui,-apple-system,sans-serif}.ogp-fb-img-wrap{aspect-ratio:1.91;background:#3a3b3c;width:100%;overflow:hidden}.ogp-fb-img{object-fit:cover;width:100%;height:100%;display:block}.ogp-fb-body{background:#3a3b3c;padding:.75rem 1rem}.ogp-fb-domain{color:#b0b3b8;text-transform:uppercase;margin-bottom:.2rem;font-size:.7rem}.ogp-fb-title{color:#e4e6eb;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.2rem;font-size:.95rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.ogp-fb-desc{color:#b0b3b8;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.ogp-tw{background:#16181c;border:1px solid #2f3336;font-family:system-ui,-apple-system,sans-serif}.ogp-tw-img-large{aspect-ratio:1.91;object-fit:cover;border-radius:10px 10px 0 0;width:100%;display:block}.ogp-tw-summary{gap:0;display:flex}.ogp-tw-img-small{object-fit:cover;flex-shrink:0;width:100px;height:100px}.ogp-tw-body{flex-direction:column;gap:.2rem;padding:.75rem 1rem;display:flex}.ogp-tw-title{color:#e7e9ea;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;font-weight:600;display:-webkit-box;overflow:hidden}.ogp-tw-desc{color:#71767b;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;display:-webkit-box;overflow:hidden}.ogp-tw-domain{color:#71767b;margin-top:.1rem;font-size:.75rem}.ogp-li{background:#fff;border:1px solid #e0e0e0;font-family:system-ui,-apple-system,sans-serif}.ogp-li-img{aspect-ratio:1.91;object-fit:cover;width:100%;display:block}.ogp-li-body{background:#f3f2ef;padding:.6rem .85rem .75rem}.ogp-li-title{color:#000000e6;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.2rem;font-size:.9rem;font-weight:600;display:-webkit-box;overflow:hidden}.ogp-li-domain{color:#0009;font-size:.72rem}.ogp-slack{background:0 0;border:none;gap:.65rem;display:flex}.ogp-slack-bar{background:#e8e8e8;border-radius:4px;flex-shrink:0;width:4px}.ogp-slack-content{flex-direction:column;gap:.25rem;min-width:0;display:flex}.ogp-slack-site{color:var(--white);font-family:Lato,system-ui,sans-serif;font-size:.78rem;font-weight:700}.ogp-slack-title{color:#1d9bd1;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:Lato,system-ui,sans-serif;font-size:.85rem;font-weight:700;display:-webkit-box;overflow:hidden}.ogp-slack-desc{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.45;display:-webkit-box;overflow:hidden}.ogp-slack-img{aspect-ratio:1.91;object-fit:cover;border-radius:4px;width:100%;max-width:360px;margin-top:.4rem;display:block}.ogp-img-info{background:color-mix(in srgb, var(--royal-lite) 5%, transparent);border:1px solid color-mix(in srgb, var(--royal-lite) 12%, transparent);border-radius:8px;flex-direction:column;gap:.2rem;padding:.65rem .85rem;display:flex}.ogp-img-info-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-family:DM Mono,monospace;font-size:.65rem}.ogp-img-info-url{color:var(--royal-lite);word-break:break-all;font-family:DM Mono,monospace;font-size:.72rem}@media (width<=900px){.ogp-layout{grid-template-columns:1fr}.ogp-preview-panel{position:static}}@media (width<=600px){.ogp-page{gap:1.25rem;padding:1.5rem 1rem}.ogp-fetch-bar{flex-direction:column}.ogp-layout{gap:1rem}}.cpg-page{min-height:100vh;padding:var(--section-py) var(--pad-x);flex-direction:column;gap:2.5rem;max-width:1100px;margin:0 auto;display:flex}.cpg-header{animation:.45s both fadeUp}.cpg-breadcrumb{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem;font-family:DM Mono,monospace;font-size:.72rem;display:block}.cpg-title{letter-spacing:-.02em;color:var(--white);margin-bottom:.5rem;font-family:Syne,sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800}.cpg-sub{color:var(--muted);font-size:.95rem;line-height:1.6}.cpg-controls{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 20%, transparent);border-radius:16px;flex-direction:column;gap:1.5rem;padding:1.5rem;animation:.5s 50ms both fadeUp;display:flex}.cpg-picker-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.65rem;font-family:DM Mono,monospace;font-size:.72rem;display:block}.cpg-picker-row{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.cpg-picker-wrap{border:1px solid color-mix(in srgb, var(--royal-lite) 25%, transparent);cursor:pointer;border-radius:10px;flex-shrink:0;width:48px;height:48px;position:relative;overflow:hidden}.cpg-color-input{cursor:pointer;opacity:0;z-index:2;border:none;width:calc(100% + 8px);height:calc(100% + 8px);padding:0;position:absolute;inset:-4px}.cpg-picker-swatch{z-index:1;pointer-events:none;transition:background .1s;position:absolute;inset:0}.cpg-hex-input{background:color-mix(in srgb, var(--royal-lite) 5%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);color:var(--white);letter-spacing:.05em;border-radius:8px;outline:none;width:120px;padding:.55rem .85rem;font-family:DM Mono,monospace;font-size:1rem;font-weight:600;transition:border-color .15s}.cpg-hex-input:focus{border-color:color-mix(in srgb, var(--royal-lite) 55%, transparent)}.cpg-hsl-display{color:var(--muted);background:color-mix(in srgb, var(--royal-lite) 4%, transparent);border:1px solid color-mix(in srgb, var(--royal-lite) 12%, transparent);border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .85rem;font-family:DM Mono,monospace;font-size:.82rem;display:flex}.cpg-hsl-label{letter-spacing:.1em;color:color-mix(in srgb, var(--muted) 60%, transparent);margin-left:.15rem;font-size:.65rem}.cpg-harmony-pills{flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem;display:flex}.cpg-pill{letter-spacing:.05em;text-transform:uppercase;background:color-mix(in srgb, var(--royal-lite) 6%, transparent);border:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);color:var(--muted);cursor:pointer;border-radius:100px;padding:.4rem .85rem;font-family:DM Mono,monospace;font-size:.72rem;transition:background .15s,border-color .15s,color .15s}.cpg-pill:hover{color:var(--white);border-color:color-mix(in srgb, var(--royal-lite) 35%, transparent)}.cpg-pill.active{background:color-mix(in srgb, var(--royal-lite) 18%, transparent);border-color:color-mix(in srgb, var(--royal-lite) 55%, transparent);color:var(--royal-lite)}.cpg-harmony-desc{color:var(--muted);font-size:.82rem;line-height:1.5}.cpg-palette-section{flex-direction:column;gap:1.25rem;animation:.5s .1s both fadeUp;display:flex}.cpg-palette-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.cpg-palette-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-family:DM Mono,monospace;font-size:.72rem}.cpg-copy-all-btn{letter-spacing:.06em;text-transform:uppercase;background:color-mix(in srgb, var(--royal-lite) 12%, transparent);border:1px solid color-mix(in srgb, var(--royal-lite) 30%, transparent);color:var(--royal-lite);cursor:pointer;border-radius:8px;padding:.4rem 1rem;font-family:DM Mono,monospace;font-size:.72rem;transition:background .15s}.cpg-copy-all-btn:hover{background:color-mix(in srgb, var(--royal-lite) 22%, transparent)}.cpg-copy-all-btn.copied{color:#22c55e;background:#22c55e1f;border-color:#22c55e59}.cpg-preview-bar{border:1px solid color-mix(in srgb, var(--royal-lite) 12%, transparent);border-radius:12px;height:56px;display:flex;overflow:hidden}.cpg-preview-segment{transition:flex .3s}.cpg-swatches{grid-template-columns:repeat(var(--count,3), 1fr);gap:1rem;display:grid}.cpg-swatch{border:1px solid color-mix(in srgb, var(--royal-lite) 15%, transparent);background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border-radius:12px;flex-direction:column;transition:transform .2s;display:flex;overflow:hidden}.cpg-swatch:hover{transform:translateY(-3px)}.cpg-swatch-color{justify-content:flex-end;align-items:flex-start;height:120px;padding:.5rem;transition:background .15s;display:flex;position:relative}.cpg-base-badge{letter-spacing:.1em;text-transform:uppercase;background:#00000040;border-radius:100px;padding:.2rem .5rem;font-family:DM Mono,monospace;font-size:.6rem;font-weight:600}.cpg-swatch-info{padding:.85rem}.cpg-swatch-values{flex-direction:column;gap:.2rem;display:flex}.cpg-value-row{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;width:100%;padding:.3rem .4rem;transition:background .12s;display:flex}.cpg-value-row:hover{background:color-mix(in srgb, var(--royal-lite) 8%, transparent)}.cpg-value-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);flex-shrink:0;width:26px;font-family:DM Mono,monospace;font-size:.62rem}.cpg-value-code{color:var(--white);flex:1;font-family:DM Mono,monospace;font-size:.75rem}.cpg-copy-icon{color:var(--muted);opacity:0;font-size:.72rem;transition:opacity .15s}.cpg-value-row:hover .cpg-copy-icon{opacity:1}.cpg-all-section{animation:.5s .15s both fadeUp}.cpg-all-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem;font-family:DM Mono,monospace;font-size:.72rem}.cpg-all-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.cpg-mini-palette{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 15%, transparent);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;gap:.5rem;padding:.75rem;transition:border-color .15s,transform .15s;display:flex}.cpg-mini-palette:hover{border-color:color-mix(in srgb, var(--royal-lite) 35%, transparent);transform:translateY(-2px)}.cpg-mini-palette.active{border-color:color-mix(in srgb, var(--royal-lite) 55%, transparent);background:color-mix(in srgb, var(--royal-lite) 6%, var(--navy-dark))}.cpg-mini-bar{border-radius:6px;height:28px;display:flex;overflow:hidden}.cpg-mini-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-family:DM Mono,monospace;font-size:.67rem}.cpg-mini-palette.active .cpg-mini-label{color:var(--royal-lite)}@media (width<=860px){.cpg-swatches{grid-template-columns:repeat(2,1fr)!important}.cpg-all-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.cpg-swatches{grid-template-columns:1fr!important}.cpg-all-grid{grid-template-columns:1fr}.cpg-hsl-display{display:none}}.rt-page{min-height:100vh;padding:var(--section-py) var(--pad-x);flex-direction:column;gap:2rem;max-width:1100px;margin:0 auto;display:flex}.rt-header{animation:.45s both fadeUp}.rt-breadcrumb{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem;font-family:DM Mono,monospace;font-size:.72rem;display:block}.rt-title{letter-spacing:-.02em;color:var(--white);margin-bottom:.5rem;font-family:Syne,sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800}.rt-sub{color:var(--muted);max-width:620px;font-size:.95rem;line-height:1.6}.rt-pattern-card{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 20%, transparent);border-radius:16px;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;transition:border-color .2s;animation:.5s 50ms both fadeUp;display:flex}.rt-pattern-card--error{border-color:#f8717159}.rt-pattern-row{align-items:center;gap:.35rem;display:flex}.rt-delimiter{color:var(--royal-lite);opacity:.7;-webkit-user-select:none;user-select:none;flex-shrink:0;font-family:DM Mono,monospace;font-size:1.35rem;font-weight:600}.rt-delimiter--end{white-space:pre}.rt-pattern-input{color:var(--white);caret-color:var(--royal-lite);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:DM Mono,monospace;font-size:1rem}.rt-pattern-input::placeholder{color:color-mix(in srgb, var(--muted) 50%, transparent)}.rt-copy-btn{letter-spacing:.06em;text-transform:uppercase;background:color-mix(in srgb, var(--royal-lite) 12%, transparent);border:1px solid color-mix(in srgb, var(--royal-lite) 28%, transparent);color:var(--royal-lite);cursor:pointer;border-radius:8px;flex-shrink:0;padding:.35rem .9rem;font-family:DM Mono,monospace;font-size:.72rem;transition:background .15s}.rt-copy-btn:hover:not(:disabled){background:color-mix(in srgb, var(--royal-lite) 20%, transparent)}.rt-copy-btn:disabled{opacity:.35;cursor:default}.rt-copy-btn--copied{color:#22c55e!important;background:#22c55e1f!important;border-color:#22c55e59!important}.rt-error-msg{color:#f87171;margin:0;font-family:DM Mono,monospace;font-size:.78rem}.rt-flags{flex-wrap:wrap;gap:.4rem;display:flex}.rt-flag-btn{background:color-mix(in srgb, var(--royal-lite) 5%, transparent);border:1px solid color-mix(in srgb, var(--royal-lite) 16%, transparent);color:var(--muted);cursor:pointer;border-radius:100px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.8rem;transition:background .15s,border-color .15s,color .15s;display:flex}.rt-flag-btn:hover{color:var(--white);border-color:color-mix(in srgb, var(--royal-lite) 30%, transparent)}.rt-flag-btn.active{background:color-mix(in srgb, var(--royal-lite) 16%, transparent);border-color:color-mix(in srgb, var(--royal-lite) 50%, transparent);color:var(--royal-lite)}.rt-flag-code{font-family:DM Mono,monospace;font-size:.8rem;font-style:normal}.rt-flag-label{font-size:.78rem}.rt-body{grid-template-columns:1fr 320px;gap:1.25rem;animation:.5s .1s both fadeUp;display:grid}.rt-panel{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.rt-panel-header{border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 12%, transparent);flex-shrink:0;align-items:center;gap:.65rem;padding:.75rem 1rem;display:flex}.rt-panel-label{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-family:DM Mono,monospace;font-size:.72rem}.rt-badge{letter-spacing:.04em;background:color-mix(in srgb, var(--royal-lite) 18%, transparent);border:1px solid color-mix(in srgb, var(--royal-lite) 35%, transparent);color:var(--royal-lite);border-radius:100px;padding:.2rem .55rem;font-family:DM Mono,monospace;font-size:.68rem}.rt-badge--none{background:color-mix(in srgb, var(--muted) 10%, transparent);border-color:color-mix(in srgb, var(--muted) 25%, transparent);color:var(--muted)}.rt-editor-wrap{flex:1;min-height:240px;position:relative}.rt-highlight-layer,.rt-textarea{white-space:pre-wrap;word-break:break-word;tab-size:2;box-sizing:border-box;border:none;width:100%;height:100%;margin:0;padding:.85rem 1rem;font-family:DM Mono,monospace;font-size:.875rem;line-height:1.65;position:absolute;inset:0;overflow:auto}.rt-highlight-layer{color:#0000;pointer-events:none;z-index:1;-webkit-user-select:none;user-select:none}.rt-textarea{color:var(--white);caret-color:var(--royal-lite);resize:none;z-index:2;background:0 0;outline:none}.rt-textarea::placeholder{color:color-mix(in srgb, var(--muted) 45%, transparent)}.rt-mark{background:color-mix(in srgb, var(--royal-lite) 38%, transparent);color:#0000;outline:1.5px solid color-mix(in srgb, var(--royal-lite) 55%, transparent);border-radius:3px}.rt-panel--matches{min-height:240px}.rt-matches-body{flex-direction:column;flex:1;gap:.5rem;padding:.65rem;display:flex;overflow-y:auto}.rt-empty{color:var(--muted);margin:0;padding:.5rem .35rem;font-size:.85rem}.rt-match{background:color-mix(in srgb, var(--royal-lite) 5%, transparent);border:1px solid color-mix(in srgb, var(--royal-lite) 14%, transparent);border-radius:10px;flex-direction:column;gap:.4rem;padding:.65rem .75rem;display:flex}.rt-match-meta{align-items:center;gap:.5rem;display:flex}.rt-match-num{letter-spacing:.08em;text-transform:uppercase;color:var(--royal-lite);font-family:DM Mono,monospace;font-size:.65rem}.rt-match-pos{color:var(--muted);font-family:DM Mono,monospace;font-size:.65rem}.rt-match-val{color:var(--white);word-break:break-all;background:color-mix(in srgb, var(--royal-lite) 10%, transparent);border-radius:6px;padding:.3rem .55rem;font-family:DM Mono,monospace;font-size:.82rem}.rt-groups{flex-direction:column;gap:.25rem;padding-top:.15rem;display:flex}.rt-group{align-items:center;gap:.5rem;display:flex}.rt-group-num{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-family:DM Mono,monospace;font-size:.62rem}.rt-group-val{color:color-mix(in srgb, var(--royal-lite) 90%, var(--white));word-break:break-all;font-family:DM Mono,monospace;font-size:.78rem}.rt-cheatsheet{flex-direction:column;gap:.85rem;animation:.5s .15s both fadeUp;display:flex}.rt-cheat-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;display:grid}.rt-cheat-item{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 14%, transparent);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:.65rem;padding:.55rem .85rem;transition:background .15s,border-color .15s,transform .12s;display:flex}.rt-cheat-item:hover{background:color-mix(in srgb, var(--royal-lite) 10%, var(--navy-dark));border-color:color-mix(in srgb, var(--royal-lite) 32%, transparent);transform:translateY(-1px)}.rt-cheat-pattern{color:var(--royal-lite);flex-shrink:0;min-width:52px;font-family:DM Mono,monospace;font-size:.82rem}.rt-cheat-desc{color:var(--muted);font-size:.78rem;line-height:1.3}@media (width<=820px){.rt-body{grid-template-columns:1fr}.rt-panel--matches,.rt-editor-wrap{min-height:200px}}@media (width<=540px){.rt-flag-label{display:none}.rt-cheat-grid{grid-template-columns:repeat(2,1fr)}}.art-page{min-height:100vh;padding:var(--section-py) var(--pad-x);flex-direction:column;gap:1.5rem;max-width:1100px;margin:0 auto;display:flex}.art-header{animation:.45s both fadeUp}.art-breadcrumb{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem;font-family:DM Mono,monospace;font-size:.72rem;display:block}.art-title{letter-spacing:-.02em;color:var(--white);margin-bottom:.5rem;font-family:Syne,sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800}.art-sub{color:var(--muted);max-width:640px;font-size:.95rem;line-height:1.6}.art-card{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 20%, transparent);border-radius:16px;animation:.5s 50ms both fadeUp;overflow:hidden}.art-url-bar{border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 14%, transparent);align-items:center;gap:.65rem;padding:1rem 1.25rem;display:flex}.art-method{letter-spacing:.04em;background:color-mix(in srgb, var(--royal-lite) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 22%, transparent);cursor:pointer;appearance:none;text-align:center;border-radius:10px;outline:none;flex-shrink:0;min-width:88px;padding:.55rem .75rem;font-family:DM Mono,monospace;font-size:.82rem;font-weight:700;transition:border-color .15s}.art-method[data-method=GET]{color:#4ade80}.art-method[data-method=POST]{color:#fb923c}.art-method[data-method=PUT]{color:#facc15}.art-method[data-method=PATCH]{color:#c084fc}.art-method[data-method=DELETE]{color:#f87171}.art-method option{color:var(--white);background:var(--navy-dark)}.art-url-input{background:color-mix(in srgb, var(--royal-lite) 4%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 16%, transparent);color:var(--white);border-radius:10px;outline:none;flex:1;min-width:0;padding:.55rem .85rem;font-family:DM Mono,monospace;font-size:.9rem;transition:border-color .15s}.art-url-input:focus{border-color:color-mix(in srgb, var(--royal-lite) 45%, transparent)}.art-url-input::placeholder{color:color-mix(in srgb, var(--muted) 50%, transparent)}.art-send{letter-spacing:.05em;text-transform:uppercase;background:var(--royal-lite);color:var(--navy-dark);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;padding:.55rem 1.35rem;font-family:DM Mono,monospace;font-size:.82rem;font-weight:700;transition:opacity .15s,transform .1s}.art-send:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.art-send:disabled{opacity:.4;cursor:default;transform:none}.art-send--loading{cursor:default;opacity:.65!important}.art-tabs{border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 12%, transparent);gap:0;padding:0 1.25rem;display:flex}.art-tabs--res{border-top:1px solid color-mix(in srgb, var(--royal-lite) 12%, transparent);border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 12%, transparent)}.art-tab{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.4rem;margin-bottom:-1px;padding:.75rem .85rem;font-family:DM Mono,monospace;font-size:.75rem;transition:color .15s,border-color .15s;display:flex}.art-tab:hover{color:var(--white)}.art-tab.active{color:var(--royal-lite);border-bottom-color:var(--royal-lite)}.art-tab-badge{background:color-mix(in srgb, var(--royal-lite) 18%, transparent);color:var(--royal-lite);border:1px solid color-mix(in srgb, var(--royal-lite) 30%, transparent);border-radius:100px;padding:.1rem .4rem;font-size:.62rem}.art-tab-pane{min-height:120px;padding:1rem 1.25rem}.art-kv{flex-direction:column;gap:.45rem;display:flex}.art-kv-row{align-items:center;gap:.5rem;display:flex}.art-kv-check{width:14px;height:14px;accent-color:var(--royal-lite);cursor:pointer;flex-shrink:0}.art-kv-input{background:color-mix(in srgb, var(--royal-lite) 4%, transparent);border:1px solid color-mix(in srgb, var(--royal-lite) 14%, transparent);color:var(--white);border-radius:8px;outline:none;flex:1;min-width:0;padding:.45rem .7rem;font-family:DM Mono,monospace;font-size:.82rem;transition:border-color .15s}.art-kv-input:focus{border-color:color-mix(in srgb, var(--royal-lite) 38%, transparent)}.art-kv-input::placeholder{color:color-mix(in srgb, var(--muted) 45%, transparent)}.art-kv-sep{color:var(--muted);flex-shrink:0;font-family:DM Mono,monospace;font-size:.85rem}.art-kv-del{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:.25rem;font-size:1.1rem;line-height:1;transition:color .15s,background .15s}.art-kv-del:hover{color:#f87171;background:#f871711a}.art-kv-add{letter-spacing:.05em;color:var(--royal-lite);border:1px dashed color-mix(in srgb, var(--royal-lite) 28%, transparent);cursor:pointer;text-align:left;background:0 0;border-radius:8px;align-self:flex-start;margin-top:.1rem;padding:.4rem .8rem;font-family:DM Mono,monospace;font-size:.72rem;transition:border-color .15s,background .15s}.art-kv-add:hover{background:color-mix(in srgb, var(--royal-lite) 8%, transparent);border-color:color-mix(in srgb, var(--royal-lite) 45%, transparent)}.art-body-wrap{flex-direction:column;gap:.85rem;display:flex}.art-body-types{flex-wrap:wrap;gap:.4rem;display:flex}.art-body-pill{letter-spacing:.04em;text-transform:uppercase;background:color-mix(in srgb, var(--royal-lite) 5%, transparent);border:1px solid color-mix(in srgb, var(--royal-lite) 16%, transparent);color:var(--muted);cursor:pointer;border-radius:100px;align-items:center;gap:.35rem;padding:.35rem .8rem;font-family:DM Mono,monospace;font-size:.75rem;transition:background .15s,border-color .15s,color .15s;display:flex}.art-body-pill input[type=radio]{display:none}.art-body-pill:hover{color:var(--white)}.art-body-pill.active{background:color-mix(in srgb, var(--royal-lite) 16%, transparent);border-color:color-mix(in srgb, var(--royal-lite) 48%, transparent);color:var(--royal-lite)}.art-body-ta{background:color-mix(in srgb, var(--royal-lite) 3%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 14%, transparent);color:var(--white);resize:vertical;box-sizing:border-box;border-radius:10px;outline:none;width:100%;min-height:130px;padding:.85rem 1rem;font-family:DM Mono,monospace;font-size:.85rem;line-height:1.65;transition:border-color .15s}.art-body-ta:focus{border-color:color-mix(in srgb, var(--royal-lite) 38%, transparent)}.art-body-ta::placeholder{color:color-mix(in srgb, var(--muted) 40%, transparent)}.art-body-note{color:#facc15;opacity:.8;margin:0;font-size:.8rem}.art-cors-note{color:var(--muted);opacity:.65;margin:-.5rem 0 0;font-size:.8rem;line-height:1.5}.art-response{animation:.35s both fadeUp}.art-loading{color:var(--muted);align-items:center;gap:.75rem;padding:1.5rem 1.25rem;font-size:.9rem;display:flex}.art-spinner{border:2px solid color-mix(in srgb, var(--royal-lite) 25%, transparent);border-top-color:var(--royal-lite);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin}.art-err-banner{color:#fca5a5;background:#f8717114;border-bottom:1px solid #f8717133;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;font-size:.875rem;line-height:1.5;display:flex}.art-err-icon{color:#1a1a2e;background:#f87171;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;font-family:DM Mono,monospace;font-size:.82rem;font-weight:700;display:flex}.art-res-bar{flex-wrap:wrap;align-items:center;gap:.75rem;padding:.85rem 1.25rem;display:flex}.art-status{border-radius:8px;padding:.3rem .75rem;font-family:DM Mono,monospace;font-size:.85rem;font-weight:700}.art-status--ok{color:#4ade80;background:#4ade8024;border:1px solid #4ade8047}.art-status--redirect{color:#93c5fd;background:#60a5fa24;border:1px solid #60a5fa47}.art-status--client{color:#fde047;background:#facc1524;border:1px solid #facc1547}.art-status--server{color:#fca5a5;background:#f8717124;border:1px solid #f8717147}.art-res-meta{color:var(--muted);align-items:center;gap:.85rem;margin-left:auto;font-family:DM Mono,monospace;font-size:.78rem;display:flex}.art-copy-btn{letter-spacing:.05em;text-transform:uppercase;background:color-mix(in srgb, var(--royal-lite) 10%, transparent);border:1px solid color-mix(in srgb, var(--royal-lite) 25%, transparent);color:var(--royal-lite);cursor:pointer;white-space:nowrap;border-radius:8px;padding:.3rem .75rem;font-family:DM Mono,monospace;font-size:.72rem;transition:background .15s}.art-copy-btn:hover{background:color-mix(in srgb, var(--royal-lite) 18%, transparent)}.art-copy-btn.copied{color:#4ade80;background:#22c55e1f;border-color:#22c55e4d}.art-res-body{overflow-x:auto}.art-pre{color:var(--white);white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;margin:0;padding:1rem 1.25rem;font-family:DM Mono,monospace;font-size:.82rem;line-height:1.7}.art-jk{color:#93c5fd}.art-js{color:#86efac}.art-jn{color:#fdba74}.art-jb{color:#c084fc}.art-jnull{color:var(--muted)}.art-empty{color:var(--muted);margin:0;padding:1rem 1.25rem;font-size:.85rem}.art-res-headers{flex-direction:column;gap:.15rem;padding:.5rem 1.25rem 1rem;display:flex}.art-header-row{border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 7%, transparent);grid-template-columns:220px 1fr;gap:.75rem;padding:.35rem 0;font-size:.82rem;display:grid}.art-header-row:last-child{border-bottom:none}.art-header-key{color:#93c5fd;word-break:break-word;font-family:DM Mono,monospace}.art-header-val{color:var(--muted);word-break:break-word;font-family:DM Mono,monospace}@media (width<=640px){.art-url-bar{flex-wrap:wrap}.art-method{min-width:80px}.art-url-input{flex:none;order:3;width:100%}.art-send{flex:1}.art-res-bar{gap:.5rem}.art-res-meta{width:100%;margin-left:0}.art-header-row{grid-template-columns:1fr;gap:.2rem}}.jf-page{min-height:100vh;padding:var(--section-py) var(--pad-x);flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;display:flex}.jf-header{animation:.45s both fadeUp}.jf-breadcrumb{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem;font-family:DM Mono,monospace;font-size:.72rem;display:block}.jf-title{letter-spacing:-.02em;color:var(--white);margin-bottom:.5rem;font-family:Syne,sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800}.jf-sub{color:var(--muted);max-width:640px;font-size:.95rem;line-height:1.6}.jf-workspace{grid-template-columns:1fr 1fr;align-items:start;gap:1.25rem;animation:.5s 50ms both fadeUp;display:grid}.jf-panel{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 20%, transparent);border-radius:16px;flex-direction:column;min-height:480px;display:flex;overflow:hidden}.jf-panel-head{border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 12%, transparent);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.jf-panel-label{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-right:auto;font-family:DM Mono,monospace;font-size:.72rem}.jf-head-actions{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.jf-btn{letter-spacing:.05em;text-transform:uppercase;background:color-mix(in srgb, var(--royal-lite) 8%, transparent);border:1px solid color-mix(in srgb, var(--royal-lite) 20%, transparent);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:7px;padding:.3rem .7rem;font-family:DM Mono,monospace;font-size:.72rem;transition:background .15s,color .15s,border-color .15s}.jf-btn:hover:not(:disabled){background:color-mix(in srgb, var(--royal-lite) 16%, transparent);color:var(--white);border-color:color-mix(in srgb, var(--royal-lite) 35%, transparent)}.jf-btn:disabled{opacity:.3;cursor:default}.jf-btn--ghost{color:var(--muted);background:0 0;border-color:#0000}.jf-btn--ghost:hover:not(:disabled){color:#fca5a5;background:#f871711a;border-color:#f8717140}.jf-btn--copy{background:color-mix(in srgb, var(--royal-lite) 12%, transparent);border-color:color-mix(in srgb, var(--royal-lite) 28%, transparent);color:var(--royal-lite)}.jf-btn--copy:hover:not(:disabled){background:color-mix(in srgb, var(--royal-lite) 22%, transparent);color:var(--royal-lite)}.jf-btn--copy.copied{color:#4ade80!important;background:#22c55e1f!important;border-color:#22c55e4d!important}.jf-view-toggle{background:color-mix(in srgb, var(--royal-lite) 5%, transparent);border:1px solid color-mix(in srgb, var(--royal-lite) 15%, transparent);border-radius:8px;display:flex;overflow:hidden}.jf-view-btn{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:.3rem .65rem;font-family:DM Mono,monospace;font-size:.7rem;transition:background .15s,color .15s}.jf-view-btn:hover{color:var(--white)}.jf-view-btn.active{background:color-mix(in srgb, var(--royal-lite) 18%, transparent);color:var(--royal-lite)}.jf-editor{flex:1;min-height:360px;display:flex;position:relative;overflow:hidden}.jf-line-nums{color:color-mix(in srgb, var(--muted) 40%, transparent);text-align:right;-webkit-user-select:none;user-select:none;border-right:1px solid color-mix(in srgb, var(--royal-lite) 8%, transparent);flex-direction:column;flex-shrink:0;min-width:42px;padding:.85rem .5rem .85rem .85rem;font-family:DM Mono,monospace;font-size:.8rem;line-height:1.65;display:flex;overflow:hidden}.jf-line-nums span{line-height:1.65;display:block}.jf-ta{color:var(--white);caret-color:var(--royal-lite);resize:none;tab-size:2;background:0 0;border:none;outline:none;flex:1;padding:.85rem 1rem;font-family:DM Mono,monospace;font-size:.8rem;line-height:1.65;overflow:auto}.jf-ta::placeholder{color:color-mix(in srgb, var(--muted) 35%, transparent)}.jf-ta--err{caret-color:#f87171}.jf-statusbar{border-top:1px solid color-mix(in srgb, var(--royal-lite) 10%, transparent);flex-shrink:0;align-items:center;min-height:32px;padding:.55rem 1rem;display:flex}.jf-status-idle{color:color-mix(in srgb, var(--muted) 55%, transparent);font-family:DM Mono,monospace;font-size:.72rem}.jf-status-ok,.jf-status-err{align-items:center;gap:.45rem;font-family:DM Mono,monospace;font-size:.72rem;line-height:1.4;display:flex}.jf-status-ok{color:#86efac}.jf-status-err{color:#fca5a5;word-break:break-word}.jf-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.jf-dot--ok{background:#4ade80;box-shadow:0 0 6px #4ade8066}.jf-dot--err{background:#f87171;box-shadow:0 0 6px #f8717166}.jf-output{flex:1;min-height:360px;overflow:auto}.jf-empty{color:var(--muted);opacity:.65;margin:0;padding:1.5rem 1.25rem;font-size:.85rem}.jf-err-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:3rem 2rem;display:flex}.jf-err-icon-wrap{background:#f8717124;border:1px solid #f871714d;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:.25rem;display:flex}.jf-err-icon{color:#f87171;font-size:1.1rem}.jf-err-title{color:#fca5a5;margin:0;font-family:Syne,sans-serif;font-size:1rem;font-weight:700}.jf-err-msg{color:var(--muted);max-width:380px;margin:0;font-family:DM Mono,monospace;font-size:.78rem;line-height:1.5}.jf-err-pos{color:color-mix(in srgb, var(--muted) 60%, transparent);margin:0;font-family:DM Mono,monospace;font-size:.72rem}.jf-pre{color:var(--white);white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;margin:0;padding:.85rem 1rem;font-family:DM Mono,monospace;font-size:.8rem;line-height:1.65}.jf-key{color:#93c5fd}.jf-str{color:#86efac}.jf-num{color:#fdba74}.jf-bool{color:#c084fc}.jf-null{color:color-mix(in srgb, var(--muted) 75%, transparent)}.jf-tree{padding:.85rem 1rem;font-family:DM Mono,monospace;font-size:.8rem;line-height:1.7}.jf-node{position:relative}.jf-node-line{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:5px;align-items:baseline;gap:.2rem;margin-left:-.3rem;padding:.05rem .3rem .05rem 0;transition:background .12s;display:flex}.jf-node-line:hover{background:color-mix(in srgb, var(--royal-lite) 7%, transparent)}.jf-arrow{color:var(--muted);flex-shrink:0;margin-right:.2rem;font-size:.55rem;transition:transform .15s;display:inline-block;transform:rotate(0)}.jf-arrow.open{transform:rotate(90deg)}.jf-node-key{color:#93c5fd}.jf-colon{color:var(--muted)}.jf-bracket{color:color-mix(in srgb, var(--muted) 70%, var(--white))}.jf-hint{color:var(--muted);background:color-mix(in srgb, var(--royal-lite) 8%, transparent);border:1px solid color-mix(in srgb, var(--royal-lite) 16%, transparent);cursor:pointer;border-radius:100px;margin:0 .15rem;padding:.1rem .45rem;font-size:.68rem}.jf-comma{color:var(--muted)}.jf-children{border-left:1px solid color-mix(in srgb, var(--royal-lite) 10%, transparent);margin-left:.4rem;padding-left:1.5rem}.jf-node-close{align-items:baseline;gap:.15rem;display:flex}.jf-tree-str{color:#86efac}.jf-tree-num{color:#fdba74}.jf-tree-bool{color:#c084fc}.jf-tree-null{color:color-mix(in srgb, var(--muted) 70%, transparent)}@media (width<=860px){.jf-workspace{grid-template-columns:1fr}.jf-panel{min-height:380px}.jf-editor,.jf-output{min-height:280px}}@media (width<=540px){.jf-panel-head{gap:.4rem}.jf-view-toggle{flex:1;order:-1}.jf-view-btn{text-align:center;flex:1}}.psc-page{min-height:100vh;padding:var(--section-py) var(--pad-x);flex-direction:column;gap:1.75rem;max-width:860px;margin:0 auto;display:flex}.psc-header{animation:.45s both fadeUp}.psc-breadcrumb{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem;font-family:DM Mono,monospace;font-size:.72rem;display:block}.psc-title{letter-spacing:-.02em;color:var(--white);margin-bottom:.5rem;font-family:Syne,sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800}.psc-sub{color:var(--muted);max-width:600px;font-size:.95rem;line-height:1.6}.psc-topbar{flex-wrap:wrap;align-items:center;gap:.75rem;animation:.5s 50ms both fadeUp;display:flex}.psc-url-wrap{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);border-radius:12px;flex:1;align-items:center;gap:.65rem;min-width:0;padding:.6rem .9rem;display:flex}.psc-url-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap;flex-shrink:0;font-family:DM Mono,monospace;font-size:.72rem}.psc-url-input{color:var(--white);caret-color:var(--royal-lite);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:DM Mono,monospace;font-size:.85rem}.psc-url-input::placeholder{color:color-mix(in srgb, var(--muted) 45%, transparent)}.psc-top-actions{flex-shrink:0;gap:.4rem;display:flex}.psc-action-btn{letter-spacing:.05em;text-transform:uppercase;background:color-mix(in srgb, var(--royal-lite) 12%, transparent);border:1px solid color-mix(in srgb, var(--royal-lite) 28%, transparent);color:var(--royal-lite);cursor:pointer;white-space:nowrap;border-radius:10px;padding:.5rem 1rem;font-family:DM Mono,monospace;font-size:.72rem;transition:background .15s}.psc-action-btn:hover:not(:disabled){background:color-mix(in srgb, var(--royal-lite) 22%, transparent)}.psc-action-btn:disabled{opacity:.3;cursor:default}.psc-action-btn--ghost{border-color:color-mix(in srgb, var(--muted) 20%, transparent);color:var(--muted);background:0 0}.psc-action-btn--ghost:hover:not(:disabled){color:#fca5a5;background:#f871711a;border-color:#f8717140}.psc-action-btn.copied{color:#4ade80;background:#22c55e1f;border-color:#22c55e4d}.psc-summary{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);border-radius:14px;flex-direction:column;gap:.85rem;padding:1.25rem 1.5rem;animation:.5s .1s both fadeUp;display:flex}.psc-score-wrap{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.psc-grade{letter-spacing:.08em;text-transform:uppercase;border-radius:100px;padding:.25rem .7rem;font-family:DM Mono,monospace;font-size:.72rem;font-weight:700}.grade-a{color:#4ade80;background:#4ade8029;border:1px solid #4ade804d}.grade-b{color:#93c5fd;background:#60a5fa29;border:1px solid #60a5fa4d}.grade-c{color:#fde047;background:#facc1529;border:1px solid #facc154d}.grade-d{color:#fca5a5;background:#f8717129;border:1px solid #f871714d}.psc-score-num{color:var(--white);font-family:Syne,sans-serif;font-size:1.75rem;font-weight:800;line-height:1}.psc-score-detail{color:var(--muted);font-family:DM Mono,monospace;font-size:.78rem}.psc-progress-bar{background:color-mix(in srgb, var(--royal-lite) 10%, transparent);border-radius:100px;height:6px;overflow:hidden}.psc-progress-fill{border-radius:100px;height:100%;transition:width .4s}.psc-progress-fill.grade-a{background:linear-gradient(90deg,#4ade80,#22c55e)}.psc-progress-fill.grade-b{background:linear-gradient(90deg,#60a5fa,#3b82f6)}.psc-progress-fill.grade-c{background:linear-gradient(90deg,#facc15,#eab308)}.psc-progress-fill.grade-d{background:linear-gradient(90deg,#f87171,#ef4444)}.psc-impact-legend{flex-wrap:wrap;gap:1rem;display:flex}.psc-legend-item{letter-spacing:.05em;align-items:center;gap:.35rem;font-family:DM Mono,monospace;font-size:.68rem;display:flex}.psc-legend-item:before{content:"";border-radius:50%;width:8px;height:8px;display:inline-block}.psc-legend-item--high:before{background:#f87171}.psc-legend-item--high{color:color-mix(in srgb, #f87171 70%, var(--muted))}.psc-legend-item--medium:before{background:#facc15}.psc-legend-item--medium{color:color-mix(in srgb, #facc15 70%, var(--muted))}.psc-legend-item--low:before{background:#93c5fd}.psc-legend-item--low{color:color-mix(in srgb, #93c5fd 70%, var(--muted))}.psc-filters{flex-wrap:wrap;gap:.4rem;animation:.5s .12s both fadeUp;display:flex}.psc-filter-pill{letter-spacing:.05em;text-transform:uppercase;background:color-mix(in srgb, var(--royal-lite) 5%, transparent);border:1px solid color-mix(in srgb, var(--royal-lite) 16%, transparent);color:var(--muted);cursor:pointer;border-radius:100px;align-items:center;gap:.4rem;padding:.38rem .8rem;font-family:DM Mono,monospace;font-size:.72rem;transition:background .15s,border-color .15s,color .15s;display:flex}.psc-filter-pill:hover{color:var(--white)}.psc-filter-pill.active{background:color-mix(in srgb, var(--royal-lite) 16%, transparent);border-color:color-mix(in srgb, var(--royal-lite) 45%, transparent);color:var(--royal-lite)}.psc-pill-count{background:color-mix(in srgb, var(--royal-lite) 10%, transparent);border-radius:100px;padding:.1rem .38rem;font-size:.65rem}.psc-filter-pill.active .psc-pill-count{background:color-mix(in srgb, var(--royal-lite) 20%, transparent)}.psc-checklist{flex-direction:column;gap:1.25rem;animation:.5s .15s both fadeUp;display:flex}.psc-section{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 16%, transparent);border-radius:14px;overflow:hidden}.psc-section-head{border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 10%, transparent);align-items:center;gap:.65rem;padding:.85rem 1.1rem;display:flex}.psc-section-icon{flex-shrink:0;font-size:1rem}.psc-section-title{color:var(--white);flex:1;margin:0;font-family:Syne,sans-serif;font-size:.95rem;font-weight:700}.psc-section-stat{color:var(--muted);flex-shrink:0;font-family:DM Mono,monospace;font-size:.72rem}.psc-mini-bar{background:color-mix(in srgb, var(--royal-lite) 10%, transparent);border-radius:100px;flex-shrink:0;width:60px;height:4px;overflow:hidden}.psc-mini-fill{background:var(--royal-lite);border-radius:100px;height:100%;transition:width .3s}.psc-items{flex-direction:column;display:flex}.psc-item{border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 7%, transparent);transition:background .15s}.psc-item:last-child{border-bottom:none}.psc-item.done{background:#22c55e0a}.psc-item-main{align-items:center;gap:.75rem;padding:.75rem 1.1rem;display:flex}.psc-checkbox{border:1.5px solid color-mix(in srgb, var(--royal-lite) 30%, transparent);cursor:pointer;background:0 0;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:background .15s,border-color .15s;display:flex}.psc-checkbox:hover{border-color:color-mix(in srgb, var(--royal-lite) 60%, transparent);background:color-mix(in srgb, var(--royal-lite) 8%, transparent)}.psc-checkbox.checked{background:#22c55e;border-color:#22c55e}.psc-check-mark{color:#052e16;font-size:.7rem;font-weight:900;line-height:1}.psc-item-title{color:var(--white);flex:1;font-size:.88rem;line-height:1.4;transition:color .15s}.psc-item.done .psc-item-title{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--muted) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--muted) 40%, transparent)}.psc-impact{letter-spacing:.06em;text-transform:uppercase;border-radius:100px;flex-shrink:0;padding:.18rem .5rem;font-family:DM Mono,monospace;font-size:.62rem;font-weight:700}.psc-impact--high{color:#f87171;background:#f8717124;border:1px solid #f8717147}.psc-impact--medium{color:#fde047;background:#facc1524;border:1px solid #facc1547}.psc-impact--low{color:#93c5fd;background:#93c5fd24;border:1px solid #93c5fd47}.psc-expand-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:.15rem .25rem;font-size:1.2rem;line-height:1;transition:color .15s,transform .2s,background .15s;display:flex}.psc-expand-btn:hover{color:var(--white);background:color-mix(in srgb, var(--royal-lite) 10%, transparent)}.psc-expand-btn.open{color:var(--royal-lite);transform:rotate(90deg)}.psc-item-detail{color:var(--muted);border-top:1px solid color-mix(in srgb, var(--royal-lite) 7%, transparent);background:color-mix(in srgb, var(--royal-lite) 3%, transparent);padding:0 1.1rem .85rem calc(1.85rem + 20px);font-size:.83rem;line-height:1.65;animation:.2s both fadeUp}@media (width<=600px){.psc-topbar{flex-direction:column;align-items:stretch}.psc-top-actions{justify-content:flex-end}.psc-item-title{font-size:.83rem}.psc-item-detail{padding-left:1.1rem}.psc-score-num{font-size:1.4rem}}.arv-page{min-height:100vh;padding:var(--section-py) var(--pad-x);flex-direction:column;gap:1.5rem;max-width:1200px;margin:0 auto;display:flex}.arv-header{animation:.45s both fadeUp}.arv-breadcrumb{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem;font-family:DM Mono,monospace;font-size:.72rem;display:block}.arv-title{letter-spacing:-.02em;color:var(--white);margin-bottom:.5rem;font-family:Syne,sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800}.arv-sub{color:var(--muted);max-width:640px;font-size:.95rem;line-height:1.6}.arv-topbar{flex-wrap:wrap;align-items:center;gap:.75rem;animation:.5s 50ms both fadeUp;display:flex}.arv-mode-toggle{background:color-mix(in srgb, var(--royal) 12%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);border-radius:12px;gap:2px;padding:3px;display:flex;overflow:hidden}.arv-mode-btn{letter-spacing:.04em;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9px;padding:.45rem 1rem;font-family:DM Mono,monospace;font-size:.78rem;transition:background .15s,color .15s}.arv-mode-btn:hover{color:var(--white)}.arv-mode-btn.active{background:color-mix(in srgb, var(--royal-lite) 18%, transparent);color:var(--royal-lite)}.arv-top-actions{gap:.4rem;margin-left:auto;display:flex}.arv-action-btn{letter-spacing:.05em;text-transform:uppercase;background:color-mix(in srgb, var(--royal-lite) 10%, transparent);border:1px solid color-mix(in srgb, var(--royal-lite) 24%, transparent);color:var(--royal-lite);cursor:pointer;white-space:nowrap;border-radius:9px;padding:.45rem .9rem;font-family:DM Mono,monospace;font-size:.72rem;transition:background .15s}.arv-action-btn:hover:not(:disabled){background:color-mix(in srgb, var(--royal-lite) 20%, transparent)}.arv-action-btn:disabled{opacity:.3;cursor:default}.arv-action-btn.copied{color:#4ade80;background:#22c55e1f;border-color:#22c55e4d}.arv-mode-desc{color:var(--muted);margin:-.5rem 0 0;font-size:.83rem;line-height:1.55;animation:.5s 70ms both fadeUp}.arv-workspace{grid-template-columns:1fr 1fr;gap:1.25rem;animation:.5s 80ms both fadeUp;display:grid}.arv-panel{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);border-radius:14px;flex-direction:column;min-height:360px;display:flex;overflow:hidden}.arv-panel-head{border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 10%, transparent);flex-shrink:0;align-items:center;gap:.65rem;padding:.7rem 1rem;display:flex}.arv-panel-label{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-family:DM Mono,monospace;font-size:.72rem}.arv-parse-err{letter-spacing:.05em;text-transform:uppercase;color:#f87171;background:#f871711f;border:1px solid #f8717147;border-radius:100px;padding:.15rem .5rem;font-family:DM Mono,monospace;font-size:.65rem}.arv-ta{color:var(--white);caret-color:var(--royal-lite);resize:none;tab-size:2;background:0 0;border:none;outline:none;flex:1;min-height:320px;padding:.85rem 1rem;font-family:DM Mono,monospace;font-size:.8rem;line-height:1.65}.arv-ta::placeholder{color:color-mix(in srgb, var(--muted) 35%, transparent)}.arv-ta--err{caret-color:#f87171;border-bottom:1px solid #f871714d}.arv-ta-errmsg{color:#fca5a5;word-break:break-word;background:#f871710f;border-top:1px solid #f8717126;margin:0;padding:.5rem 1rem;font-family:DM Mono,monospace;font-size:.72rem}.arv-results{border:1px solid;border-radius:14px;animation:.3s both fadeUp;overflow:hidden}.arv-results--valid{background:color-mix(in srgb, #22c55e 5%, var(--navy-dark));border-color:#22c55e40}.arv-results--invalid{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border-color:#f8717138}.arv-results-head{border-bottom:1px solid;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.85rem 1.1rem;display:flex}.arv-results--valid .arv-results-head{border-color:#22c55e26}.arv-results--invalid .arv-results-head{border-color:#f8717126}.arv-verdict{letter-spacing:.05em;border-radius:100px;padding:.28rem .85rem;font-family:DM Mono,monospace;font-size:.82rem;font-weight:700}.arv-verdict--valid{color:#4ade80;background:#22c55e2e;border:1px solid #22c55e59}.arv-verdict--invalid{color:#f87171;background:#f8717124;border:1px solid #f871714d}.arv-error-count{color:#fca5a5;font-family:DM Mono,monospace;font-size:.78rem}.arv-valid-msg{color:#86efac;font-size:.85rem}.arv-error-list{flex-direction:column;padding:.5rem 0;display:flex}.arv-error-row{border-bottom:1px solid #f8717114;align-items:flex-start;gap:.85rem;padding:.6rem 1.1rem;transition:background .12s;display:flex}.arv-error-row:last-child{border-bottom:none}.arv-error-row:hover{background:#f871710d}.arv-error-num{color:color-mix(in srgb, #f87171 60%, var(--muted));text-align:right;flex-shrink:0;width:18px;padding-top:1px;font-family:DM Mono,monospace;font-size:.65rem}.arv-error-body{flex-direction:column;gap:.2rem;min-width:0;display:flex}.arv-path{flex-wrap:wrap;align-items:center;gap:0;font-family:DM Mono,monospace;font-size:.78rem;display:inline-flex}.arv-path-root{color:var(--muted)}.arv-path-sep{color:color-mix(in srgb, var(--muted) 50%, transparent);margin:0 1px}.arv-path-key{color:#93c5fd}.arv-path-idx{color:#fdba74}.arv-error-msg{color:color-mix(in srgb, var(--white) 75%, var(--muted));font-size:.82rem;line-height:1.45}.arv-reference{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 14%, transparent);border-radius:14px;padding:1.1rem 1.25rem;animation:.5s .1s both fadeUp}.arv-ref-label{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:.85rem;font-family:DM Mono,monospace;font-size:.72rem}.arv-ref-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.4rem;display:grid}.arv-ref-item{border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 7%, transparent);align-items:baseline;gap:.65rem;padding:.35rem 0;display:flex}.arv-ref-item:last-child{border-bottom:none}.arv-ref-kw{color:var(--royal-lite);white-space:nowrap;flex-shrink:0;min-width:140px;font-family:DM Mono,monospace;font-size:.78rem}.arv-ref-desc{color:var(--muted);font-size:.78rem;line-height:1.4}@media (width<=820px){.arv-workspace{grid-template-columns:1fr}.arv-panel{min-height:260px}.arv-ta{min-height:240px}}@media (width<=540px){.arv-top-actions{margin-left:0}.arv-topbar{flex-wrap:wrap}.arv-ref-grid{grid-template-columns:1fr}.arv-ref-kw{min-width:120px}}.tdg-page{min-height:100vh;padding:var(--section-py) var(--pad-x);flex-direction:column;gap:1.5rem;max-width:1100px;margin:0 auto;display:flex}.tdg-header{animation:.45s both fadeUp}.tdg-breadcrumb{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem;font-family:DM Mono,monospace;font-size:.72rem;display:block}.tdg-title{letter-spacing:-.02em;color:var(--white);margin-bottom:.5rem;font-family:Syne,sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800}.tdg-sub{color:var(--muted);max-width:620px;font-size:.95rem;line-height:1.6}.tdg-card{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);border-radius:16px;animation:.5s 50ms both fadeUp;overflow:hidden}.tdg-card-head{border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 10%, transparent);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1.1rem;display:flex}.tdg-card-label{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-right:auto;font-family:DM Mono,monospace;font-size:.72rem}.tdg-presets{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.tdg-presets-label{letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--muted) 60%, transparent);font-family:DM Mono,monospace;font-size:.68rem}.tdg-preset-btn{letter-spacing:.04em;background:color-mix(in srgb, var(--royal-lite) 7%, transparent);border:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);color:var(--muted);cursor:pointer;border-radius:100px;padding:.28rem .7rem;font-family:DM Mono,monospace;font-size:.72rem;transition:background .15s,color .15s,border-color .15s}.tdg-preset-btn:hover{color:var(--royal-lite);border-color:color-mix(in srgb, var(--royal-lite) 38%, transparent);background:color-mix(in srgb, var(--royal-lite) 12%, transparent)}.tdg-fields{flex-direction:column;display:flex}.tdg-field-row{border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 7%, transparent);align-items:center;gap:.6rem;padding:.6rem 1.1rem;transition:background .12s;display:flex}.tdg-field-row:last-child{border-bottom:none}.tdg-field-row:hover{background:color-mix(in srgb, var(--royal-lite) 3%, transparent)}.tdg-field-num{color:color-mix(in srgb, var(--muted) 45%, transparent);text-align:right;flex-shrink:0;width:18px;font-family:DM Mono,monospace;font-size:.65rem}.tdg-field-name{background:color-mix(in srgb, var(--royal-lite) 5%, transparent);border:1px solid color-mix(in srgb, var(--royal-lite) 14%, transparent);color:var(--white);border-radius:8px;outline:none;flex-shrink:0;width:160px;padding:.38rem .7rem;font-family:DM Mono,monospace;font-size:.85rem;transition:border-color .15s}.tdg-field-name:focus{border-color:color-mix(in srgb, var(--royal-lite) 40%, transparent)}.tdg-field-name::placeholder{color:color-mix(in srgb, var(--muted) 40%, transparent)}.tdg-field-arrow{color:color-mix(in srgb, var(--muted) 40%, transparent);flex-shrink:0;font-family:DM Mono,monospace;font-size:.8rem}.tdg-field-type{background:color-mix(in srgb, var(--royal-lite) 8%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);color:var(--royal-lite);cursor:pointer;border-radius:8px;outline:none;flex-shrink:0;width:190px;padding:.38rem .7rem;font-family:DM Mono,monospace;font-size:.82rem;transition:border-color .15s}.tdg-field-type option,.tdg-field-type optgroup{color:var(--white);background:#0f0f23}.tdg-field-type:focus{border-color:color-mix(in srgb, var(--royal-lite) 45%, transparent)}.tdg-field-sample{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;opacity:.65;flex:1;min-width:0;font-family:DM Mono,monospace;font-size:.75rem;overflow:hidden}.tdg-field-del{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:5px;flex-shrink:0;padding:.25rem .3rem;font-size:1.1rem;line-height:1;transition:color .15s,background .15s}.tdg-field-del:hover:not(:disabled){color:#f87171;background:#f871711a}.tdg-field-del:disabled{opacity:.2;cursor:default}.tdg-add-field{letter-spacing:.04em;color:var(--royal-lite);border:none;border-top:1px solid color-mix(in srgb, var(--royal-lite) 8%, transparent);cursor:pointer;text-align:left;background:0 0;width:100%;padding:.7rem 1.1rem;font-family:DM Mono,monospace;font-size:.75rem;transition:background .15s}.tdg-add-field:hover{background:color-mix(in srgb, var(--royal-lite) 6%, transparent)}.tdg-controls{flex-wrap:wrap;align-items:center;gap:1.25rem;animation:.5s 80ms both fadeUp;display:flex}.tdg-controls-left{flex-wrap:wrap;flex:1;align-items:center;gap:1.25rem;display:flex}.tdg-control-group{align-items:center;gap:.55rem;display:flex}.tdg-control-label{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-family:DM Mono,monospace;font-size:.72rem}.tdg-count-input{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 20%, transparent);color:var(--white);text-align:center;border-radius:9px;outline:none;width:80px;padding:.45rem .7rem;font-family:DM Mono,monospace;font-size:.9rem;font-weight:700;transition:border-color .15s}.tdg-count-input:focus{border-color:color-mix(in srgb, var(--royal-lite) 45%, transparent)}.tdg-format-toggle{background:color-mix(in srgb, var(--royal) 12%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);border-radius:9px;gap:2px;padding:2px;display:flex;overflow:hidden}.tdg-format-btn{letter-spacing:.06em;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:.35rem .75rem;font-family:DM Mono,monospace;font-size:.72rem;transition:background .15s,color .15s}.tdg-format-btn:hover{color:var(--white)}.tdg-format-btn.active{background:color-mix(in srgb, var(--royal-lite) 18%, transparent);color:var(--royal-lite)}.tdg-table-input{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);color:var(--white);border-radius:9px;outline:none;width:160px;padding:.45rem .75rem;font-family:DM Mono,monospace;font-size:.85rem;transition:border-color .15s}.tdg-table-input:focus{border-color:color-mix(in srgb, var(--royal-lite) 42%, transparent)}.tdg-generate-btn{letter-spacing:.05em;text-transform:uppercase;background:var(--royal-lite);color:var(--navy-dark);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;padding:.6rem 1.5rem;font-family:DM Mono,monospace;font-size:.82rem;font-weight:700;transition:opacity .15s,transform .1s}.tdg-generate-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.tdg-generate-btn:disabled{opacity:.35;cursor:default;transform:none}.tdg-output-card{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);border-radius:16px;animation:.35s both fadeUp;overflow:hidden}.tdg-output-head{border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 10%, transparent);flex-wrap:wrap;align-items:center;gap:.65rem;padding:.75rem 1.1rem;display:flex}.tdg-output-meta{color:var(--muted);gap:.75rem;margin-left:auto;font-family:DM Mono,monospace;font-size:.72rem;display:flex}.tdg-output-actions{gap:.4rem;display:flex}.tdg-out-btn{letter-spacing:.05em;text-transform:uppercase;background:color-mix(in srgb, var(--royal-lite) 10%, transparent);border:1px solid color-mix(in srgb, var(--royal-lite) 25%, transparent);color:var(--royal-lite);cursor:pointer;white-space:nowrap;border-radius:8px;padding:.3rem .75rem;font-family:DM Mono,monospace;font-size:.72rem;transition:background .15s}.tdg-out-btn:hover{background:color-mix(in srgb, var(--royal-lite) 18%, transparent)}.tdg-out-btn.copied{color:#4ade80;background:#22c55e1f;border-color:#22c55e4d}.tdg-out-btn--dl{border-color:color-mix(in srgb, var(--muted) 22%, transparent);color:var(--muted);background:0 0}.tdg-out-btn--dl:hover{color:var(--white);border-color:color-mix(in srgb, var(--muted) 45%, transparent);background:color-mix(in srgb, var(--muted) 8%, transparent)}.tdg-output-body{max-height:540px;overflow:auto}.tdg-rows-wrap{padding:.5rem 0}.tdg-bracket{color:color-mix(in srgb, var(--muted) 65%, var(--white));-webkit-user-select:none;user-select:none;padding:.15rem 1.1rem;font-family:DM Mono,monospace;font-size:.8rem;display:block}.tdg-header-row{border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 10%, transparent);margin-bottom:.15rem}.tdg-header-row .tdg-row-pre{color:var(--muted)}.tdg-row-item{cursor:pointer;border-radius:6px;align-items:flex-start;gap:.5rem;margin:0 .4rem;padding:0 .65rem 0 0;transition:background .12s;display:flex;position:relative}.tdg-row-item:hover{background:color-mix(in srgb, var(--royal-lite) 8%, transparent)}.tdg-row-item.copied{background:#22c55e14}.tdg-row-pre{color:var(--white);white-space:pre-wrap;word-break:break-word;flex:1;margin:0;padding:.25rem .35rem .25rem .65rem;font-family:DM Mono,monospace;font-size:.8rem;line-height:1.65}.tdg-comma{color:var(--muted)}.tdg-row-badge{letter-spacing:.05em;text-transform:uppercase;border:1px solid color-mix(in srgb, var(--royal-lite) 25%, transparent);color:var(--royal-lite);background:color-mix(in srgb, var(--royal-lite) 8%, transparent);white-space:nowrap;opacity:0;border-radius:5px;flex-shrink:0;align-self:center;padding:.15rem .45rem;font-family:DM Mono,monospace;font-size:.62rem;transition:opacity .15s}.tdg-row-item:hover .tdg-row-badge{opacity:1}.tdg-row-item.copied .tdg-row-badge{opacity:1;color:#4ade80;background:#22c55e1f;border-color:#22c55e4d}.tdg-pre{color:var(--white);white-space:pre-wrap;word-break:break-word;margin:0;padding:.85rem 1.1rem;font-family:DM Mono,monospace;font-size:.8rem;line-height:1.65}.tdg-pre--plain{color:color-mix(in srgb, var(--white) 85%, var(--muted))}.tdg-jk{color:#93c5fd}.tdg-js{color:#86efac}.tdg-jn{color:#fdba74}.tdg-jb{color:#c084fc}.tdg-jnull{color:color-mix(in srgb, var(--muted) 70%, transparent)}.tdg-empty-state{text-align:center;color:var(--muted);opacity:.65;padding:2.5rem 1rem;font-size:.9rem;animation:.5s .1s both fadeUp}.tdg-empty-state strong{color:var(--white)}@media (width<=760px){.tdg-field-row{flex-wrap:wrap;gap:.5rem}.tdg-field-name{width:130px}.tdg-field-type{flex-basis:100%;width:100%}.tdg-field-sample{display:none}.tdg-controls{flex-direction:column;align-items:stretch}.tdg-generate-btn{text-align:center;width:100%}}@media (width<=500px){.tdg-field-name{width:110px}.tdg-count-input{width:65px}}.wa-page{min-height:100vh;padding:var(--section-py) var(--pad-x);flex-direction:column;gap:1.75rem;max-width:1100px;margin:0 auto;display:flex}.wa-header{animation:.4s both fadeUp}.wa-breadcrumb{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem;font-family:DM Mono,monospace;font-size:.72rem;display:block}.wa-title{letter-spacing:-.02em;color:var(--white);margin-bottom:.5rem;font-family:Syne,sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800}.wa-sub{color:var(--muted);max-width:600px;font-size:.95rem;line-height:1.6}.wa-input-section{align-items:flex-start;gap:.75rem;animation:.45s 50ms both fadeUp;display:flex}.wa-input-bar{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 22%, transparent);border-radius:12px;flex:1;align-items:center;gap:.5rem;padding:0 1rem;transition:border-color .15s;display:flex}.wa-input-bar:focus-within{border-color:color-mix(in srgb, var(--royal-lite) 55%, transparent)}.wa-globe{opacity:.6;flex-shrink:0;font-size:1rem}.wa-input{color:var(--white);background:0 0;border:none;outline:none;flex:1;padding:.85rem 0;font-family:DM Mono,monospace;font-size:.88rem}.wa-input::placeholder{color:var(--muted)}.wa-clear{color:var(--muted);cursor:pointer;opacity:.6;background:0 0;border:none;padding:.25rem;font-size:.8rem;transition:opacity .15s}.wa-clear:hover{opacity:1}.wa-input-error{color:#f87171;margin-top:.35rem;padding-left:.25rem;font-size:.8rem}.wa-btn{white-space:nowrap;border-radius:12px;flex-shrink:0;align-items:center;gap:.4rem;padding:.85rem 1.5rem;font-size:.9rem;display:flex}.wa-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite wa-spin;display:inline-block}@keyframes wa-spin{to{transform:rotate(360deg)}}.wa-loading{flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 0;animation:.3s both fadeUp;display:flex}.wa-loading-bar{background:color-mix(in srgb, var(--royal-lite) 15%, transparent);border-radius:99px;width:100%;max-width:400px;height:4px;overflow:hidden}.wa-loading-fill{background:var(--royal-lite);border-radius:99px;width:40%;height:100%;animation:1.4s ease-in-out infinite wa-slide}@keyframes wa-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.wa-loading-text{color:var(--muted);font-size:.875rem}.wa-results{flex-direction:column;gap:1.25rem;animation:.5s both fadeUp;display:flex}.wa-top-row{grid-template-columns:auto 1fr;align-items:stretch;gap:1.25rem;display:grid}@media (width<=640px){.wa-top-row{grid-template-columns:1fr}}@media (width<=600px){.wa-page{gap:1.25rem;padding:1.5rem 1rem}.wa-input-section{flex-direction:column}.wa-btn{justify-content:center;width:100%}}.wa-score-card{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 20%, transparent);border-radius:16px;flex-direction:column;align-items:center;gap:1rem;min-width:200px;padding:1.5rem;display:flex}.wa-score-wrap{width:128px;height:128px;position:relative}.wa-score-svg{display:block;transform:rotate(0)}.wa-score-inner{flex-direction:column;justify-content:center;align-items:center;gap:.1rem;display:flex;position:absolute;inset:0}.wa-score-num{font-family:Syne,sans-serif;font-size:2.2rem;font-weight:800;line-height:1}.wa-score-grade{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:.7rem;font-weight:600}.wa-score-meta{text-align:center;flex-direction:column;gap:.3rem;display:flex}.wa-score-host{color:var(--white);word-break:break-all;font-family:DM Mono,monospace;font-size:.8rem}.wa-score-note{color:var(--muted);font-size:.72rem}.wa-panel{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 20%, transparent);border-radius:16px;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex}.wa-panel--full{grid-column:1/-1}.wa-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.5rem;font-family:DM Sans,sans-serif;font-size:.78rem;font-weight:700;display:flex}.wa-section-note{letter-spacing:.04em;color:#f97316;font-size:.7rem;font-weight:400}.wa-breakdown{flex:1}.wa-segs{flex-wrap:wrap;gap:.5rem;display:flex}.wa-seg{background:color-mix(in srgb, var(--royal-lite) 8%, var(--navy));border:1px solid color-mix(in srgb, var(--royal-lite) 15%, transparent);border-radius:8px;flex-direction:column;gap:.2rem;padding:.45rem .75rem;display:flex}.wa-seg--good{background:color-mix(in srgb, #22c55e 6%, var(--navy));border-color:#22c55e66}.wa-seg--bad{background:color-mix(in srgb, #ef4444 6%, var(--navy));border-color:#ef444466}.wa-seg--warn{background:color-mix(in srgb, #eab308 6%, var(--navy));border-color:#eab30866}.wa-seg-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.62rem;font-weight:600}.wa-seg-value{color:var(--white);word-break:break-all;font-family:DM Mono,monospace;font-size:.8rem}.wa-url-stats{color:var(--muted);gap:1rem;margin-top:.25rem;font-size:.75rem;display:flex}.wa-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}@media (width<=700px){.wa-grid{grid-template-columns:1fr}}.wa-check-list{flex-direction:column;gap:.35rem;display:flex}.wa-check{background:color-mix(in srgb, var(--royal-lite) 5%, transparent);border-radius:9px;align-items:flex-start;gap:.6rem;padding:.55rem .75rem;display:flex}.wa-check--pass{background:#22c55e12}.wa-check--fail{background:#ef444412}.wa-check--warn{background:#eab30812}.wa-check--skip{opacity:.5}.wa-check-icon{text-align:center;flex-shrink:0;width:14px;margin-top:.1rem;font-size:.75rem;font-weight:700}.wa-check--pass .wa-check-icon{color:#22c55e}.wa-check--fail .wa-check-icon{color:#ef4444}.wa-check--warn .wa-check-icon{color:#eab308}.wa-check--skip .wa-check-icon{color:var(--muted)}.wa-check-body{flex-direction:column;flex:1;gap:.1rem;display:flex}.wa-check-label{color:var(--white);font-size:.83rem;font-weight:500}.wa-check-hint{color:var(--muted);font-size:.73rem;line-height:1.4}.wa-check-pts{color:var(--muted);flex-shrink:0;padding-top:.05rem;font-family:DM Mono,monospace;font-size:.72rem}.wa-check--pass .wa-check-pts{color:#22c55e}.wa-server-info{border-top:1px solid color-mix(in srgb, var(--royal-lite) 12%, transparent);flex-direction:column;gap:.4rem;padding-top:.5rem;display:flex}.wa-info-row{align-items:baseline;gap:.75rem;display:flex}.wa-info-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);flex-shrink:0;min-width:88px;font-family:DM Mono,monospace;font-size:.68rem;font-weight:600}.wa-info-val{color:var(--royal-pale);word-break:break-all;font-family:DM Mono,monospace;font-size:.77rem}.wa-notice{color:var(--white);background:#eab3080f;border:1px solid #eab30840;border-radius:10px;gap:.75rem;padding:1rem;font-size:.83rem;line-height:1.5;display:flex}.wa-notice--error{background:#ef44440f;border-color:#ef444440}.wa-notice-icon{flex-shrink:0;margin-top:.05rem;font-size:1rem}.wa-notice strong{margin-bottom:.25rem;display:block}.wa-notice p{color:var(--muted);margin:0;font-size:.8rem}.wa-notice-link{color:var(--royal-lite);margin-top:.5rem;font-size:.78rem;text-decoration:none;transition:color .15s;display:inline-block}.wa-notice-link:hover{color:var(--royal-pale)}.wa-sec-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.6rem;display:grid}.wa-sec{background:color-mix(in srgb, var(--royal-lite) 5%, transparent);border-radius:10px;gap:.6rem;padding:.65rem .85rem;display:flex}.wa-sec--pass{background:#22c55e12}.wa-sec--fail{background:#ef444412}.wa-sec--warn{background:#eab30812}.wa-sec--skip{opacity:.45}.wa-sec-icon{text-align:center;flex-shrink:0;width:14px;margin-top:.15rem;font-size:.72rem;font-weight:700}.wa-sec--pass .wa-sec-icon{color:#22c55e}.wa-sec--fail .wa-sec-icon{color:#ef4444}.wa-sec--warn .wa-sec-icon{color:#eab308}.wa-sec--skip .wa-sec-icon{color:var(--muted)}.wa-sec-body{flex-direction:column;gap:.15rem;min-width:0;display:flex}.wa-sec-name{color:var(--white);word-break:break-all;font-family:DM Mono,monospace;font-size:.78rem}.wa-sec-desc{color:var(--muted);font-size:.71rem;line-height:1.4}.wa-sec-value{color:var(--royal-pale);word-break:break-all;opacity:.8;margin-top:.15rem;font-family:DM Mono,monospace;font-size:.68rem}.cg-page{min-height:100vh;padding:var(--section-py) var(--pad-x);flex-direction:column;gap:1.75rem;max-width:1100px;margin:0 auto;display:flex}.cg-header{animation:.4s both fadeUp}.cg-breadcrumb{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem;font-family:DM Mono,monospace;font-size:.72rem;display:block}.cg-title{letter-spacing:-.02em;color:var(--white);margin-bottom:.5rem;font-family:Syne,sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800}.cg-sub{color:var(--muted);max-width:600px;font-size:.95rem;line-height:1.6}.cg-tabs{border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 15%, transparent);flex-wrap:wrap;gap:0;animation:.45s 50ms both fadeUp;display:flex}.cg-tab{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.65rem 1.1rem;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:600;transition:color .15s,border-color .15s}.cg-tab:hover{color:var(--white)}.cg-tab--active{color:var(--white);border-bottom-color:var(--royal-lite)}.cg-workspace{animation:.5s 80ms both fadeUp}.cg-tool{grid-template-columns:300px 1fr;align-items:start;gap:1.25rem;display:grid}@media (width<=720px){.cg-tool{grid-template-columns:1fr}}@media (width<=600px){.cg-page{gap:1.25rem;padding:1.5rem 1rem}.cg-tabs{overflow-x:auto}.cg-tab{white-space:nowrap}}.cg-controls{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 20%, transparent);border-radius:16px;flex-direction:column;gap:1.1rem;padding:1.25rem;display:flex}.cg-right{flex-direction:column;gap:1rem;display:flex}.cg-field{flex-direction:column;gap:.4rem;display:flex}.cg-label-row{justify-content:space-between;align-items:center;display:flex}.cg-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:700}.cg-value{color:var(--royal-pale);font-family:DM Mono,monospace;font-size:.78rem}.cg-range{appearance:none;background:color-mix(in srgb, var(--royal-lite) 20%, var(--navy));cursor:pointer;border-radius:99px;outline:none;width:100%;height:4px}.cg-range::-webkit-slider-thumb{appearance:none;background:var(--royal-lite);cursor:pointer;border:2px solid var(--navy-dark);border-radius:50%;width:16px;height:16px;transition:transform .1s}.cg-range::-webkit-slider-thumb:hover{transform:scale(1.2)}.cg-select{color:var(--white);background:color-mix(in srgb, var(--royal-lite) 8%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 22%, transparent);cursor:pointer;appearance:none;border-radius:9px;outline:none;width:100%;padding:.5rem .75rem;font-family:DM Mono,monospace;font-size:.82rem;transition:border-color .15s}.cg-select:focus{border-color:color-mix(in srgb, var(--royal-lite) 55%, transparent)}.cg-color-row{align-items:center;gap:.65rem;display:flex}.cg-color-swatch{appearance:none;border:2px solid color-mix(in srgb, var(--royal-lite) 22%, transparent);cursor:pointer;background:0 0;border-radius:9px;flex-shrink:0;width:40px;height:40px;padding:2px}.cg-color-swatch--sm{flex-shrink:0;width:28px;height:28px}.cg-color-hex{color:var(--royal-pale);font-family:DM Mono,monospace;font-size:.82rem}.cg-btn-group{flex-wrap:wrap;gap:.4rem;display:flex}.cg-type-btn{color:var(--muted);background:color-mix(in srgb, var(--royal-lite) 6%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);cursor:pointer;border-radius:8px;padding:.4rem .75rem;font-family:DM Mono,monospace;font-size:.78rem;transition:all .15s}.cg-type-btn:hover{color:var(--white)}.cg-type-btn.active{color:var(--white);background:color-mix(in srgb, var(--royal-lite) 18%, var(--navy-dark));border-color:var(--royal-lite)}.cg-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.65rem;display:flex}.cg-toggle input{display:none}.cg-toggle-track{background:color-mix(in srgb, var(--royal-lite) 15%, var(--navy));border:1px solid color-mix(in srgb, var(--royal-lite) 22%, transparent);border-radius:99px;flex-shrink:0;width:36px;height:20px;transition:background .2s,border-color .2s;position:relative}.cg-toggle-track:after{content:"";background:var(--muted);border-radius:50%;width:14px;height:14px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.cg-toggle input:checked~.cg-toggle-track{background:color-mix(in srgb, var(--royal-lite) 35%, var(--navy));border-color:var(--royal-lite)}.cg-toggle input:checked~.cg-toggle-track:after{background:var(--royal-lite);transform:translate(16px)}.cg-toggle-label{color:var(--white);font-size:.83rem}.cg-shadow-tabs{flex-wrap:wrap;gap:.35rem;display:flex}.cg-shadow-tab{background:color-mix(in srgb, var(--royal-lite) 6%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);color:var(--muted);cursor:pointer;border-radius:7px;padding:.3rem .65rem;font-family:DM Mono,monospace;font-size:.72rem;transition:all .15s}.cg-shadow-tab:hover,.cg-shadow-tab.active{color:var(--white);border-color:var(--royal-lite)}.cg-add-btn{border:1px dashed color-mix(in srgb, var(--royal-lite) 35%, transparent);color:var(--royal-lite);cursor:pointer;background:0 0;border-radius:7px;padding:.3rem .65rem;font-family:DM Mono,monospace;font-size:.72rem;transition:border-color .15s}.cg-add-btn:hover{border-color:var(--royal-lite)}.cg-remove-btn{color:#f87171;cursor:pointer;background:0 0;border:1px solid #ef44444d;border-radius:7px;padding:.3rem .65rem;font-family:DM Mono,monospace;font-size:.72rem;transition:border-color .15s}.cg-remove-btn:hover{border-color:#ef4444}.cg-stops{flex-direction:column;gap:.5rem;display:flex}.cg-stop-row{align-items:center;gap:.5rem;display:flex}.cg-stop-pos{color:var(--muted);text-align:right;flex-shrink:0;min-width:32px;font-family:DM Mono,monospace;font-size:.7rem}.cg-stop-x{color:var(--muted);cursor:pointer;opacity:.5;background:0 0;border:none;flex-shrink:0;padding:.2rem;font-size:.7rem;transition:opacity .15s}.cg-stop-x:hover{opacity:1}.cg-preview{background:color-mix(in srgb, var(--royal) 8%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);border-radius:16px;justify-content:center;align-items:center;min-height:220px;display:flex;overflow:hidden}.cg-preview--checker{background-color:#111526;background-image:linear-gradient(45deg,#181d36 25%,#0000 25%),linear-gradient(-45deg,#181d36 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#181d36 75%),linear-gradient(-45deg,#0000 75%,#181d36 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.cg-preview--glass-bg{background:linear-gradient(135deg,#6366f1 0%,#ec4899 50%,#f59e0b 100%);min-height:240px}.cg-preview--flex{align-items:stretch;padding:0}.cg-bs-box{background:color-mix(in srgb, var(--royal-lite) 25%, var(--navy));border-radius:14px;width:110px;height:110px;transition:box-shadow .2s}.cg-glass-card{flex-direction:column;gap:.35rem;padding:1.5rem 2rem;display:flex}.cg-glass-title{color:#fff;margin:0;font-family:Syne,sans-serif;font-size:1.1rem;font-weight:700}.cg-glass-sub{color:#ffffffa6;margin:0;font-size:.82rem}.cg-flex-item{color:#fff;border-radius:8px;flex:none;justify-content:center;align-items:center;min-width:44px;min-height:52px;padding:.5rem .75rem;font-family:DM Mono,monospace;font-size:.78rem;font-weight:700;display:flex}.cg-code-block{background:var(--navy-dark);border:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);border-radius:14px;overflow:hidden}.cg-code-header{border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 12%, transparent);background:color-mix(in srgb, var(--royal-lite) 5%, var(--navy-dark));justify-content:space-between;align-items:center;padding:.6rem 1rem;display:flex}.cg-code-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-family:DM Mono,monospace;font-size:.7rem}.cg-copy-btn{background:color-mix(in srgb, var(--royal-lite) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 22%, transparent);color:var(--royal-pale);cursor:pointer;border-radius:6px;padding:.25rem .65rem;font-family:DM Mono,monospace;font-size:.75rem;transition:all .15s}.cg-copy-btn:hover{color:var(--white);border-color:var(--royal-lite)}.cg-code{color:var(--royal-pale);white-space:pre;margin:0;padding:1rem 1.1rem;font-family:DM Mono,monospace;font-size:.82rem;line-height:1.75;overflow-x:auto}.hse-page{min-height:100vh;padding:var(--section-py) var(--pad-x);flex-direction:column;gap:1.75rem;max-width:1100px;margin:0 auto;display:flex}.hse-header{animation:.4s both fadeUp}.hse-breadcrumb{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem;font-family:DM Mono,monospace;font-size:.72rem;display:block}.hse-title{letter-spacing:-.02em;color:var(--white);margin-bottom:.5rem;font-family:Syne,sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800}.hse-sub{color:var(--muted);max-width:600px;font-size:.95rem;line-height:1.6}.hse-layout{grid-template-columns:280px 1fr;align-items:start;gap:1.25rem;animation:.5s 50ms both fadeUp;display:grid}@media (width<=720px){.hse-layout{grid-template-columns:1fr}.hse-sidebar{max-height:none;position:static}}@media (width<=600px){.hse-page{gap:1.25rem;padding:1.5rem 1rem}.hse-layout{gap:1rem}}.hse-sidebar{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 20%, transparent);border-radius:16px;flex-direction:column;max-height:calc(100vh - 6rem);display:flex;position:sticky;top:1.5rem;overflow:hidden}.hse-search-wrap{border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 14%, transparent);align-items:center;gap:.4rem;padding:.75rem 1rem;display:flex}.hse-search-icon{color:var(--muted);flex-shrink:0;font-size:1.05rem;line-height:1}.hse-search{color:var(--white);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:DM Mono,monospace;font-size:.83rem}.hse-search::placeholder{color:var(--muted)}.hse-clear{color:var(--muted);cursor:pointer;opacity:.6;background:0 0;border:none;flex-shrink:0;padding:.2rem;font-size:.72rem;transition:opacity .15s}.hse-clear:hover{opacity:1}.hse-cats{border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 14%, transparent);flex-wrap:wrap;gap:.3rem;padding:.6rem .75rem;display:flex}.hse-cat{letter-spacing:.04em;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;padding:.25rem .5rem;font-family:DM Mono,monospace;font-size:.67rem;font-weight:600;transition:all .15s}.hse-cat:hover{color:var(--white)}.hse-cat--active{color:var(--white);background:color-mix(in srgb, var(--royal-lite) 15%, transparent);border-color:color-mix(in srgb, var(--royal-lite) 35%, transparent)}.hse-list{flex-direction:column;flex:1;gap:.2rem;padding:.5rem;display:flex;overflow-y:auto}.hse-list::-webkit-scrollbar{width:4px}.hse-list::-webkit-scrollbar-track{background:0 0}.hse-list::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--royal-lite) 25%, transparent);border-radius:99px}.hse-empty{color:var(--muted);text-align:center;padding:1.5rem 0;font-size:.82rem}.hse-item{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:.65rem;width:100%;padding:.5rem .65rem;transition:background .12s,border-color .12s;display:flex}.hse-item:hover{background:color-mix(in srgb, var(--royal-lite) 8%, transparent)}.hse-item-code{flex-shrink:0;width:32px;font-family:DM Mono,monospace;font-size:.83rem;font-weight:700}.hse-item-name{color:var(--white);font-size:.82rem;line-height:1.3}.hse-detail{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 20%, transparent);border-radius:16px;animation:.3s both fadeUp;overflow:hidden}.hse-detail--empty{min-height:300px;color:var(--muted);justify-content:center;align-items:center;font-size:.875rem;display:flex}.hse-detail-head{border-bottom:1px solid;padding:1.5rem 1.75rem}.hse-detail-code-row{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.hse-detail-code{letter-spacing:-.04em;font-family:Syne,sans-serif;font-size:3rem;font-weight:800;line-height:1}.hse-detail-badge{letter-spacing:.08em;border:1px solid;border-radius:99px;align-self:center;padding:.25rem .6rem;font-family:DM Mono,monospace;font-size:.7rem;font-weight:700}.hse-detail-name{color:var(--white);margin-bottom:.5rem;font-family:Syne,sans-serif;font-size:1.35rem;font-weight:700}.hse-detail-summary{color:var(--muted);max-width:580px;font-size:.9rem;line-height:1.6}.hse-detail-body{flex-direction:column;gap:1.5rem;padding:1.5rem 1.75rem;display:flex}.hse-two-col{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}@media (width<=860px){.hse-two-col{grid-template-columns:1fr}}.hse-section{flex-direction:column;gap:.65rem;display:flex}.hse-section-title{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-family:DM Mono,monospace;font-size:.7rem;font-weight:700}.hse-prose{color:var(--white);opacity:.9;font-size:.875rem;line-height:1.7}.hse-list-items{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.hse-list-items li{color:var(--white);opacity:.88;padding-left:1.1rem;font-size:.845rem;line-height:1.5;position:relative}.hse-list-items li:before{content:"·";color:var(--muted);font-weight:700;position:absolute;left:0}.hse-list-items--fe li:before{color:#60a5fa}.hse-list-items--be li:before{color:#a78bfa}.brg-page{min-height:100vh;padding:var(--section-py) var(--pad-x);flex-direction:column;gap:1.5rem;max-width:1200px;margin:0 auto;display:flex}.brg-header{animation:.4s both fadeUp}.brg-breadcrumb{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem;font-family:DM Mono,monospace;font-size:.72rem;display:block}.brg-title{letter-spacing:-.02em;color:var(--white);margin-bottom:.5rem;font-family:Syne,sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800}.brg-sub{color:var(--muted);max-width:600px;font-size:.95rem;line-height:1.6}.brg-actions{gap:.6rem;animation:.45s 40ms both fadeUp;display:flex}.brg-example-btn{background:color-mix(in srgb, var(--royal-lite) 12%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 30%, transparent);color:var(--royal-pale);cursor:pointer;border-radius:8px;padding:.4rem .85rem;font-family:DM Mono,monospace;font-size:.78rem;transition:all .15s}.brg-example-btn:hover{color:var(--white);border-color:var(--royal-lite)}.brg-reset-btn{border:1px solid color-mix(in srgb, var(--royal-lite) 16%, transparent);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;padding:.4rem .85rem;font-family:DM Mono,monospace;font-size:.78rem;transition:all .15s}.brg-reset-btn:hover{color:var(--white);border-color:color-mix(in srgb, var(--royal-lite) 35%, transparent)}.brg-layout{grid-template-columns:1fr 420px;align-items:start;gap:1.25rem;animation:.5s 70ms both fadeUp;display:grid}@media (width<=900px){.brg-layout{grid-template-columns:1fr}.brg-preview-panel{max-height:none;position:static}}@media (width<=600px){.brg-page{gap:1.25rem;padding:1.5rem 1rem}.brg-layout{gap:1rem}}.brg-form{flex-direction:column;gap:1rem;display:flex}.brg-section{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 20%, transparent);border-radius:14px;overflow:hidden}.brg-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 14%, transparent);background:color-mix(in srgb, var(--royal-lite) 4%, transparent);padding:.7rem 1.1rem;font-family:DM Mono,monospace;font-size:.7rem;font-weight:700}.brg-section-body{flex-direction:column;gap:.9rem;padding:1.1rem;display:flex}.brg-field{flex-direction:column;flex:1;gap:.4rem;display:flex}.brg-field--grow{flex:2}.brg-field--short{flex:1;min-width:80px;max-width:130px}.brg-row{align-items:flex-end;gap:.75rem;display:flex}@media (width<=500px){.brg-row{flex-direction:column}.brg-field--short{max-width:100%}}.brg-label{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;display:flex}.brg-label--expected{color:#86efac}.brg-label--actual{color:#fca5a5}.brg-req{color:#f87171;font-size:.85rem}.brg-opt{letter-spacing:.04em;color:var(--muted);opacity:.65;text-transform:none;font-size:.65rem;font-weight:400}.brg-input{background:color-mix(in srgb, var(--royal-lite) 6%, var(--navy));border:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);color:var(--white);box-sizing:border-box;border-radius:9px;outline:none;width:100%;padding:.55rem .8rem;font-family:DM Sans,sans-serif;font-size:.875rem;transition:border-color .15s}.brg-input::placeholder{color:var(--muted);opacity:.6}.brg-input:focus{border-color:color-mix(in srgb, var(--royal-lite) 50%, transparent)}.brg-select{background:color-mix(in srgb, var(--royal-lite) 6%, var(--navy));border:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);color:var(--white);appearance:none;cursor:pointer;border-radius:9px;outline:none;width:100%;padding:.55rem .8rem;font-family:DM Sans,sans-serif;font-size:.875rem;transition:border-color .15s}.brg-select:focus{border-color:color-mix(in srgb, var(--royal-lite) 50%, transparent)}.brg-textarea{background:color-mix(in srgb, var(--royal-lite) 6%, var(--navy));border:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);color:var(--white);box-sizing:border-box;resize:vertical;border-radius:9px;outline:none;width:100%;padding:.6rem .8rem;font-family:DM Sans,sans-serif;font-size:.875rem;line-height:1.55;transition:border-color .15s}.brg-textarea::placeholder{color:var(--muted);opacity:.6}.brg-textarea:focus{border-color:color-mix(in srgb, var(--royal-lite) 50%, transparent)}.brg-severity-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.brg-severity-btn{background:color-mix(in srgb, var(--royal-lite) 5%, var(--navy));border:1px solid color-mix(in srgb, var(--royal-lite) 16%, transparent);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.65rem .85rem;transition:all .15s;display:flex}.brg-severity-btn:hover{border-color:color-mix(in srgb, var(--royal-lite) 40%, transparent)}.brg-sev-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.brg-sev-label{color:var(--white);font-size:.83rem;font-weight:700}.brg-sev-desc{color:var(--muted);font-size:.7rem;line-height:1.3}.brg-steps{flex-direction:column;gap:.45rem;display:flex}.brg-step-row{align-items:center;gap:.6rem;display:flex}.brg-step-num{color:var(--muted);text-align:right;flex-shrink:0;width:18px;font-family:DM Mono,monospace;font-size:.72rem}.brg-step-input{flex:1}.brg-step-remove{color:var(--muted);cursor:pointer;opacity:.5;background:0 0;border:none;flex-shrink:0;padding:.25rem;font-size:.7rem;transition:opacity .15s}.brg-step-remove:hover{opacity:1}.brg-add-step{border:1px dashed color-mix(in srgb, var(--royal-lite) 30%, transparent);color:var(--royal-lite);cursor:pointer;background:0 0;border-radius:8px;align-self:flex-start;padding:.4rem .75rem;font-family:DM Mono,monospace;font-size:.75rem;transition:border-color .15s}.brg-add-step:hover{border-color:var(--royal-lite)}.brg-preview-panel{background:var(--navy-dark);border:1px solid color-mix(in srgb, var(--royal-lite) 20%, transparent);border-radius:14px;flex-direction:column;max-height:calc(100vh - 5rem);display:flex;position:sticky;top:1.5rem;overflow:hidden}.brg-preview-head{border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 14%, transparent);background:color-mix(in srgb, var(--royal-lite) 5%, var(--navy-dark));flex-shrink:0;justify-content:space-between;align-items:center;padding:.7rem 1rem;display:flex}.brg-preview-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-family:DM Mono,monospace;font-size:.7rem}.brg-copy-btn{background:color-mix(in srgb, var(--royal-lite) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 22%, transparent);color:var(--royal-pale);cursor:pointer;border-radius:7px;padding:.28rem .7rem;font-family:DM Mono,monospace;font-size:.75rem;transition:all .15s}.brg-copy-btn:hover{color:var(--white);border-color:var(--royal-lite)}.brg-preview-body{flex-direction:column;flex:1;gap:.75rem;padding:1rem;display:flex;overflow-y:auto}.brg-preview-body::-webkit-scrollbar{width:4px}.brg-preview-body::-webkit-scrollbar-track{background:0 0}.brg-preview-body::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--royal-lite) 25%, transparent);border-radius:99px}.brg-preview-badge{letter-spacing:.06em;border:1px solid;border-radius:99px;align-self:flex-start;align-items:center;gap:.45rem;padding:.3rem .75rem;font-family:DM Mono,monospace;font-size:.72rem;font-weight:700;display:inline-flex}.brg-preview-code{color:color-mix(in srgb, var(--royal-pale) 80%, var(--white));white-space:pre-wrap;word-break:break-word;margin:0;font-family:DM Mono,monospace;font-size:.78rem;line-height:1.75}.sql-page{min-height:100vh;padding:var(--section-py) var(--pad-x);flex-direction:column;gap:1.75rem;max-width:1200px;margin:0 auto;display:flex}.sql-header{animation:.4s both fadeUp}.sql-breadcrumb{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem;font-family:DM Mono,monospace;font-size:.72rem;display:block}.sql-title{letter-spacing:-.02em;color:var(--white);margin-bottom:.5rem;font-family:Syne,sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800}.sql-sub{color:var(--muted);max-width:600px;font-size:.95rem;line-height:1.6}.sql-tabs{gap:.4rem;animation:.45s 50ms both fadeUp;display:flex}.sql-tab{letter-spacing:.06em;color:var(--muted);background:color-mix(in srgb, var(--royal-lite) 6%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 16%, transparent);cursor:pointer;border-radius:9px;padding:.5rem 1.1rem;font-family:DM Mono,monospace;font-size:.82rem;font-weight:700;transition:all .15s}.sql-tab:hover{color:var(--white)}.sql-tab--active{color:var(--white);background:color-mix(in srgb, var(--royal-lite) 18%, var(--navy-dark));border-color:var(--royal-lite)}.sql-workspace{animation:.5s 80ms both fadeUp}.sql-layout{grid-template-columns:1fr 420px;align-items:start;gap:1.25rem;display:grid}@media (width<=900px){.sql-layout{grid-template-columns:1fr}.sql-preview{position:static}}@media (width<=600px){.sql-page{gap:1.25rem;padding:1.5rem 1rem}.sql-tabs{flex-wrap:wrap}.sql-tab{padding:.4rem .75rem;font-size:.75rem}.sql-col-row,.sql-join-row,.sql-order-row,.sql-pair-row,.sql-cond-row{flex-wrap:wrap}.sql-input--sm,.sql-select--sm{width:100%}.sql-example-row{flex-direction:column}.sql-example-btn,.sql-reset-btn{text-align:center;width:100%}}.sql-form{flex-direction:column;gap:.85rem;display:flex}.sql-section{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 20%, transparent);border-radius:13px;overflow:hidden}.sql-section-title{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 12%, transparent);background:color-mix(in srgb, var(--royal-lite) 4%, transparent);padding:.55rem 1rem;font-family:DM Mono,monospace;font-size:.68rem;font-weight:700}.sql-section-body{flex-direction:column;gap:.65rem;padding:.9rem 1rem;display:flex}.sql-field{flex-direction:column;flex:1;gap:.35rem;display:flex}.sql-label{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.4rem;font-size:.7rem;font-weight:700;display:flex}.sql-hint{letter-spacing:.03em;text-transform:none;color:var(--muted);opacity:.6;font-size:.65rem;font-weight:400}.sql-row{align-items:flex-end;gap:.65rem;display:flex}.sql-row--sm{max-width:360px}.sql-input{background:color-mix(in srgb, var(--royal-lite) 6%, var(--navy));border:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);color:var(--white);box-sizing:border-box;border-radius:8px;outline:none;width:100%;padding:.5rem .75rem;font-family:DM Sans,sans-serif;font-size:.875rem;transition:border-color .15s}.sql-input::placeholder{color:var(--muted);opacity:.55}.sql-input:focus{border-color:color-mix(in srgb, var(--royal-lite) 50%, transparent)}.sql-input--mono{font-family:DM Mono,monospace;font-size:.82rem}.sql-input--sm{flex-shrink:0;width:120px}.sql-select{background:color-mix(in srgb, var(--royal-lite) 6%, var(--navy));border:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);color:var(--white);appearance:none;cursor:pointer;border-radius:8px;outline:none;flex-shrink:0;padding:.5rem .65rem;font-family:DM Mono,monospace;font-size:.8rem;transition:border-color .15s}.sql-select:focus{border-color:color-mix(in srgb, var(--royal-lite) 50%, transparent)}.sql-select--xs{width:80px}.sql-select--sm{width:140px}.sql-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:.5rem;padding-bottom:.15rem;display:flex}.sql-toggle input{display:none}.sql-toggle-track{background:color-mix(in srgb, var(--royal-lite) 15%, var(--navy));border:1px solid color-mix(in srgb, var(--royal-lite) 22%, transparent);border-radius:99px;flex-shrink:0;width:34px;height:18px;transition:background .2s;position:relative}.sql-toggle-track:after{content:"";background:var(--muted);border-radius:50%;width:12px;height:12px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.sql-toggle input:checked~.sql-toggle-track{background:color-mix(in srgb, var(--royal-lite) 30%, var(--navy));border-color:var(--royal-lite)}.sql-toggle input:checked~.sql-toggle-track:after{background:var(--royal-lite);transform:translate(16px)}.sql-toggle-label{color:var(--white);font-family:DM Mono,monospace;font-size:.78rem}.sql-cols{flex-direction:column;gap:.4rem;display:flex}.sql-col-row,.sql-join-row,.sql-order-row,.sql-pair-row{align-items:center;gap:.5rem;display:flex}.sql-join-row .sql-input--sm{width:110px}.sql-order-row .sql-input{flex:1}.sql-pairs-head{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);grid-template-columns:1fr auto 1fr auto;gap:.5rem;margin-bottom:.1rem;padding:0 .1rem;font-size:.65rem;font-weight:700;display:grid}.sql-pair-row .sql-input{flex:1}.sql-pair-eq{color:var(--muted);flex-shrink:0;font-family:DM Mono,monospace;font-size:.85rem}.sql-where{flex-direction:column;gap:.45rem;display:flex}.sql-cond-row{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.sql-cond-where{color:var(--royal-lite);text-align:right;flex-shrink:0;min-width:80px;font-family:DM Mono,monospace;font-size:.78rem;font-weight:700}.sql-cond-row .sql-input--sm{width:100px}.sql-cond-row .sql-input:not(.sql-input--sm){flex:1;min-width:80px}.sql-row-remove{color:var(--muted);cursor:pointer;opacity:.45;background:0 0;border:none;flex-shrink:0;padding:.25rem;font-size:.68rem;transition:opacity .15s}.sql-row-remove:hover{opacity:1}.sql-add-btn{border:1px dashed color-mix(in srgb, var(--royal-lite) 30%, transparent);color:var(--royal-lite);cursor:pointer;background:0 0;border-radius:7px;align-self:flex-start;padding:.35rem .7rem;font-family:DM Mono,monospace;font-size:.73rem;transition:border-color .15s}.sql-add-btn:hover{border-color:var(--royal-lite)}.sql-field-note{color:var(--muted);opacity:.7;font-size:.72rem;line-height:1.4}.sql-warning{color:#fdba74;background:#f9731614;border:1px solid #f9731640;border-radius:8px;padding:.5rem .75rem;font-size:.775rem;line-height:1.4}.sql-example-row{gap:.5rem;display:flex}.sql-example-btn{background:color-mix(in srgb, var(--royal-lite) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 28%, transparent);color:var(--royal-pale);cursor:pointer;border-radius:8px;padding:.38rem .85rem;font-family:DM Mono,monospace;font-size:.75rem;transition:all .15s}.sql-example-btn:hover{color:var(--white);border-color:var(--royal-lite)}.sql-reset-btn{border:1px solid color-mix(in srgb, var(--royal-lite) 14%, transparent);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;padding:.38rem .85rem;font-family:DM Mono,monospace;font-size:.75rem;transition:all .15s}.sql-reset-btn:hover{color:var(--white);border-color:color-mix(in srgb, var(--royal-lite) 30%, transparent)}.sql-preview{background:var(--navy-dark);border:1px solid color-mix(in srgb, var(--royal-lite) 20%, transparent);border-radius:14px;position:sticky;top:1.5rem;overflow:hidden}.sql-preview-head{border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 12%, transparent);background:color-mix(in srgb, var(--royal-lite) 5%, var(--navy-dark));justify-content:space-between;align-items:center;padding:.65rem 1rem;display:flex}.sql-preview-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-family:DM Mono,monospace;font-size:.68rem}.sql-copy-btn{background:color-mix(in srgb, var(--royal-lite) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 22%, transparent);color:var(--royal-pale);cursor:pointer;border-radius:6px;padding:.25rem .65rem;font-family:DM Mono,monospace;font-size:.73rem;transition:all .15s}.sql-copy-btn:disabled{opacity:.4;cursor:default}.sql-copy-btn:not(:disabled):hover{color:var(--white);border-color:var(--royal-lite)}.sql-code{white-space:pre-wrap;word-break:break-word;min-height:120px;color:var(--muted);margin:0;padding:1.1rem 1.25rem;font-family:DM Mono,monospace;font-size:.83rem;line-height:1.75}.sql-kw{color:#93c5fd;font-weight:700}.sql-str{color:#86efac}.sql-num{color:#fdba74}.sql-op{color:#c4b5fd}.sql-id{color:#f8fafc}.sql-punct{color:#64748b}.sql-comment{color:#475569;font-style:italic}.pc-page{min-height:100vh;padding:var(--section-py) var(--pad-x);flex-direction:column;gap:2rem;max-width:1100px;margin:0 auto;display:flex}.pc-header{animation:.4s both fadeUp}.pc-breadcrumb{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem;font-family:DM Mono,monospace;font-size:.72rem;display:block}.pc-title{letter-spacing:-.02em;color:var(--white);margin-bottom:.5rem;font-family:Syne,sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800}.pc-sub{color:var(--muted);font-size:.95rem;line-height:1.6}.pc-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.1rem;animation:.5s 50ms both fadeUp;display:grid}.pc-card{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 20%, transparent);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.pc-card-head{border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 12%, transparent);padding:1.1rem 1.25rem .9rem}.pc-card-title{color:var(--white);margin-bottom:.25rem;font-family:Syne,sans-serif;font-size:1.05rem;font-weight:700}.pc-card-desc{color:var(--muted);font-size:.8rem;line-height:1.45}.pc-card-body{flex-direction:column;flex:1;gap:.85rem;padding:1.1rem 1.25rem;display:flex}.pc-expr{flex-wrap:wrap;align-items:flex-end;gap:.5rem;display:flex}.pc-labeled-input{flex-direction:column;gap:.3rem;display:flex}.pc-input-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.65rem;font-weight:700}.pc-input-wrap{background:color-mix(in srgb, var(--royal-lite) 6%, var(--navy));border:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);border-radius:9px;flex-shrink:0;align-items:center;width:90px;transition:border-color .15s;display:flex;overflow:hidden}.pc-input-wrap--wide{width:120px}.pc-input-wrap:focus-within{border-color:color-mix(in srgb, var(--royal-lite) 50%, transparent)}.pc-input{color:var(--white);text-align:right;background:0 0;border:none;outline:none;width:100%;min-width:0;padding:.6rem .65rem;font-family:DM Mono,monospace;font-size:.92rem}.pc-input::placeholder{color:var(--muted);opacity:.5}.pc-unit{color:var(--muted);flex-shrink:0;padding:0 .55rem 0 0;font-family:DM Mono,monospace;font-size:.8rem;line-height:1}.pc-op{color:var(--muted);white-space:nowrap;flex-shrink:0;padding-bottom:.6rem;font-family:DM Mono,monospace;font-size:.82rem}.pc-toggle-row{gap:.4rem;display:flex}.pc-mode-btn{color:var(--muted);background:color-mix(in srgb, var(--royal-lite) 5%, var(--navy));border:1px solid color-mix(in srgb, var(--royal-lite) 16%, transparent);cursor:pointer;border-radius:7px;padding:.35rem .75rem;font-family:DM Mono,monospace;font-size:.75rem;font-weight:600;transition:all .15s}.pc-mode-btn:hover{color:var(--white)}.pc-mode-btn.active{color:var(--white);background:color-mix(in srgb, var(--royal-lite) 18%, var(--navy-dark));border-color:var(--royal-lite)}.pc-direction{margin:0;font-family:DM Mono,monospace;font-size:.78rem;font-weight:600}.pc-direction--up{color:#4ade80}.pc-direction--down{color:#f87171}.pc-result{border-top:1px solid color-mix(in srgb, var(--royal-lite) 12%, transparent);flex-direction:column;gap:.4rem;margin-top:auto;padding-top:.85rem;display:flex}.pc-result-row{align-items:center;gap:.75rem;display:flex}.pc-result-num{letter-spacing:-.03em;color:var(--white);word-break:break-all;font-family:Syne,sans-serif;font-size:2rem;font-weight:800;line-height:1}.pc-result-num.pc-pos{color:#4ade80}.pc-result-num.pc-neg{color:#f87171}.pc-result-empty{color:var(--muted);opacity:.35;font-family:DM Mono,monospace;font-size:1.6rem}.pc-copy-btn{background:color-mix(in srgb, var(--royal-lite) 8%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 20%, transparent);color:var(--muted);cursor:pointer;border-radius:6px;flex-shrink:0;padding:.2rem .55rem;font-family:DM Mono,monospace;font-size:.7rem;transition:all .15s}.pc-copy-btn:hover{color:var(--white);border-color:color-mix(in srgb, var(--royal-lite) 45%, transparent)}.pc-formula{color:var(--muted);opacity:.6;word-break:break-all;margin:0;font-family:DM Mono,monospace;font-size:.7rem;line-height:1.4}@media (width<=600px){.pc-page{gap:1.25rem;padding:1.5rem 1rem}.pc-grid{grid-template-columns:1fr}.pc-expr{flex-direction:column;align-items:stretch}.pc-input-wrap,.pc-input-wrap--wide{width:100%}.pc-op{padding-bottom:0}}.cs-page{min-height:100vh;padding:var(--section-py) var(--pad-x);flex-direction:column;gap:1.25rem;max-width:1200px;margin:0 auto;display:flex}.cs-header{animation:.4s both fadeUp}.cs-breadcrumb{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem;font-family:DM Mono,monospace;font-size:.72rem;display:block}.cs-title{letter-spacing:-.02em;color:var(--white);margin-bottom:.5rem;font-family:Syne,sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800}.cs-sub{color:var(--muted);max-width:640px;font-size:.95rem;line-height:1.6}.cs-presets{flex-wrap:wrap;align-items:center;gap:.5rem;animation:.45s 40ms both fadeUp;display:flex}.cs-presets-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-shrink:0;font-family:DM Mono,monospace;font-size:.7rem}.cs-preset-btn{background:color-mix(in srgb, var(--cath) 12%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--cath) 30%, transparent);color:var(--cath-lite);cursor:pointer;border-radius:7px;padding:.32rem .75rem;font-family:DM Mono,monospace;font-size:.75rem;font-weight:600;transition:all .15s}.cs-preset-btn:hover{background:color-mix(in srgb, var(--cath) 20%, var(--navy-dark));border-color:var(--cath);color:var(--white)}.cs-preset-btn--ghost{border-color:color-mix(in srgb, var(--royal-lite) 20%, transparent);color:var(--muted);background:0 0}.cs-preset-btn--ghost:hover{border-color:color-mix(in srgb, var(--royal-lite) 40%, transparent);color:var(--white);background:0 0}.cs-workspace{grid-template-columns:1fr 1fr;align-items:start;gap:1.1rem;animation:.5s 70ms both fadeUp;display:grid}@media (width<=800px){.cs-workspace{grid-template-columns:1fr}}@media (width<=600px){.cs-page{gap:1rem;padding:1.5rem 1rem}.cs-presets{gap:.35rem}.cs-custom-input{box-sizing:border-box;width:100%}.cs-opt-group{flex-direction:column;align-items:flex-start;gap:.3rem}.cs-opt-group--toggles{flex-flow:wrap}.cs-panel-foot{padding:.6rem .75rem}.cs-textarea{min-height:200px}}.cs-panel{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 20%, transparent);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.cs-panel-head{border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 14%, transparent);background:color-mix(in srgb, var(--royal-lite) 4%, transparent);align-items:center;gap:.6rem;padding:.65rem 1rem;display:flex}.cs-panel-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);flex:1;font-family:DM Mono,monospace;font-size:.7rem;font-weight:700}.cs-detected{color:var(--royal-lite);opacity:.8;font-family:DM Mono,monospace;font-size:.68rem}.cs-count{color:var(--muted);font-family:DM Mono,monospace;font-size:.72rem}.cs-clear-btn{color:var(--muted);cursor:pointer;opacity:.5;background:0 0;border:none;padding:.15rem .3rem;font-family:DM Mono,monospace;font-size:.7rem;transition:opacity .15s}.cs-clear-btn:hover{opacity:1}.cs-copy-btn{background:color-mix(in srgb, var(--royal-lite) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 22%, transparent);color:var(--royal-pale);cursor:pointer;border-radius:6px;padding:.22rem .65rem;font-family:DM Mono,monospace;font-size:.73rem;transition:all .15s}.cs-copy-btn:disabled{opacity:.35;cursor:default}.cs-copy-btn:not(:disabled):hover{color:var(--white);border-color:var(--royal-lite)}.cs-textarea{color:var(--white);resize:none;box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;min-height:280px;padding:1rem;font-family:DM Mono,monospace;font-size:.83rem;line-height:1.7}.cs-textarea::placeholder{color:var(--muted);opacity:.45}.cs-textarea--output{color:var(--royal-pale);cursor:default}.cs-panel-foot{border-top:1px solid color-mix(in srgb, var(--royal-lite) 12%, transparent);background:color-mix(in srgb, var(--royal-lite) 3%, transparent);flex-direction:column;gap:.55rem;padding:.75rem 1rem;display:flex}.cs-panel-foot--options{gap:.7rem}.cs-opt-group{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.cs-opt-group--toggles{gap:.9rem;padding-top:.2rem}.cs-opt-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-shrink:0;min-width:60px;font-family:DM Mono,monospace;font-size:.65rem;font-weight:700}.cs-pills{flex-wrap:wrap;gap:.3rem;display:flex}.cs-pill{color:var(--muted);border:1px solid color-mix(in srgb, var(--royal-lite) 16%, transparent);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;padding:.22rem .55rem;font-family:DM Sans,sans-serif;font-size:.73rem;font-weight:500;transition:all .12s}.cs-pill--mono{font-family:DM Mono,monospace}.cs-pill:hover{color:var(--white);border-color:color-mix(in srgb, var(--royal-lite) 40%, transparent)}.cs-pill--active{color:var(--white);background:color-mix(in srgb, var(--royal-lite) 18%, var(--navy-dark));border-color:var(--royal-lite)}.cs-custom-input{background:color-mix(in srgb, var(--royal-lite) 6%, var(--navy));border:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);color:var(--white);border-radius:7px;outline:none;width:140px;padding:.3rem .6rem;font-family:DM Mono,monospace;font-size:.8rem;transition:border-color .15s}.cs-custom-input:focus{border-color:color-mix(in srgb, var(--royal-lite) 50%, transparent)}.cs-custom-input::placeholder{color:var(--muted);opacity:.5}.cs-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.45rem;display:flex}.cs-toggle input{display:none}.cs-toggle-track{background:color-mix(in srgb, var(--royal-lite) 15%, var(--navy));border:1px solid color-mix(in srgb, var(--royal-lite) 20%, transparent);border-radius:99px;flex-shrink:0;width:32px;height:17px;transition:background .2s,border-color .2s;position:relative}.cs-toggle-track:after{content:"";background:var(--muted);border-radius:50%;width:11px;height:11px;transition:transform .18s,background .18s;position:absolute;top:2px;left:2px}.cs-toggle input:checked~.cs-toggle-track{background:color-mix(in srgb, var(--royal-lite) 30%, var(--navy));border-color:var(--royal-lite)}.cs-toggle input:checked~.cs-toggle-track:after{background:var(--royal-lite);transform:translate(15px)}.cs-toggle-label{color:var(--white);font-size:.75rem}.dj-page{min-height:100vh;padding:var(--section-py) var(--pad-x);flex-direction:column;gap:1.5rem;max-width:1300px;margin:0 auto;display:flex}.dj-auth-banner{color:var(--muted);background:#e85f0a14;border:1px solid #e85f0a40;border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;font-size:.85rem;animation:.4s both fadeUp;display:flex}.dj-auth-banner .btn-primary{flex-shrink:0;padding:.4rem 1rem;font-size:.82rem}.dj-header{animation:.4s both fadeUp}.dj-breadcrumb{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem;font-family:DM Mono,monospace;font-size:.72rem;display:block}.dj-title{letter-spacing:-.02em;color:var(--white);margin-bottom:.5rem;font-family:Syne,sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800}.dj-sub{color:var(--muted);max-width:580px;font-size:.95rem;line-height:1.6}.dj-layout{grid-template-columns:340px 1fr;align-items:start;gap:1.1rem;animation:.45s 50ms both fadeUp;display:grid}@media (width<=860px){.dj-layout{grid-template-columns:1fr}}@media (width<=600px){.dj-page{gap:1rem;padding:1.5rem 1rem}.dj-auth-banner{flex-direction:column;align-items:flex-start}.dj-auth-banner .btn-primary{text-align:center;width:100%}.dj-panel-head{flex-wrap:wrap;gap:.5rem;padding:.65rem .85rem}.dj-panel-actions{flex-wrap:wrap;gap:.35rem}.dj-list{max-height:45vh}.dj-form{padding:.85rem}.dj-form-row{gap:1rem}.dj-sidebar-top{padding:.75rem .75rem 0}}.dj-sidebar{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.dj-sidebar-top{gap:.5rem;padding:.85rem .85rem 0;display:flex}.dj-search{background:color-mix(in srgb, var(--royal-lite) 8%, var(--navy));border:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);color:var(--white);border-radius:8px;outline:none;flex:1;padding:.45rem .75rem;font-family:DM Sans,sans-serif;font-size:.83rem;transition:border-color .15s}.dj-search:focus{border-color:color-mix(in srgb, var(--royal-lite) 45%, transparent)}.dj-search::placeholder{color:var(--muted);opacity:.5}.dj-new-btn{white-space:nowrap;border-radius:8px;flex-shrink:0;padding:.45rem .9rem;font-size:.8rem}.dj-filter-row{flex-wrap:wrap;gap:.35rem;padding:.6rem .85rem 0;display:flex}.dj-filter-pill{letter-spacing:.04em;border:1px solid color-mix(in srgb, var(--pill-color,var(--royal-lite)) 20%, transparent);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;padding:.22rem .55rem;font-family:DM Mono,monospace;font-size:.68rem;font-weight:600;transition:all .12s}.dj-filter-pill:hover{color:var(--pill-color,var(--royal-lite));border-color:color-mix(in srgb, var(--pill-color,var(--royal-lite)) 50%, transparent)}.dj-filter-pill.active{color:var(--white);background:color-mix(in srgb, var(--pill-color,var(--royal-lite)) 18%, var(--navy-dark));border-color:var(--pill-color,var(--royal-lite))}.dj-filter-meta{color:var(--muted);align-items:center;gap:.5rem;padding:.4rem .85rem 0;font-family:DM Mono,monospace;font-size:.68rem;display:flex}.dj-clear-filters{color:var(--muted);cursor:pointer;opacity:.6;background:0 0;border:none;padding:0;font-family:DM Mono,monospace;font-size:.68rem;text-decoration:underline;transition:opacity .12s}.dj-clear-filters:hover{opacity:1}.dj-list{flex-direction:column;gap:.35rem;max-height:70vh;padding:.5rem .55rem .75rem;display:flex;overflow-y:auto}.dj-empty-list{text-align:center;color:var(--muted);padding:2rem 1rem;font-size:.88rem}.dj-empty-cta{color:var(--royal-lite);cursor:pointer;background:0 0;border:none;margin-top:.5rem;padding:0;font-family:DM Mono,monospace;font-size:.8rem;transition:opacity .12s}.dj-empty-cta:hover{opacity:.75}.dj-entry-card{text-align:left;border:1px solid color-mix(in srgb, var(--royal-lite) 12%, transparent);cursor:pointer;background:0 0;border-radius:10px;flex-direction:column;gap:.35rem;width:100%;padding:.65rem .8rem;transition:all .12s;display:flex}.dj-entry-card:hover{background:color-mix(in srgb, var(--royal-lite) 6%, transparent);border-color:color-mix(in srgb, var(--royal-lite) 28%, transparent)}.dj-entry-card--active{background:color-mix(in srgb, var(--royal-lite) 10%, var(--navy-dark));border-color:color-mix(in srgb, var(--royal-lite) 40%, transparent)}.dj-entry-card-top{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.dj-entry-title{color:var(--white);font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600;line-height:1.3}.dj-entry-date{color:var(--muted);opacity:.7;flex-shrink:0;font-family:DM Mono,monospace;font-size:.65rem}.dj-entry-card-meta{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.dj-status-badge,.dj-sev-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--badge-color);background:color-mix(in srgb, var(--badge-color) 12%, transparent);border:1px solid color-mix(in srgb, var(--badge-color) 28%, transparent);border-radius:4px;padding:.15rem .4rem;font-family:DM Mono,monospace;font-size:.6rem;font-weight:700}.dj-tag{color:var(--muted);background:color-mix(in srgb, var(--royal-lite) 8%, transparent);border:1px solid color-mix(in srgb, var(--royal-lite) 15%, transparent);border-radius:4px;padding:.1rem .35rem;font-family:DM Mono,monospace;font-size:.62rem}.dj-entry-snippet{color:var(--muted);opacity:.7;margin:0;font-size:.75rem;line-height:1.5}.dj-right{flex-direction:column;display:flex}.dj-welcome{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:300px;display:flex}.dj-welcome-text{color:var(--muted);font-size:.9rem}.dj-panel{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.dj-panel-head{border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 14%, transparent);background:color-mix(in srgb, var(--royal-lite) 4%, transparent);justify-content:space-between;align-items:center;padding:.75rem 1.1rem;display:flex}.dj-panel-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-family:DM Mono,monospace;font-size:.7rem;font-weight:700}.dj-panel-actions{align-items:center;gap:.5rem;display:flex}.dj-save-btn{border-radius:7px;padding:.35rem 1rem;font-size:.8rem}.dj-save-btn:disabled{opacity:.4;cursor:default}.dj-delete-btn{color:color-mix(in srgb, #ef4444 60%, var(--muted));cursor:pointer;background:0 0;border:1px solid #ef444440;border-radius:7px;padding:.35rem .75rem;font-family:DM Mono,monospace;font-size:.72rem;transition:all .15s}.dj-delete-btn:hover{color:#ef4444;background:#ef44441f;border-color:#ef4444}.dj-delete-btn--confirm{color:#ef4444;background:#ef444426;border-color:#ef4444}.dj-cancel-btn{border:1px solid color-mix(in srgb, var(--royal-lite) 20%, transparent);color:var(--muted);cursor:pointer;background:0 0;border-radius:7px;padding:.35rem .6rem;font-family:DM Mono,monospace;font-size:.72rem;transition:all .15s}.dj-cancel-btn:hover{color:var(--white);border-color:color-mix(in srgb, var(--royal-lite) 40%, transparent)}.dj-form-footer{justify-content:flex-end;padding-top:.25rem;display:flex}.dj-form-footer .dj-save-btn{border-radius:8px;width:100%;padding:.55rem 1.5rem;font-size:.88rem}.dj-close-btn{color:var(--muted);cursor:pointer;opacity:.5;background:0 0;border:none;padding:.25rem .4rem;font-size:.85rem;transition:opacity .12s}.dj-close-btn:hover{opacity:1}.dj-form{flex-direction:column;gap:1.1rem;max-height:calc(70vh + 2rem);padding:1.1rem;display:flex;overflow-y:auto}.dj-form-title-input{border:none;border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);color:var(--white);background:0 0;outline:none;width:100%;padding:0 0 .6rem;font-family:Syne,sans-serif;font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:700;transition:border-color .15s}.dj-form-title-input:focus{border-color:color-mix(in srgb, var(--royal-lite) 45%, transparent)}.dj-form-title-input::placeholder{color:var(--muted);opacity:.4}.dj-form-row{flex-wrap:wrap;gap:1.5rem;display:flex}.dj-form-group{flex-direction:column;gap:.45rem;display:flex}.dj-form-label{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-family:DM Mono,monospace;font-size:.65rem;font-weight:700}.dj-pills{flex-wrap:wrap;gap:.3rem;display:flex}.dj-pill{border:1px solid color-mix(in srgb, var(--pill-color,var(--royal-lite)) 18%, transparent);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;padding:.25rem .6rem;font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:500;transition:all .12s}.dj-pill:hover{color:var(--pill-color,var(--royal-lite));border-color:color-mix(in srgb, var(--pill-color,var(--royal-lite)) 45%, transparent)}.dj-pill--active{color:var(--white);background:color-mix(in srgb, var(--pill-color,var(--royal-lite)) 18%, var(--navy-dark));border-color:var(--pill-color,var(--royal-lite))}.dj-pill--tag{font-size:.72rem}.dj-tag-presets{flex-wrap:wrap;gap:.3rem;display:flex}.dj-tag-custom-row{gap:.4rem;margin-top:.35rem;display:flex}.dj-tag-input{background:color-mix(in srgb, var(--royal-lite) 6%, var(--navy));border:1px solid color-mix(in srgb, var(--royal-lite) 16%, transparent);color:var(--white);border-radius:7px;outline:none;width:160px;padding:.3rem .65rem;font-family:DM Mono,monospace;font-size:.78rem;transition:border-color .15s}.dj-tag-input:focus{border-color:color-mix(in srgb, var(--royal-lite) 45%, transparent)}.dj-tag-input::placeholder{color:var(--muted);opacity:.45}.dj-tag-add-btn{background:color-mix(in srgb, var(--royal-lite) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 22%, transparent);color:var(--royal-lite);cursor:pointer;border-radius:7px;padding:.3rem .7rem;font-family:DM Mono,monospace;font-size:.72rem;font-weight:600;transition:all .12s}.dj-tag-add-btn:hover{color:var(--white);border-color:var(--royal-lite)}.dj-selected-tags{flex-wrap:wrap;gap:.35rem;margin-top:.35rem;display:flex}.dj-tag--removable{align-items:center;gap:.2rem;font-size:.72rem;display:inline-flex}.dj-tag-remove{color:var(--muted);cursor:pointer;opacity:.6;background:0 0;border:none;padding:0 .1rem;font-size:.75rem;line-height:1;transition:opacity .12s}.dj-tag-remove:hover{opacity:1}.dj-textarea{background:color-mix(in srgb, var(--royal-lite) 5%, var(--navy));border:1px solid color-mix(in srgb, var(--royal-lite) 14%, transparent);color:var(--white);resize:vertical;box-sizing:border-box;border-radius:10px;outline:none;width:100%;padding:.75rem .9rem;font-family:DM Sans,sans-serif;font-size:.875rem;line-height:1.65;transition:border-color .15s}.dj-textarea:focus{border-color:color-mix(in srgb, var(--royal-lite) 40%, transparent)}.dj-textarea::placeholder{color:var(--muted);opacity:.45}.dj-textarea--solution{font-family:DM Mono,monospace;font-size:.83rem}.dj-textarea--solution.dj-textarea--has-value{background:color-mix(in srgb, #22c55e 5%, var(--navy));border-color:#22c55e40}.iv-page{min-height:100vh;padding:var(--section-py) var(--pad-x);flex-direction:column;gap:1.25rem;max-width:1400px;margin:0 auto;display:flex}.iv-auth-banner{color:var(--muted);background:#e85f0a14;border:1px solid #e85f0a40;border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;font-size:.85rem;animation:.4s both fadeUp;display:flex}.iv-auth-banner .btn-primary{flex-shrink:0;padding:.4rem 1rem;font-size:.82rem}.iv-header{animation:.4s both fadeUp}.iv-breadcrumb{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem;font-family:DM Mono,monospace;font-size:.72rem;display:block}.iv-title{letter-spacing:-.02em;color:var(--white);margin-bottom:.5rem;font-family:Syne,sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800}.iv-sub{color:var(--muted);max-width:560px;font-size:.95rem;line-height:1.6}.iv-capture-wrap{gap:.6rem;animation:.42s 40ms both fadeUp;display:flex}.iv-capture{background:color-mix(in srgb, var(--royal-lite) 7%, var(--navy));border:1px solid color-mix(in srgb, var(--royal-lite) 20%, transparent);color:var(--white);border-radius:10px;outline:none;flex:1;padding:.7rem 1rem;font-family:DM Sans,sans-serif;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.iv-capture:focus{border-color:color-mix(in srgb, var(--royal-lite) 50%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--royal-lite) 8%, transparent)}.iv-capture::placeholder{color:var(--muted);opacity:.5}.iv-capture-btn{white-space:nowrap;border-radius:10px;flex-shrink:0;padding:.7rem 1.25rem;font-size:.85rem}.iv-bar{flex-wrap:wrap;align-items:center;gap:.75rem;animation:.44s 60ms both fadeUp;display:flex}.iv-search{background:color-mix(in srgb, var(--royal-lite) 6%, var(--navy));border:1px solid color-mix(in srgb, var(--royal-lite) 16%, transparent);color:var(--white);border-radius:8px;outline:none;width:180px;padding:.42rem .8rem;font-family:DM Sans,sans-serif;font-size:.83rem;transition:border-color .15s}.iv-search:focus{border-color:color-mix(in srgb, var(--royal-lite) 40%, transparent)}.iv-search::placeholder{color:var(--muted);opacity:.45}.iv-bar-right{flex-wrap:wrap;flex:1;align-items:center;gap:.75rem;display:flex}.iv-filter-group,.iv-sort-group{flex-wrap:wrap;gap:.3rem;display:flex}.iv-filter-pill{letter-spacing:.04em;border:1px solid color-mix(in srgb, var(--pill-color,var(--royal-lite)) 22%, transparent);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;padding:.24rem .6rem;font-family:DM Mono,monospace;font-size:.68rem;font-weight:600;transition:all .12s}.iv-filter-pill:hover{color:var(--pill-color,var(--white));border-color:color-mix(in srgb, var(--pill-color,var(--royal-lite)) 55%, transparent)}.iv-filter-pill.active{color:var(--white);background:color-mix(in srgb, var(--pill-color,var(--royal-lite)) 18%, var(--navy-dark));border-color:var(--pill-color,var(--royal-lite))}.iv-sort-btn{border:1px solid color-mix(in srgb, var(--royal-lite) 14%, transparent);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;padding:.24rem .6rem;font-family:DM Mono,monospace;font-size:.68rem;transition:all .12s}.iv-sort-btn:hover{color:var(--white);border-color:color-mix(in srgb, var(--royal-lite) 35%, transparent)}.iv-sort-btn.active{color:var(--royal-lite);border-color:color-mix(in srgb, var(--royal-lite) 40%, transparent);background:color-mix(in srgb, var(--royal-lite) 8%, transparent)}.iv-new-btn{white-space:nowrap;border-radius:8px;flex-shrink:0;margin-left:auto;padding:.42rem 1rem;font-size:.82rem}.iv-layout{flex-direction:column;gap:1.1rem;animation:.48s 80ms both fadeUp;display:flex}.iv-layout--split{flex-direction:row;align-items:start}.iv-grid-wrap{flex:1;min-width:0}.iv-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.85rem;display:grid}.iv-grid--narrow{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.iv-empty{text-align:center;color:var(--muted);padding:3rem 1rem;font-size:.9rem;line-height:1.8}.iv-empty strong{color:var(--white)}.iv-empty-sub{opacity:.7;max-width:440px;margin:.5rem auto 0;font-size:.82rem}.iv-card{background:color-mix(in srgb, var(--royal) 8%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 14%, transparent);text-align:left;cursor:pointer;border-radius:14px;flex-direction:column;gap:.55rem;padding:1rem;transition:all .14s;display:flex}.iv-card:hover{background:color-mix(in srgb, var(--royal-lite) 10%, var(--navy-dark));border-color:color-mix(in srgb, var(--royal-lite) 30%, transparent);transform:translateY(-2px)}.iv-card--active{background:color-mix(in srgb, var(--royal-lite) 12%, var(--navy-dark));border-color:color-mix(in srgb, var(--royal-lite) 45%, transparent);transform:translateY(-2px)}.iv-card-head{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.iv-card-status{letter-spacing:.07em;text-transform:uppercase;color:var(--badge-color);background:color-mix(in srgb, var(--badge-color) 12%, transparent);border:1px solid color-mix(in srgb, var(--badge-color) 30%, transparent);border-radius:4px;padding:.14rem .4rem;font-family:DM Mono,monospace;font-size:.6rem;font-weight:700}.iv-card-cat{color:var(--muted);opacity:.7;font-family:DM Mono,monospace;font-size:.62rem}.iv-card-title{color:var(--white);margin:0;font-family:Syne,sans-serif;font-size:.95rem;font-weight:700;line-height:1.3}.iv-card-desc{color:var(--muted);margin:0;font-size:.78rem;line-height:1.55}.iv-card-foot{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:auto;display:flex}.iv-card-tags{flex-wrap:wrap;flex:1;gap:.25rem;display:flex}.iv-tag{color:var(--muted);background:color-mix(in srgb, var(--royal-lite) 8%, transparent);border:1px solid color-mix(in srgb, var(--royal-lite) 14%, transparent);border-radius:4px;padding:.1rem .32rem;font-family:DM Mono,monospace;font-size:.6rem}.iv-card-date{color:var(--muted);opacity:.55;flex-shrink:0;margin-left:auto;font-family:DM Mono,monospace;font-size:.6rem}.iv-excitement-picker,.iv-excitement-display{align-items:center;gap:.3rem;display:flex}.iv-dot{border:1.5px solid color-mix(in srgb, var(--royal-lite) 35%, transparent);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;width:12px;height:12px;padding:0;transition:all .12s}.iv-dot--sm{pointer-events:none;cursor:default;width:8px;height:8px}.iv-dot--filled{background:var(--cath);border-color:var(--cath)}.iv-excitement-picker .iv-dot:hover{border-color:var(--cath);background:color-mix(in srgb, var(--cath) 30%, transparent)}.iv-panel{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);border-radius:16px;flex-direction:column;flex-shrink:0;width:400px;display:flex;position:sticky;top:1.5rem;overflow:hidden}@media (width<=900px){.iv-layout--split{flex-direction:column}.iv-panel{width:100%;position:static}}@media (width<=600px){.iv-page{gap:1rem;padding:1.5rem 1rem}.iv-auth-banner{flex-direction:column;align-items:flex-start}.iv-auth-banner .btn-primary{text-align:center;width:100%}.iv-capture-wrap{flex-direction:column}.iv-capture-btn{width:100%}.iv-bar{flex-direction:column;align-items:stretch;gap:.5rem}.iv-search{box-sizing:border-box;width:100%}.iv-bar-right{flex-direction:column;align-items:stretch}.iv-new-btn{width:100%;margin-left:0}.iv-panel-head{flex-wrap:wrap;gap:.5rem;padding:.65rem .85rem}.iv-panel-actions{flex-wrap:wrap;gap:.35rem}.iv-form{padding:.85rem}}.iv-panel-head{border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 14%, transparent);background:color-mix(in srgb, var(--royal-lite) 4%, transparent);justify-content:space-between;align-items:center;padding:.75rem 1.1rem;display:flex}.iv-panel-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-family:DM Mono,monospace;font-size:.7rem;font-weight:700}.iv-panel-actions{align-items:center;gap:.5rem;display:flex}.iv-save-btn{border-radius:7px;padding:.35rem 1rem;font-size:.8rem}.iv-save-btn:disabled{opacity:.4;cursor:default}.iv-delete-btn{color:color-mix(in srgb, #ef4444 60%, var(--muted));cursor:pointer;background:0 0;border:1px solid #ef444440;border-radius:7px;padding:.35rem .75rem;font-family:DM Mono,monospace;font-size:.72rem;transition:all .15s}.iv-delete-btn:hover{color:#ef4444;background:#ef44441f;border-color:#ef4444}.iv-delete-btn--confirm{color:#ef4444;background:#ef444426;border-color:#ef4444}.iv-cancel-btn{border:1px solid color-mix(in srgb, var(--royal-lite) 20%, transparent);color:var(--muted);cursor:pointer;background:0 0;border-radius:7px;padding:.35rem .6rem;font-family:DM Mono,monospace;font-size:.72rem;transition:all .15s}.iv-cancel-btn:hover{color:var(--white);border-color:color-mix(in srgb, var(--royal-lite) 40%, transparent)}.iv-form-footer{justify-content:flex-end;padding-top:.25rem;display:flex}.iv-form-footer .iv-save-btn{border-radius:8px;width:100%;padding:.55rem 1.5rem;font-size:.88rem}.iv-close-btn{color:var(--muted);cursor:pointer;opacity:.5;background:0 0;border:none;padding:.25rem .4rem;font-size:.85rem;transition:opacity .12s}.iv-close-btn:hover{opacity:1}.iv-form{flex-direction:column;gap:1rem;max-height:calc(100vh - 200px);padding:1.1rem;display:flex;overflow-y:auto}.iv-form-title{border:none;border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);color:var(--white);background:0 0;outline:none;width:100%;padding:0 0 .6rem;font-family:Syne,sans-serif;font-size:clamp(1rem,2.5vw,1.35rem);font-weight:700;transition:border-color .15s}.iv-form-title:focus{border-color:color-mix(in srgb, var(--royal-lite) 45%, transparent)}.iv-form-title::placeholder{color:var(--muted);opacity:.4}.iv-form-row{flex-direction:column;gap:.85rem;display:flex}.iv-form-group{flex-direction:column;gap:.45rem;display:flex}.iv-form-label{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-family:DM Mono,monospace;font-size:.65rem;font-weight:700}.iv-pills{flex-wrap:wrap;gap:.3rem;display:flex}.iv-pill{border:1px solid color-mix(in srgb, var(--pill-color,var(--royal-lite)) 18%, transparent);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;padding:.24rem .58rem;font-family:DM Sans,sans-serif;font-size:.73rem;font-weight:500;transition:all .12s}.iv-pill:hover{color:var(--pill-color,var(--white));border-color:color-mix(in srgb, var(--pill-color,var(--royal-lite)) 45%, transparent)}.iv-pill--active{color:var(--white);background:color-mix(in srgb, var(--pill-color,var(--royal-lite)) 18%, var(--navy-dark));border-color:var(--pill-color,var(--royal-lite))}.iv-pill--tag{font-size:.7rem}.iv-select-wrap{position:relative}.iv-select{background:color-mix(in srgb, var(--royal-lite) 7%, var(--navy));border:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);color:var(--white);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238A8FA8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .65rem center;background-repeat:no-repeat;border-radius:8px;outline:none;padding:.38rem 2rem .38rem .7rem;font-family:DM Sans,sans-serif;font-size:.82rem;transition:border-color .15s}.iv-select:focus{border-color:color-mix(in srgb, var(--royal-lite) 45%, transparent)}.iv-select option{background:var(--navy-dark)}.iv-tag-presets{flex-wrap:wrap;gap:.3rem;display:flex}.iv-tag-custom-row{gap:.4rem;margin-top:.3rem;display:flex}.iv-tag-input{background:color-mix(in srgb, var(--royal-lite) 6%, var(--navy));border:1px solid color-mix(in srgb, var(--royal-lite) 16%, transparent);color:var(--white);border-radius:7px;outline:none;width:140px;padding:.3rem .65rem;font-family:DM Mono,monospace;font-size:.78rem;transition:border-color .15s}.iv-tag-input:focus{border-color:color-mix(in srgb, var(--royal-lite) 45%, transparent)}.iv-tag-input::placeholder{color:var(--muted);opacity:.45}.iv-tag-add-btn{background:color-mix(in srgb, var(--royal-lite) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 22%, transparent);color:var(--royal-lite);cursor:pointer;border-radius:7px;padding:.3rem .7rem;font-family:DM Mono,monospace;font-size:.72rem;font-weight:600;transition:all .12s}.iv-tag-add-btn:hover{color:var(--white);border-color:var(--royal-lite)}.iv-selected-tags{flex-wrap:wrap;gap:.35rem;margin-top:.3rem;display:flex}.iv-tag--removable{align-items:center;gap:.2rem;display:inline-flex}.iv-tag-remove{color:var(--muted);cursor:pointer;opacity:.6;background:0 0;border:none;padding:0 .1rem;font-size:.75rem;line-height:1;transition:opacity .12s}.iv-tag-remove:hover{opacity:1}.iv-textarea{background:color-mix(in srgb, var(--royal-lite) 5%, var(--navy));border:1px solid color-mix(in srgb, var(--royal-lite) 14%, transparent);color:var(--white);resize:vertical;box-sizing:border-box;border-radius:10px;outline:none;width:100%;padding:.7rem .85rem;font-family:DM Sans,sans-serif;font-size:.85rem;line-height:1.65;transition:border-color .15s}.iv-textarea:focus{border-color:color-mix(in srgb, var(--royal-lite) 40%, transparent)}.iv-textarea::placeholder{color:var(--muted);opacity:.45}.iv-textarea--notes{font-family:DM Mono,monospace;font-size:.8rem}.st-page{min-height:100vh;padding:var(--section-py) var(--pad-x);flex-direction:column;gap:1.25rem;max-width:1300px;margin:0 auto;display:flex}.st-auth-banner{color:var(--muted);background:#e85f0a14;border:1px solid #e85f0a40;border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;font-size:.85rem;animation:.4s both fadeUp;display:flex}.st-auth-banner .btn-primary{flex-shrink:0;padding:.4rem 1rem;font-size:.82rem}.st-header{animation:.4s both fadeUp}.st-breadcrumb{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem;font-family:DM Mono,monospace;font-size:.72rem;display:block}.st-title{letter-spacing:-.02em;color:var(--white);margin-bottom:.5rem;font-family:Syne,sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800}.st-sub{color:var(--muted);max-width:560px;font-size:.95rem;line-height:1.6}.st-stats{background:color-mix(in srgb, var(--royal-lite) 5%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 12%, transparent);border-radius:12px;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1.1rem;animation:.42s 40ms both fadeUp;display:flex}.st-stat-total{color:var(--white);flex-shrink:0;font-family:Syne,sans-serif;font-size:1rem;font-weight:700}.st-stat-divider{background:color-mix(in srgb, var(--royal-lite) 20%, transparent);flex-shrink:0;width:1px;height:16px}.st-stat-badge{color:var(--badge-color);align-items:center;gap:.35rem;font-family:DM Mono,monospace;font-size:.72rem;display:flex}.st-stat-dot{background:var(--badge-color);border-radius:50%;flex-shrink:0;width:7px;height:7px}.st-stat-empty{color:var(--muted);opacity:.6;font-family:DM Mono,monospace;font-size:.72rem}.st-bar{flex-wrap:wrap;align-items:center;gap:.75rem;animation:.44s 60ms both fadeUp;display:flex}.st-search{background:color-mix(in srgb, var(--royal-lite) 6%, var(--navy));border:1px solid color-mix(in srgb, var(--royal-lite) 16%, transparent);color:var(--white);border-radius:8px;outline:none;flex-shrink:0;width:180px;padding:.42rem .8rem;font-family:DM Sans,sans-serif;font-size:.83rem;transition:border-color .15s}.st-search:focus{border-color:color-mix(in srgb, var(--royal-lite) 40%, transparent)}.st-search::placeholder{color:var(--muted);opacity:.45}.st-category-pills{flex-wrap:wrap;flex:1;gap:.3rem;display:flex}.st-cat-pill{border:1px solid color-mix(in srgb, var(--royal-lite) 15%, transparent);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.3rem;padding:.24rem .55rem;font-family:DM Mono,monospace;font-size:.68rem;font-weight:600;transition:all .12s;display:flex}.st-cat-pill:hover{color:var(--white);border-color:color-mix(in srgb, var(--royal-lite) 35%, transparent)}.st-cat-pill.active{color:var(--white);background:color-mix(in srgb, var(--royal-lite) 15%, var(--navy-dark));border-color:var(--royal-lite)}.st-cat-count{opacity:.6;background:color-mix(in srgb, var(--royal-lite) 15%, transparent);border-radius:3px;padding:.05rem .3rem;font-size:.6rem}.st-bar-right{flex-shrink:0;align-items:center;gap:.6rem;margin-left:auto;display:flex}.st-status-filters{flex-wrap:wrap;gap:.3rem;display:flex}.st-status-pill{border:1px solid color-mix(in srgb, var(--pill-color) 22%, transparent);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;padding:.22rem .55rem;font-family:DM Mono,monospace;font-size:.66rem;font-weight:600;transition:all .12s}.st-status-pill:hover{color:var(--pill-color);border-color:color-mix(in srgb, var(--pill-color) 55%, transparent)}.st-status-pill.active{color:var(--white);background:color-mix(in srgb, var(--pill-color) 18%, var(--navy-dark));border-color:var(--pill-color)}.st-add-btn{white-space:nowrap;border-radius:8px;padding:.42rem 1rem;font-size:.82rem}.st-layout{align-items:start;gap:1.1rem;animation:.48s 80ms both fadeUp;display:flex}.st-list-wrap{flex:1;min-width:0}@media (width<=860px){.st-layout{flex-direction:column}.st-bar-right{flex-wrap:wrap}}@media (width<=600px){.st-page{gap:1rem;padding:1.5rem 1rem}.st-auth-banner{flex-direction:column;align-items:flex-start}.st-auth-banner .btn-primary{text-align:center;width:100%}.st-bar{flex-direction:column;align-items:stretch}.st-search{box-sizing:border-box;width:100%}.st-bar-right{flex-direction:column;align-items:stretch;margin-left:0}.st-add-btn{width:100%}.st-panel-head{flex-wrap:wrap;gap:.5rem;padding:.65rem .85rem}.st-panel-actions{flex-wrap:wrap;gap:.35rem}.st-form{padding:.85rem}.st-row{grid-template-columns:auto 1fr auto}.st-row-since,.st-row-note-dot{display:none}}.st-empty{text-align:center;color:var(--muted);padding:3rem 1rem;font-size:.9rem;line-height:1.8}.st-empty-sub{opacity:.7;max-width:400px;margin:.4rem auto 0;font-size:.82rem}.st-empty strong{color:var(--white)}.st-groups{flex-direction:column;gap:.6rem;display:flex}.st-group{background:color-mix(in srgb, var(--royal) 8%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 13%, transparent);border-radius:14px;overflow:hidden}.st-group-header{background:color-mix(in srgb, var(--royal-lite) 5%, transparent);border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 10%, transparent);justify-content:space-between;align-items:center;padding:.55rem 1rem;display:flex}.st-group-name{letter-spacing:.1em;text-transform:uppercase;color:var(--royal-lite);font-family:DM Mono,monospace;font-size:.68rem;font-weight:700}.st-group-count{color:var(--muted);opacity:.6;font-family:DM Mono,monospace;font-size:.65rem}.st-rows{flex-direction:column;display:flex}.st-row{border:none;border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 7%, transparent);text-align:left;cursor:pointer;background:0 0;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:.75rem;padding:.6rem 1rem;transition:background .12s;display:grid}.st-rows .st-row:last-child{border-bottom:none}.st-row:hover{background:color-mix(in srgb, var(--royal-lite) 5%, transparent)}.st-row--active{background:color-mix(in srgb, var(--royal-lite) 9%, transparent)}.st-row-name{color:var(--white);white-space:nowrap;text-overflow:ellipsis;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:600;overflow:hidden}.st-row-status{letter-spacing:.06em;text-transform:uppercase;color:var(--badge-color);background:color-mix(in srgb, var(--badge-color) 11%, transparent);border:1px solid color-mix(in srgb, var(--badge-color) 28%, transparent);white-space:nowrap;border-radius:4px;padding:.14rem .42rem;font-family:DM Mono,monospace;font-size:.6rem;font-weight:700}.st-row-since{color:var(--muted);opacity:.55;white-space:nowrap;text-align:right;min-width:52px;font-family:DM Mono,monospace;font-size:.64rem}.st-row-since--empty{min-width:52px}.st-row-note-dot{background:color-mix(in srgb, var(--royal-lite) 50%, transparent);border-radius:50%;flex-shrink:0;width:5px;height:5px}.st-conf{flex-shrink:0;gap:3px;display:flex}.st-conf--interactive .st-seg{cursor:pointer}.st-conf--interactive .st-seg:hover{opacity:.7}.st-seg{background:color-mix(in srgb, var(--royal-lite) 12%, var(--navy));border:none;border-radius:2px;width:20px;height:6px;padding:0;transition:background .12s,transform .1s;display:block}.st-seg--filled{background:var(--seg-color,var(--royal-lite))}.st-conf--interactive .st-seg--filled:hover{transform:scaleY(1.2)}.st-panel{background:color-mix(in srgb, var(--royal) 10%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);border-radius:16px;flex-direction:column;flex-shrink:0;width:380px;display:flex;position:sticky;top:1.5rem;overflow:hidden}@media (width<=860px){.st-panel{width:100%;position:static}}.st-panel-head{border-bottom:1px solid color-mix(in srgb, var(--royal-lite) 14%, transparent);background:color-mix(in srgb, var(--royal-lite) 4%, transparent);justify-content:space-between;align-items:center;padding:.75rem 1.1rem;display:flex}.st-panel-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-family:DM Mono,monospace;font-size:.7rem;font-weight:700}.st-panel-actions{align-items:center;gap:.5rem;display:flex}.st-save-btn{border-radius:7px;padding:.35rem 1rem;font-size:.8rem}.st-save-btn:disabled{opacity:.4;cursor:default}.st-delete-btn{color:color-mix(in srgb, #ef4444 60%, var(--muted));cursor:pointer;background:0 0;border:1px solid #ef444440;border-radius:7px;padding:.35rem .75rem;font-family:DM Mono,monospace;font-size:.72rem;transition:all .15s}.st-delete-btn:hover{color:#ef4444;background:#ef44441f;border-color:#ef4444}.st-delete-btn--confirm{color:#ef4444;background:#ef444426;border-color:#ef4444}.st-cancel-btn{border:1px solid color-mix(in srgb, var(--royal-lite) 20%, transparent);color:var(--muted);cursor:pointer;background:0 0;border-radius:7px;padding:.35rem .6rem;font-family:DM Mono,monospace;font-size:.72rem;transition:all .15s}.st-cancel-btn:hover{color:var(--white);border-color:color-mix(in srgb, var(--royal-lite) 40%, transparent)}.st-form-footer{justify-content:flex-end;padding-top:.25rem;display:flex}.st-form-footer .st-save-btn{border-radius:8px;width:100%;padding:.55rem 1.5rem;font-size:.88rem}.st-close-btn{color:var(--muted);cursor:pointer;opacity:.5;background:0 0;border:none;padding:.25rem .4rem;font-size:.85rem;transition:opacity .12s}.st-close-btn:hover{opacity:1}.st-form{flex-direction:column;gap:1rem;max-height:calc(100vh - 180px);padding:1.1rem;display:flex;overflow-y:auto}.st-form-group{flex-direction:column;gap:.45rem;display:flex}.st-form-label{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-family:DM Mono,monospace;font-size:.65rem;font-weight:700}.st-form-label-row{justify-content:space-between;align-items:center;display:flex}.st-form-label-hint{color:var(--royal-lite);opacity:.8;font-family:DM Mono,monospace;font-size:.65rem}.st-form-input{background:color-mix(in srgb, var(--royal-lite) 6%, var(--navy));border:1px solid color-mix(in srgb, var(--royal-lite) 16%, transparent);color:var(--white);box-sizing:border-box;border-radius:8px;outline:none;width:100%;padding:.5rem .75rem;font-family:DM Sans,sans-serif;font-size:.88rem;transition:border-color .15s}.st-form-input:focus{border-color:color-mix(in srgb, var(--royal-lite) 45%, transparent)}.st-form-input::placeholder{color:var(--muted);opacity:.45}.st-form-input--short{width:100px}.st-select-wrap{position:relative}.st-select{background:color-mix(in srgb, var(--royal-lite) 7%, var(--navy));border:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);color:var(--white);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238A8FA8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .65rem center;background-repeat:no-repeat;border-radius:8px;outline:none;width:100%;padding:.45rem 2rem .45rem .75rem;font-family:DM Sans,sans-serif;font-size:.85rem;transition:border-color .15s}.st-select:focus{border-color:color-mix(in srgb, var(--royal-lite) 45%, transparent)}.st-select option{background:var(--navy-dark)}.st-form-group .st-conf{gap:5px}.st-form-group .st-seg{border-radius:3px;width:36px;height:10px}.st-pills{flex-wrap:wrap;gap:.3rem;display:flex}.st-pill{border:1px solid color-mix(in srgb, var(--pill-color,var(--royal-lite)) 20%, transparent);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;padding:.26rem .65rem;font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:500;transition:all .12s}.st-pill:hover{color:var(--pill-color,var(--white));border-color:color-mix(in srgb, var(--pill-color,var(--royal-lite)) 50%, transparent)}.st-pill--active{color:var(--white);background:color-mix(in srgb, var(--pill-color,var(--royal-lite)) 18%, var(--navy-dark));border-color:var(--pill-color,var(--royal-lite))}.st-textarea{background:color-mix(in srgb, var(--royal-lite) 5%, var(--navy));border:1px solid color-mix(in srgb, var(--royal-lite) 14%, transparent);color:var(--white);resize:vertical;box-sizing:border-box;border-radius:10px;outline:none;width:100%;padding:.7rem .85rem;font-family:DM Sans,sans-serif;font-size:.85rem;line-height:1.65;transition:border-color .15s}.st-textarea:focus{border-color:color-mix(in srgb, var(--royal-lite) 40%, transparent)}.st-textarea::placeholder{color:var(--muted);opacity:.45}.tc-page{min-height:100vh;padding:var(--section-py) var(--pad-x);flex-direction:column;gap:1.25rem;max-width:900px;margin:0 auto;display:flex}.tc-auth-banner{color:var(--muted);background:#e85f0a14;border:1px solid #e85f0a40;border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;font-size:.85rem;animation:.4s both fadeUp;display:flex}.tc-auth-banner .btn-primary{flex-shrink:0;padding:.4rem 1rem;font-size:.82rem}.tc-header{animation:.4s both fadeUp}.tc-breadcrumb{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem;font-family:DM Mono,monospace;font-size:.72rem;display:block}.tc-title{letter-spacing:-.02em;color:var(--white);margin-bottom:.5rem;font-family:Syne,sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800}.tc-sub{color:var(--muted);max-width:580px;font-size:.95rem;line-height:1.6}.tc-controls{background:color-mix(in srgb, var(--royal-lite) 6%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 14%, transparent);border-radius:14px;flex-wrap:wrap;align-items:center;gap:1rem;padding:.85rem 1.1rem;animation:.42s 40ms both fadeUp;display:flex}.tc-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:.5rem;display:flex}.tc-toggle input{display:none}.tc-toggle-track{background:color-mix(in srgb, var(--royal-lite) 15%, var(--navy));border:1px solid color-mix(in srgb, var(--royal-lite) 20%, transparent);border-radius:99px;flex-shrink:0;width:36px;height:19px;transition:background .2s,border-color .2s;position:relative}.tc-toggle-track:after{content:"";background:var(--muted);border-radius:50%;width:13px;height:13px;transition:transform .18s,background .18s;position:absolute;top:2px;left:2px}.tc-toggle input:checked~.tc-toggle-track{background:color-mix(in srgb, var(--cath) 30%, var(--navy));border-color:var(--cath)}.tc-toggle input:checked~.tc-toggle-track:after{background:var(--cath);transform:translate(17px)}.tc-toggle-label{color:var(--white);align-items:center;gap:.35rem;font-family:DM Mono,monospace;font-size:.75rem;font-weight:600;display:flex}.tc-live-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite tc-pulse;display:inline-block}@keyframes tc-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.tc-ctrl-fields{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.tc-ctrl-group{align-items:center;gap:.4rem;display:flex}.tc-ctrl-label{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);flex-shrink:0;font-family:DM Mono,monospace;font-size:.65rem;font-weight:700}.tc-ctrl-input{background:color-mix(in srgb, var(--royal-lite) 6%, var(--navy));border:1px solid color-mix(in srgb, var(--royal-lite) 16%, transparent);color:var(--white);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:7px;outline:none;padding:.38rem .6rem;font-family:DM Mono,monospace;font-size:.82rem;transition:border-color .15s}.tc-ctrl-input:focus{border-color:color-mix(in srgb, var(--royal-lite) 45%, transparent)}.tc-select-wrap{position:relative}.tc-select{background:color-mix(in srgb, var(--royal-lite) 7%, var(--navy));border:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);color:var(--white);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238A8FA8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .6rem center;background-repeat:no-repeat;border-radius:8px;outline:none;padding:.4rem 2rem .4rem .7rem;font-family:DM Sans,sans-serif;font-size:.83rem;transition:border-color .15s}.tc-select:focus{border-color:color-mix(in srgb, var(--royal-lite) 45%, transparent)}.tc-select option,.tc-select optgroup{background:#0d1340}.tc-fmt-btn{border:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;margin-left:auto;padding:.35rem .7rem;font-family:DM Mono,monospace;font-size:.72rem;font-weight:700;transition:all .12s}.tc-fmt-btn:hover{color:var(--white);border-color:color-mix(in srgb, var(--royal-lite) 40%, transparent)}.tc-fmt-btn.active{color:var(--royal-lite);border-color:color-mix(in srgb, var(--royal-lite) 40%, transparent);background:color-mix(in srgb, var(--royal-lite) 8%, transparent)}.tc-zones{flex-direction:column;gap:.55rem;animation:.46s 70ms both fadeUp;display:flex}.tc-zone{background:color-mix(in srgb, var(--royal) 9%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 13%, transparent);border-radius:14px;grid-template-columns:180px 1fr auto;align-items:center;gap:1rem;padding:1rem 1.1rem;transition:border-color .14s;display:grid}.tc-zone:hover{border-color:color-mix(in srgb, var(--royal-lite) 26%, transparent)}.tc-zone--source{border-color:color-mix(in srgb, var(--cath) 30%, transparent);background:color-mix(in srgb, var(--cath) 5%, var(--navy-dark))}.tc-zone--source:hover{border-color:color-mix(in srgb, var(--cath) 50%, transparent)}.tc-zone-info{flex-direction:column;gap:.25rem;display:flex}.tc-zone-city{color:var(--white);font-family:Syne,sans-serif;font-size:1.05rem;font-weight:700;line-height:1.2}.tc-zone-offset{color:var(--muted);opacity:.7;font-family:DM Mono,monospace;font-size:.68rem}.tc-zone-time-block{flex-direction:column;gap:.2rem;display:flex}.tc-zone-time-row{align-items:center;gap:.5rem;display:flex}.tc-zone-time{color:var(--white);letter-spacing:-.02em;font-family:DM Mono,monospace;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1}.tc-zone--source .tc-zone-time{color:var(--cath)}.tc-zone-date{color:var(--muted);opacity:.7;font-family:DM Mono,monospace;font-size:.72rem}.tc-day-badge{letter-spacing:.04em;color:#6b7280;background:#6b72801f;border:1px solid #6b728040;border-radius:4px;flex-shrink:0;padding:.12rem .38rem;font-family:DM Mono,monospace;font-size:.6rem;font-weight:700}.tc-day-badge--next{color:#22c55e;background:#22c55e1a;border-color:#22c55e40}.tc-day-badge--prev{color:#ef4444;background:#ef44441a;border-color:#ef444440}.tc-zone-actions{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.tc-source-label{letter-spacing:.07em;text-transform:uppercase;color:var(--cath);opacity:.7;margin-right:.25rem;font-family:DM Mono,monospace;font-size:.62rem;font-weight:700}.tc-copy-btn{background:color-mix(in srgb, var(--royal-lite) 8%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 20%, transparent);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:6px;padding:.28rem .6rem;font-family:DM Mono,monospace;font-size:.7rem;transition:all .12s}.tc-copy-btn:hover{color:var(--white);border-color:var(--royal-lite)}.tc-move-btn{border:1px solid color-mix(in srgb, var(--royal-lite) 14%, transparent);color:var(--muted);cursor:pointer;background:0 0;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:.75rem;transition:all .12s;display:flex}.tc-move-btn:hover:not(:disabled){color:var(--white);border-color:color-mix(in srgb, var(--royal-lite) 35%, transparent)}.tc-move-btn:disabled{opacity:.2;cursor:default}.tc-remove-btn{color:color-mix(in srgb, #ef4444 50%, var(--muted));cursor:pointer;background:0 0;border:1px solid #ef44442e;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:.8rem;transition:all .12s;display:flex}.tc-remove-btn:hover{color:#ef4444;background:#ef44441a;border-color:#ef4444}.tc-add-zone-btn{border:1px dashed color-mix(in srgb, var(--royal-lite) 22%, transparent);color:var(--muted);cursor:pointer;text-align:left;background:0 0;border-radius:14px;padding:.85rem 1.1rem;font-family:DM Mono,monospace;font-size:.75rem;font-weight:600;transition:all .14s}.tc-add-zone-btn:hover{border-color:color-mix(in srgb, var(--royal-lite) 45%, transparent);color:var(--white);background:color-mix(in srgb, var(--royal-lite) 4%, transparent)}.tc-add-row{background:color-mix(in srgb, var(--royal-lite) 5%, var(--navy-dark));border:1px solid color-mix(in srgb, var(--royal-lite) 18%, transparent);border-radius:14px;align-items:center;gap:.6rem;padding:.75rem 1.1rem;display:flex}.tc-add-confirm{border-radius:7px;flex-shrink:0;padding:.4rem 1rem;font-size:.8rem}.tc-cancel-btn{color:var(--muted);cursor:pointer;opacity:.6;background:0 0;border:none;padding:.3rem .4rem;font-family:DM Mono,monospace;font-size:.72rem;transition:opacity .12s}.tc-cancel-btn:hover{opacity:1}@media (width<=640px){.tc-zone{grid-template-rows:auto auto;grid-template-columns:1fr auto}.tc-zone-info{grid-area:1/1}.tc-zone-time-block{grid-area:2/1}.tc-zone-actions{flex-direction:column;grid-area:1/2/3;align-self:start}.tc-ctrl-fields{flex-direction:column;align-items:flex-start;gap:.5rem}}.app{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.btn-primary{background:var(--cath);color:var(--white);white-space:nowrap;border-radius:8px;align-items:center;gap:.4rem;padding:.8rem 1.75rem;font-size:.92rem;font-weight:500;transition:background .2s,transform .15s;display:inline-flex}.btn-primary:hover{background:var(--cath-lite);color:var(--white);transform:translateY(-2px)}.btn-ghost{color:var(--royal-pale);white-space:nowrap;background:0 0;border:1px solid #5b7ef066;border-radius:8px;align-items:center;gap:.4rem;padding:.8rem 1.75rem;font-size:.92rem;font-weight:400;transition:border-color .2s,color .2s,transform .15s;display:inline-flex}.btn-ghost:hover{border-color:var(--royal-lite);color:var(--white);transform:translateY(-2px)}.btn-outline{color:var(--cath-lite);border:1px solid var(--cath);background:0 0;border-radius:6px;align-items:center;padding:.6rem 1.4rem;font-size:.95rem;font-weight:500;transition:opacity .2s;display:inline-flex}.btn-outline:hover{opacity:.88;color:var(--cath-lite)}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}