:root{--pk-font:sans-serif;--pk-font-mono:monospace;--pk-color-text:#000;--pk-color-text-muted:#888;--pk-color-text-subtle:#aaa;--pk-color-text-secondary:#555;--pk-color-text-sep:#ccc;--pk-color-bg:#fff;--pk-color-bg-hover:#f5f5f5;--pk-color-bg-subtle:#fafafa;--pk-color-bg-muted:#f0f0f0;--pk-color-border:#000;--pk-color-border-muted:#e4e2dc;--pk-color-border-nav:#ccc9c0;--pk-color-primary:#000;--pk-color-primary-hover:#333;--pk-color-on-primary:#fff;--pk-color-accent:#9370db;--pk-color-danger:red;--pk-radius-sm:4px;--pk-radius:6px;--pk-radius-lg:8px;--pk-radius-pill:20px;--pk-radius-full:999px;--pk-content-max:680px;--pk-space-page-x:24px;--pk-space-page-y:40px;--pk-nav-height:56px;--pk-z-nav:10;--pk-z-modal:100}.sc-container,.sw-container,.dashboard-container,.account-container{max-width:var(--pk-content-max);padding:var(--pk-space-page-y) var(--pk-space-page-x);font-family:var(--pk-font);margin:0 auto}.page-loading{height:200px;color:var(--pk-color-text-muted);font-size:14px;font-family:var(--pk-font);justify-content:center;align-items:center;display:flex}.page-error{height:200px;font-family:var(--pk-font);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.page-error-message{color:var(--pk-color-text);font-size:14px}.page-error-retry{font-size:13px;font-weight:500;font-family:var(--pk-font);border-radius:var(--pk-radius);cursor:pointer;border:1px solid var(--pk-color-border);background:var(--pk-color-bg);color:var(--pk-color-text);padding:7px 14px}.page-error-retry:hover{background:var(--pk-color-bg-hover)}.btn,.sc-btn,.sw-btn,.account-btn{font-size:13px;font-weight:500;font-family:var(--pk-font);border-radius:var(--pk-radius);cursor:pointer;border:1px solid var(--pk-color-border);background:var(--pk-color-bg);color:var(--pk-color-text);padding:7px 14px}.btn:hover,.sc-btn:hover,.sw-btn:hover,.account-btn:hover{background:var(--pk-color-bg-hover)}.btn-primary,.sc-btn-primary,.sw-btn-primary,.account-btn-primary{background:var(--pk-color-primary);color:var(--pk-color-on-primary);border-color:var(--pk-color-primary)}.btn-primary:hover,.sc-btn-primary:hover,.sw-btn-primary:hover,.account-btn-primary:hover:not(:disabled){background:var(--pk-color-primary-hover)}.account-btn:disabled,.account-btn-primary:disabled{opacity:.5;cursor:not-allowed}.sc-btn-danger,.account-btn-danger,.sw-btn-danger-outline{border-color:var(--pk-color-border);color:var(--pk-color-text);background:var(--pk-color-bg)}.sc-btn-danger{padding:4px 10px;font-size:12px}.sc-btn-danger:hover,.account-btn-danger:hover:not(:disabled),.sw-btn-danger-outline:hover{background:var(--pk-color-primary);color:var(--pk-color-on-primary)}.sc-btn-approve{background:var(--pk-color-primary);color:var(--pk-color-on-primary);border-color:var(--pk-color-primary);padding:4px 10px;font-size:12px}.sc-btn-approve:hover{background:var(--pk-color-primary-hover)}.sw-btn-danger-fill{background:var(--pk-color-primary);color:var(--pk-color-on-primary);border-color:var(--pk-color-primary)}.sw-btn-danger-fill:hover:not(:disabled){background:var(--pk-color-primary-hover)}.sw-btn-danger-fill:disabled{opacity:.4;cursor:not-allowed}.sc-breadcrumb,.sw-breadcrumb{align-items:center;gap:8px;margin-bottom:24px;font-size:13px;display:flex}.sc-breadcrumb-link,.sw-breadcrumb-link{color:var(--pk-color-text-muted);cursor:pointer}.sc-breadcrumb-link:hover,.sw-breadcrumb-link:hover{color:var(--pk-color-text)}.sc-breadcrumb-sep,.sw-breadcrumb-sep{color:var(--pk-color-text-sep)}.sc-breadcrumb-current,.sw-breadcrumb-current{color:var(--pk-color-text);font-weight:500}.sc-subnav,.subnav{border-bottom:1px solid var(--pk-color-border);background:var(--pk-color-bg);padding:0 var(--pk-space-page-x);display:flex}.sc-subnav-tab,.subnav-tab{font-size:13px;font-weight:500;font-family:var(--pk-font);color:var(--pk-color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 16px;transition:color .15s}.sc-subnav-tab:hover,.subnav-tab:hover{color:var(--pk-color-text)}.sc-subnav-tab-active,.subnav-tab-active{color:var(--pk-color-text);border-bottom-color:var(--pk-color-border)}.sc-toggle{border-radius:var(--pk-radius-full);border:1px solid var(--pk-color-border);background:var(--pk-color-bg);cursor:pointer;flex-shrink:0;width:40px;height:22px;padding:0;transition:background .2s;position:relative}.sc-toggle-on{background:var(--pk-color-primary)}.sc-toggle-knob{background:var(--pk-color-primary);border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.sc-toggle-on .sc-toggle-knob{background:var(--pk-color-on-primary);transform:translate(18px)}.modal-overlay,.sw-overlay{z-index:var(--pk-z-modal);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal,.sw-modal{background:var(--pk-color-bg);border-radius:var(--pk-radius-lg);width:100%;max-width:380px;padding:24px}.sw-modal{border:1px solid var(--pk-color-border)}.modal-title,.sw-modal-title{color:var(--pk-color-text);font-size:15px;font-weight:600;font-family:var(--pk-font);margin-bottom:20px}.modal-form,.sw-modal-form{flex-direction:column;gap:12px;display:flex}.modal-actions,.sw-modal-actions{gap:8px;margin-top:4px;display:flex}.modal-error,.sw-modal-error,.sw-settings-error{color:var(--pk-color-danger);font-size:12px}.sw-settings-error{margin-top:8px}.modal-input,.sw-input,.sw-select,.sc-filter-input,.account-input{width:100%;font-size:14px;font-family:var(--pk-font);border:1px solid var(--pk-color-border);border-radius:var(--pk-radius);color:var(--pk-color-text);background:var(--pk-color-bg);box-sizing:border-box;outline:none;padding:8px 12px}.modal-input::placeholder,.sw-input::placeholder,.sc-filter-input::placeholder,.account-input::placeholder{color:#999}.modal-input:focus,.sw-input:focus,.sw-select:focus,.sc-filter-input:focus,.account-input:focus{border-color:var(--pk-color-border)}.sw-label,.account-label{color:var(--pk-color-text-secondary);font-size:12px;font-weight:500}.account-label{display:block}.sw-label{margin-bottom:4px}.account-field,.sw-field{flex-direction:column;gap:6px;display:flex}.sc-section-label,.sw-settings-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--pk-color-text-muted);font-size:11px;font-weight:600}.sw-settings-section-title{margin-bottom:16px;font-size:12px}.sc-section-label{margin:24px 0 0}.sc-empty,.sw-empty,.empty-state{color:var(--pk-color-text-muted);text-align:center;font-size:14px}.sc-empty{padding:40px 0}.sw-empty,.empty-state{padding:60px 0}.sw-empty p,.empty-state p{margin-bottom:16px}.empty-state{color:var(--pk-color-text)}.sw-header,.dashboard-header{justify-content:space-between;align-items:center;display:flex}.sw-header{margin-bottom:32px}.dashboard-header{margin-bottom:24px}.sw-title,.dashboard-title,.account-title{color:var(--pk-color-text);font-size:18px;font-weight:600}.account-title{margin-bottom:32px}.auth-page{background:var(--pk-color-bg);min-height:100vh;font-family:var(--pk-font);padding:var(--pk-space-page-x);justify-content:center;align-items:center;display:flex}.auth-card{flex-direction:column;align-items:center;width:100%;max-width:360px;display:flex}.auth-wordmark{color:var(--pk-color-text);letter-spacing:-.02em;margin-bottom:32px;font-size:20px;font-weight:600;text-decoration:none}.auth-title{color:var(--pk-color-text);text-align:center;letter-spacing:-.01em;margin-bottom:24px;font-size:18px;font-weight:600}.auth-footer{color:var(--pk-color-text-muted);text-align:center;margin-top:20px;font-size:13px}.auth-footer a{color:var(--pk-color-text);font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-btn-google{border:1px solid var(--pk-color-border-muted);border-radius:var(--pk-radius-lg);background:var(--pk-color-bg);width:100%;font-size:14px;font-weight:500;font-family:var(--pk-font);cursor:pointer;color:var(--pk-color-text);justify-content:center;align-items:center;gap:10px;padding:10px;display:flex}.auth-btn-google:hover{background:var(--pk-color-bg-hover)}.navbar{height:var(--pk-nav-height);background:var(--pk-color-bg);border-bottom:1px solid var(--pk-color-border-muted);padding:0 var(--pk-space-page-x);z-index:var(--pk-z-nav);align-items:center;display:flex;position:sticky;top:0}.navbar-brand{font-family:var(--pk-font);color:var(--pk-color-text);letter-spacing:-.02em;cursor:pointer;background:0 0;border:none;margin-right:auto;padding:0;font-size:18px;font-weight:600}.navbar-actions{align-items:center;gap:8px;display:flex}.navbar-link{cursor:pointer;color:var(--pk-color-text-muted);font-size:13px;font-weight:500;font-family:var(--pk-font);background:0 0;border:none;padding:6px 12px}.navbar-btn-outline{border:1px solid var(--pk-color-border-nav);cursor:pointer;color:#1a1917;font-size:13px;font-weight:500;font-family:var(--pk-font);background:0 0;border-radius:5px;padding:6px 12px}.navbar-btn-accent{background:var(--pk-color-accent);cursor:pointer;color:var(--pk-color-on-primary);font-size:13px;font-weight:500;font-family:var(--pk-font);border:none;border-radius:5px;padding:6px 12px}.site-list{margin:0;padding:0;list-style:none}.site-row{border-bottom:1px solid var(--pk-color-border);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.site-name{color:var(--pk-color-text);font-size:14px;font-weight:500}.site-domain{color:var(--pk-color-text-secondary);margin-top:2px;font-size:12px}.sw-category{border:1px solid var(--pk-color-border);border-radius:var(--pk-radius-lg);margin-bottom:24px;overflow:hidden}.sw-category-header{cursor:pointer;background:var(--pk-color-bg);width:100%;font-family:var(--pk-font);text-align:left;border:none;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.sw-category-header:hover{background:var(--pk-color-bg-hover)}.sw-category-title{color:var(--pk-color-text);font-size:14px;font-weight:600}.sw-category-count{color:var(--pk-color-text-muted);margin-left:8px;font-size:12px;font-weight:400}.sw-chevron{color:var(--pk-color-text-muted);font-size:12px;transition:transform .2s}.sw-chevron-open{transform:rotate(180deg)}.sw-widget-list{border-top:1px solid var(--pk-color-border)}.sw-widget-row{border-bottom:1px solid var(--pk-color-border-muted);color:var(--pk-color-text);justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;display:flex}.sw-widget-row:last-child{border-bottom:none}.sw-widget-name{color:var(--pk-color-text);font-size:14px}.sw-settings-fields{flex-direction:column;gap:14px;display:flex}.sw-danger-zone{border:1px solid var(--pk-color-border);border-radius:var(--pk-radius-lg);padding:16px}.sw-danger-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.settings-layout{align-items:flex-start;gap:32px;display:flex;position:relative}.settings-sidenav{border-right:1px solid var(--pk-color-border-muted);flex-direction:column;gap:2px;min-width:160px;padding-right:24px;display:flex;position:absolute;right:calc(50% + 380px)}.settings-sidenav-item{font-family:var(--pk-font);color:var(--pk-color-text-muted);cursor:pointer;border-radius:var(--pk-radius);text-align:left;background:0 0;border:none;padding:8px 12px;font-size:13px;font-weight:500;transition:all .12s}.settings-sidenav-item:hover,.settings-sidenav-item-active{color:var(--pk-color-text);background:var(--pk-color-bg-hover)}.settings-content{min-width:0;max-width:var(--pk-content-max);flex:1;margin:0 auto}.sw-manage-widget-list{flex-direction:column;display:flex}.sw-manage-widget-row{border-bottom:1px solid var(--pk-color-border-muted);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.sw-manage-widget-row:last-child{border-bottom:none}.sw-manage-widget-name{color:var(--pk-color-text);font-size:14px;font-weight:500}.sw-manage-widget-type{color:var(--pk-color-text-muted);margin-top:2px;font-size:12px}.sc-script-block{border:1px solid var(--pk-color-border);border-radius:var(--pk-radius-lg);margin-bottom:32px;overflow:hidden}.sc-script-header{border-bottom:1px solid var(--pk-color-border);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.sc-script-label{color:var(--pk-color-text);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.sc-script-code{font-size:12px;font-family:var(--pk-font-mono);color:var(--pk-color-text-secondary);white-space:pre-wrap;word-break:break-all;background:var(--pk-color-bg-subtle);margin:0;padding:14px 16px}.sc-comment-list{flex-direction:column;display:flex}.sc-comment{border-bottom:1px solid var(--pk-color-border-muted);padding:16px 0}.sc-comment:last-child{border-bottom:none}.sc-comment-body{color:var(--pk-color-text);margin-bottom:6px;font-size:14px;line-height:1.5}.sc-comment-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.sc-comment-info{flex-direction:column;gap:2px;display:flex}.sc-comment-url{color:var(--pk-color-text-muted);font-size:11px;font-family:var(--pk-font-mono)}.sc-comment-date{color:var(--pk-color-text-subtle);font-size:11px}.sc-comment-actions{flex-shrink:0;gap:8px;display:flex}.sc-replies-toggle{color:var(--pk-color-text-muted);cursor:pointer;font-size:12px;font-family:var(--pk-font);background:0 0;border:none;margin-top:8px;padding:4px 0}.sc-replies-toggle:hover{color:var(--pk-color-text)}.sc-replies{border-left:2px solid var(--pk-color-border-muted);flex-direction:column;gap:12px;margin-top:8px;margin-left:16px;padding-left:16px;display:flex}.sc-reply{flex-direction:column;gap:4px;display:flex}.sc-reply-body{color:var(--pk-color-text);font-size:13px;line-height:1.5}.sc-reply-meta{justify-content:space-between;align-items:center;display:flex}.sc-reply-date,.sc-expiry{color:var(--pk-color-text-subtle);font-size:11px}.sc-load-more{width:100%;font-size:13px;font-family:var(--pk-font);border:1px solid var(--pk-color-border);border-radius:var(--pk-radius);background:var(--pk-color-bg);cursor:pointer;margin-top:24px;padding:10px;font-weight:500}.sc-load-more:hover{background:var(--pk-color-bg-hover)}.sc-load-more:disabled{opacity:.5;cursor:not-allowed}.sc-tab-header{border-bottom:1px solid var(--pk-color-border-muted);justify-content:flex-end;margin-bottom:8px;padding:12px 0;display:flex}.sc-auto-approve{border-bottom:1px solid var(--pk-color-border-muted);justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 0;display:flex}.sc-auto-approve-label{flex-direction:column;gap:2px;font-size:14px;font-weight:500;display:flex}.sc-auto-approve-hint{color:var(--pk-color-text-muted);font-size:12px;font-weight:400}.sc-filter-input-row{gap:8px;margin:16px 0 12px;display:flex}.sc-filter-tags{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.sc-filter-tag{background:var(--pk-color-bg-hover);border:1px solid var(--pk-color-border-muted);border-radius:var(--pk-radius-sm);color:var(--pk-color-text);align-items:center;gap:4px;padding:3px 8px;font-size:12px;display:flex}.sc-filter-tag-remove{cursor:pointer;color:var(--pk-color-text-muted);background:0 0;border:none;padding:0;font-size:14px;line-height:1}.sc-filter-tag-remove:hover{color:var(--pk-color-text)}.sc-owner-badge{color:var(--pk-color-on-primary);background:var(--pk-color-primary);border-radius:var(--pk-radius-pill);margin-bottom:6px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.sc-pin-badge{color:var(--pk-color-text);background:var(--pk-color-bg-muted);border-radius:var(--pk-radius-pill);padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.sc-comment-pinned{border-top:2px solid var(--pk-color-border)}.sc-owner-post{border-bottom:1px solid var(--pk-color-border-muted);flex-direction:column;gap:6px;margin-bottom:24px;padding-bottom:24px;display:flex}.sc-reply-input{flex-direction:column;gap:6px;margin-top:10px;display:flex}.sc-reply-textarea{border:1px solid var(--pk-color-border-muted);border-radius:var(--pk-radius);width:100%;font-size:13px;font-family:var(--pk-font);resize:none;box-sizing:border-box;outline:none;height:70px;padding:10px}.sc-reply-textarea:focus{border-color:var(--pk-color-border)}.sc-reply-input-actions{justify-content:space-between;align-items:center;display:flex}.sc-char-count{color:var(--pk-color-text-muted);font-size:12px}.sc-btn-reply-text{color:var(--pk-color-text);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--pk-font);background:0 0;border:none;padding:0}.sc-btn-reply-text:hover{color:var(--pk-color-text-secondary)}.sc-btn-cancel-text{color:var(--pk-color-text-secondary);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--pk-font);background:0 0;border:none;padding:0}.account-section{border:1px solid var(--pk-color-border-muted);border-radius:var(--pk-radius-lg);margin-bottom:16px;padding:20px}.account-section-title{color:var(--pk-color-text);margin-bottom:16px;font-size:13px;font-weight:600}.account-field{margin-bottom:12px}.account-error{color:var(--pk-color-danger);margin-top:8px;font-size:12px}.account-success{color:var(--pk-color-text);margin-top:8px;font-size:12px}.account-danger-zone{border:1px solid var(--pk-color-border);border-radius:var(--pk-radius-lg);margin-bottom:16px;padding:20px}.account-danger-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.account-danger-text{color:var(--pk-color-text);font-size:13px}.account-danger-hint{color:var(--pk-color-text-muted);margin-top:2px;font-size:12px}.landing-container{max-width:var(--pk-content-max);padding:0 var(--pk-space-page-x);font-family:var(--pk-font);margin:0 auto}.landing-logo{color:var(--pk-color-text);font-size:40px;font-weight:600}.landing-hero{text-align:center;padding:5rem 0 4rem}.landing-hero h1{color:var(--pk-color-text);font-size:32px;font-weight:600;line-height:1.2;font-family:var(--pk-font);margin-bottom:1rem}.landing-hero p{color:var(--pk-color-text-muted);max-width:420px;margin:0 auto 2rem;font-size:15px;line-height:1.7}.landing-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.landing-btn-primary{background:var(--pk-color-primary);color:var(--pk-color-on-primary);border:1px solid var(--pk-color-primary);border-radius:var(--pk-radius);cursor:pointer;font-size:14px;font-weight:500;font-family:var(--pk-font);padding:9px 22px;text-decoration:none}.landing-btn-primary:hover{background:var(--pk-color-primary-hover)}.landing-btn-secondary{background:var(--pk-color-bg);color:var(--pk-color-text);border:1px solid var(--pk-color-border);border-radius:var(--pk-radius);cursor:pointer;font-size:14px;font-weight:500;font-family:var(--pk-font);padding:9px 22px;text-decoration:none}.landing-btn-secondary:hover{background:var(--pk-color-bg-hover)}.landing-divider{border:none;border-top:1px solid var(--pk-color-border-muted);margin:0}.landing-steps{padding:3.5rem 0}.landing-steps-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:2rem;display:grid}.landing-step-num{color:var(--pk-color-text-muted);font-size:12px;font-family:var(--pk-font);margin-bottom:6px}.landing-step-title{color:var(--pk-color-text);font-size:14px;font-weight:600;font-family:var(--pk-font);margin-bottom:4px}.landing-step-desc{color:var(--pk-color-text-muted);font-size:13px;line-height:1.6;font-family:var(--pk-font)}.landing-footer{border-top:1px solid var(--pk-color-border-muted);color:var(--pk-color-text-muted);justify-content:space-between;align-items:center;padding:1.5rem 0;font-size:12px;display:flex}.landing-footer-links{gap:1.5rem;display:flex}.landing-footer a{color:var(--pk-color-text-muted);text-decoration:none}.landing-footer a:hover{color:var(--pk-color-text)}