@layer components{.nav-divider{width:1px;height:14px;background:var(--c-border)}.auth-trigger{font-family:var(--ff-body);font-size:var(--f-small);letter-spacing:.12em;text-transform:uppercase;color:var(--c-text);transition:opacity var(--t-fast);cursor:pointer;display:flex;align-items:center;gap:var(--s-xs)}.auth-trigger:hover{opacity:.5}.auth-trigger svg{width:20px;height:20px}.auth-trigger.open{color:var(--c-green);opacity:1}.auth-panel{position:fixed;top:0;left:0;right:0;z-index:199;background:var(--c-bg);color:var(--c-text);padding:0 var(--s-md);max-height:0;overflow:hidden;transition:max-height .4s var(--ease-out),padding .4s var(--ease-out);border-bottom:1px dashed var(--c-border)}.auth-panel.open{max-height:300px;padding:calc(44px + var(--s-lg)) var(--s-md) var(--s-md)}.auth-panel-inner{max-width:600px;margin:0 auto}.nav-panel-links{display:flex;flex-wrap:wrap;gap:var(--s-sm) var(--s-md)}.nav-panel-links a{font-family:var(--ff-body);font-size:var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--c-muted);text-decoration:none;transition:color var(--t-fast)}.nav-panel-links a:hover,.nav-panel-links a.active{color:var(--c-green)}.nav-panel-divider{width:100%;height:1px;background:var(--c-border);margin:var(--s-xs) 0}.auth-row{display:flex;gap:var(--s-sm);flex-wrap:wrap}@media(max-width:500px){.auth-row{flex-direction:column}}.auth-field{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--s-xs)}.auth-label{font-family:var(--ff-body);font-size:var(--f-small);color:var(--c-text);letter-spacing:.1em;text-transform:uppercase}.auth-label:before{content:"// ";color:var(--c-cyan)}.auth-input{font-family:var(--ff-body);font-size:var(--f-small);background:var(--c-surface);border:1px dashed var(--c-border);color:var(--c-text);padding:8px 12px;letter-spacing:.04em;transition:border-color var(--t-fast);outline:none}.auth-input:focus{border-color:var(--c-green);border-style:solid}.auth-input::placeholder{color:var(--c-dim)}.auth-submit{font-family:var(--ff-body);font-size:var(--f-small);letter-spacing:.12em;text-transform:uppercase;padding:9px 28px;border:1px dashed var(--c-green);background:transparent;cursor:pointer;margin-top:var(--s-xs)}.auth-msg{font-size:var(--f-micro);color:var(--c-green);margin-top:var(--s-xs);display:none}.auth-msg.show{display:block}.auth-wrap{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--s-lg) var(--s-md);background:var(--c-bg);color:var(--c-text);font-family:var(--ff-body)}.auth-wrap>*{width:100%;max-width:400px}.auth-wrap .auth-field{margin-bottom:var(--s-md)}.auth-wrap .auth-submit{width:100%;text-align:center;margin-bottom:var(--s-md);margin-top:var(--s-xs)}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-logo{display:inline-block;font-size:1.5rem;font-weight:400;letter-spacing:.25em;text-transform:uppercase;color:var(--c-text);text-decoration:none;margin-bottom:.5rem}.auth-logo:hover{color:var(--c-green)}.auth-sub{font-size:var(--f-title);letter-spacing:.15em;text-transform:uppercase;color:var(--c-text);margin:0}.auth-desc{font-size:var(--f-small);color:var(--c-muted);line-height:1.7;margin-bottom:var(--s-md)}.auth-divider{text-align:center;position:relative;margin:var(--s-md) 0;color:var(--c-dim);font-size:var(--f-micro);letter-spacing:.1em;text-transform:uppercase}.auth-divider:before,.auth-divider:after{content:"";position:absolute;top:50%;width:calc(50% - 2rem);height:1px;background:var(--c-border)}.auth-divider:before{left:0}.auth-divider:after{right:0}.auth-switch{text-align:center;font-size:var(--f-small);color:var(--c-muted);margin-top:var(--s-md)}.auth-switch a{color:var(--c-dim);text-decoration:none;border-bottom:1px solid var(--c-border);transition:color var(--t-fast),border-color var(--t-fast)}.auth-switch a:hover{color:var(--c-green);border-color:var(--c-green)}.field-hint{font-size:.7rem;color:var(--c-dim);letter-spacing:0;text-transform:none}.field-link{font-size:.7rem;color:var(--c-dim);text-decoration:none;letter-spacing:0;text-transform:none;transition:color var(--t-fast)}.field-link:hover{color:var(--c-green)}.input-mono{font-family:Courier New,monospace!important;font-size:.85rem!important;letter-spacing:.05em}.notice{padding:var(--s-sm) var(--s-md);margin-bottom:var(--s-md);font-size:var(--f-small);line-height:1.6}.notice p{margin:.2rem 0}.notice a{color:inherit}.notice--ok{background:color-mix(in srgb,var(--c-green-dim) 8%,transparent);border-left:3px solid var(--c-green-dim);color:var(--c-green)}.notice--err{background:color-mix(in srgb,var(--c-red-dim) 8%,transparent);border-left:3px solid var(--c-red-dim);color:var(--c-red-dim)}.checkbox{display:flex;align-items:flex-start;gap:.6rem;font-size:var(--f-small);color:var(--c-muted);cursor:pointer;margin-bottom:var(--s-md);line-height:1.5}.checkbox input{margin-top:.2rem;flex-shrink:0}}