*{box-sizing:border-box}body{font-size:15px}button,input,select{font:inherit}button{touch-action:manipulation}img{max-width:100%}h1,h2,h3{font-family:var(--wn-font-display);letter-spacing:-.02em;line-height:1.1}h1{font-size:clamp(32px,4vw,46px);margin:8px 0 12px}h2{font-size:24px;margin:0 0 14px}h3{font-size:21px}.muted,p{color:var(--wn-text-3)}.muted{margin:0 0 20px}.eyebrow{font:500 11px/1.4 var(--wn-font-mono);letter-spacing:.12em;color:var(--wn-accent)}.skip-link{position:fixed;top:-100px;left:12px;z-index:100;background:var(--wn-accent);color:var(--wn-on-accent);padding:12px}.skip-link:focus{top:12px}.portal-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--wn-surface);border-right:1px solid var(--wn-line);padding:28px 18px;display:flex;flex-direction:column;gap:26px}.brand{display:block;padding:0 14px}.workspace{display:flex;gap:12px;padding:15px 12px;border:1px solid var(--wn-line-strong);border-radius:12px}.workspace-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--wn-accent-soft);color:var(--wn-accent);border-radius:8px}.workspace strong{font-size:13px}.workspace small,.sidebar-footer small{display:block;color:var(--wn-text-subtle);font-size:12px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-label{font:10px var(--wn-font-mono);letter-spacing:.08em;color:var(--wn-text-subtle);margin:16px 12px 10px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:8px;color:var(--wn-text-muted);text-decoration:none;min-height:44px}.sidebar nav a>span{font-size:21px;width:23px;line-height:1}.sidebar nav a:hover,.sidebar nav a.active{color:var(--wn-accent);background:var(--wn-accent-soft)}.sidebar-footer{margin-top:auto;padding:18px 12px;border-top:1px solid var(--wn-line);font-size:12px}.portal-main{min-width:0;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 36px;border-bottom:1px solid var(--wn-line);min-height:76px;gap:16px}.breadcrumb{color:var(--wn-text-muted);font-size:13px}.breadcrumb span{margin:0 12px;color:var(--wn-line-hover)}.topbar-actions{display:flex;align-items:center;gap:12px}.mobile-menu{display:none}.page-content{padding:42px 40px;max-width:1500px;width:100%;margin:0 auto;flex:1}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.page-heading .muted{margin:0}.notice{background:var(--wn-warn-soft);border:1px solid #76572d;border-radius:12px;padding:16px 20px;color:var(--wn-text-2);font-size:14px;margin-bottom:24px}.notice p{margin:4px 0 0;font-size:13px}.notice-action{display:flex;align-items:center;justify-content:space-between;gap:20px}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px}.metric{padding:24px;border:1px solid var(--wn-line-strong);border-radius:14px;background:var(--wn-surface-2);min-width:0}.metric>span,.metric>small{display:block;color:var(--wn-text-subtle);font-size:12px}.metric>strong{display:block;font:600 34px/1.2 var(--wn-font-display);margin:14px 0 10px;overflow-wrap:anywhere}.metric strong small{font:400 15px var(--wn-font-sans);color:var(--wn-text-muted)}.section-panel{background:var(--wn-surface-2);border:1px solid var(--wn-line-strong);border-radius:16px;overflow:hidden;margin-bottom:28px}.section-heading{padding:22px 26px;border-bottom:1px solid var(--wn-line);display:flex;align-items:center;justify-content:space-between}.section-heading h2{font-size:20px;margin:0}.empty-state{text-align:center;padding:54px 24px}.empty-state h2{font-size:29px;margin:22px 0 12px}.empty-state p{max-width:540px;margin:0 auto 24px}.empty-state small{display:block;color:var(--wn-text-subtle);font-size:12px;margin-top:18px}.empty-symbol{width:64px;height:64px;display:grid;place-items:center;border:1px solid var(--wn-line-control);background:var(--wn-surface-3);border-radius:18px;color:var(--wn-accent);font-size:36px;margin:0 auto}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.quiet-card{border-top:1px solid var(--wn-line-strong);padding:26px 8px}.quiet-card p{font-size:14px}.portal-footer{padding:20px 40px;border-top:1px solid var(--wn-line);color:var(--wn-text-subtle);font-size:12px;display:flex;justify-content:space-between;gap:20px}.table-target{display:block;font:11px var(--wn-font-mono);color:var(--wn-text-subtle);max-width:360px;overflow-wrap:anywhere;margin-top:6px}.form-stack{display:flex;flex-direction:column;gap:20px}.form-narrow{max-width:620px}.detail-panel{padding:28px}.label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.label-row a{font-size:12px}.check-label{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--wn-text-muted)}.check-label input{flex:none;margin-top:2px}.validation-summary{color:var(--wn-down-text);font-size:13px;border-left:3px solid var(--wn-down);padding:8px 12px;background:var(--wn-down-soft)}.validation-summary-valid{display:none}.input-validation-error{border-color:var(--wn-down)}.password-component{display:flex;flex-direction:column;gap:8px}.password-input{position:relative}.password-input input{padding-right:76px}.reveal{position:absolute;right:4px;top:2px;min-height:40px;padding:0 12px;background:transparent;border:0;color:var(--wn-text-muted);cursor:pointer;font-size:12px}.strength-row{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--wn-text-muted);margin-top:4px}meter{width:100%;height:6px;display:block;background:var(--wn-line);border:0;border-radius:8px}meter::-webkit-meter-bar{background:var(--wn-line);border:0}meter::-webkit-meter-optimum-value{background:var(--wn-accent)}meter::-moz-meter-bar{background:var(--wn-accent)}.password-rules{list-style:none;margin:6px 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;color:var(--wn-text-subtle);font-size:12px}.password-rules li span{display:inline-block;width:20px}.password-rules .fulfilled{color:var(--wn-accent)}.auth-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-story{background:var(--wn-surface);padding:44px 56px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--wn-line)}.auth-story-content{padding:64px 0;max-width:480px}.auth-story h1{font-size:clamp(44px,5vw,72px);margin:24px 0;line-height:.98}.auth-story h1 span{color:var(--wn-accent)}.auth-story p{line-height:1.7}.auth-story>small{color:var(--wn-text-subtle);font-size:12px}.signal-panel{margin-top:40px;border:1px solid var(--wn-line-strong);border-radius:14px;overflow:hidden;background:var(--wn-bg)}.signal-top,.signal-bottom{display:flex;justify-content:space-between;padding:16px 20px;font:10px var(--wn-font-mono);color:var(--wn-text-muted)}.signal-top span:last-child{color:var(--wn-accent)}.signal-lines{display:flex;align-items:center;justify-content:space-evenly;gap:9px;height:96px;padding:0 24px;border-block:1px solid var(--wn-line)}.signal-lines i{width:5px;height:30px;background:var(--wn-accent);border-radius:4px;opacity:.65}.signal-lines i:nth-child(3n){height:60px}.signal-lines i:nth-child(4n){height:42px}.signal-lines i:nth-child(5n){height:16px}.auth-form-side{padding:48px 32px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.auth-form-container{max-width:420px;width:100%;margin:auto 0}.auth-title{font-size:42px;margin:14px 0}.auth-footnote{color:var(--wn-text-subtle);font-size:12px;margin-top:32px}.auth-footnote a{color:inherit}.google-button{margin-top:24px;gap:12px}.google-button strong{font-size:20px}.divider{display:flex;align-items:center;gap:12px;color:var(--wn-text-subtle);font-size:11px;margin:22px 0}.divider:before,.divider:after{content:"";height:1px;background:var(--wn-line-strong);flex:1}.auth-switch{margin:26px 0;text-align:center;font-size:13px}.plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:28px 0}.plan-card{background:var(--wn-surface-2);border:1px solid var(--wn-line-strong);border-radius:14px;padding:24px;display:flex;flex-direction:column;min-width:0}.current-plan{border-color:var(--wn-accent)}.plan-card-top{display:flex;flex-direction:column;gap:8px;min-height:64px;align-items:flex-start}.plan-price{font:600 24px var(--wn-font-display);margin:22px 0 14px}.plan-card p{font-size:13px;min-height:44px}.plan-features{padding:18px 0;list-style:none;border-top:1px solid var(--wn-line);font-size:13px;color:var(--wn-text-muted);flex:1}.plan-features li{padding:7px 0}.plan-features strong{color:var(--wn-text)}.onboarding-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.step-number{display:block;color:var(--wn-accent);font:500 13px var(--wn-font-mono);margin-bottom:18px}.wizard{padding:30px}.wizard-top{display:flex;justify-content:space-between;margin-bottom:32px;color:var(--wn-text-subtle);font:12px var(--wn-font-mono)}.wizard section{margin-bottom:30px}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}.choice{padding:22px;border:1px solid var(--wn-line-control);border-radius:12px;cursor:pointer;display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px 12px;background:var(--wn-bg)}.choice strong{font-size:16px}.choice span{grid-column:2;color:var(--wn-text-subtle);font-size:13px}.choice:has(input:checked){border-color:var(--wn-accent);background:var(--wn-accent-soft)}.choice input{accent-color:var(--wn-accent);margin:4px 0}.locked-choice{opacity:.7;cursor:not-allowed}.rule-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.wizard-actions{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--wn-line);padding-top:24px}.summary-box{padding:20px;border:1px dashed var(--wn-line-control);border-radius:12px;font-family:var(--wn-font-mono);overflow-wrap:anywhere}.danger-zone{padding:28px;border:1px solid #773c36;border-radius:14px;background:var(--wn-down-soft)}.danger-zone p{font-size:14px}.danger-zone form{display:flex;flex-direction:column;align-items:flex-start;gap:20px}[hidden]{display:none!important}
@media(max-width:1200px){.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-content{padding:30px 26px}.auth-story{padding:36px}.onboarding-steps{grid-template-columns:1fr}.rule-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.portal-shell{grid-template-columns:1fr}.sidebar{display:none}.sidebar.is-open{display:flex;position:fixed;top:76px;left:0;bottom:0;width:248px;z-index:10;overflow:auto;box-shadow:var(--wn-shadow-panel)}.mobile-menu{display:inline-flex}.topbar{padding:16px 20px}.breadcrumb{display:none}.page-content{padding:28px 20px}.page-heading{align-items:flex-start;flex-direction:column}.info-grid{grid-template-columns:1fr}.auth-shell{grid-template-columns:1fr}.auth-story{padding:24px 28px;border:0;border-bottom:1px solid var(--wn-line)}.auth-story-content,.auth-story>small{display:none}.auth-story img{width:150px}.auth-form-side{padding:36px 24px 24px}.portal-footer{padding:20px}.notice-action{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:18px}.metric>strong{font-size:29px}.wizard{padding:22px}}
@media(max-width:480px){.plan-grid,.choice-grid,.rule-choices{grid-template-columns:1fr}.topbar-actions .wn-badge{display:none}.metric>strong{font-size:26px}.metrics{gap:12px}.auth-title{font-size:36px}.portal-footer span{display:none}.password-rules{font-size:11px}.wn-card{padding:24px}.wizard-actions{flex-wrap:wrap}.strength-row{flex-direction:column;gap:2px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}