*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--white: #ffffff;--surface: #f5f5f5;--black: #000000;--muted: #777777;--red: #ff0000;--green: #10b981;--font: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;--transition: .25s cubic-bezier(.4, 0, .2, 1)}html,body{font-family:var(--font);font-size:15px;color:var(--black);background:var(--white);line-height:1.5;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}.label{font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);line-height:1}.app{position:relative;z-index:1;max-width:640px;margin:0 auto;padding:48px 24px 96px}header{padding-bottom:32px;border-bottom:2px solid var(--black);margin-bottom:32px;display:flex;justify-content:space-between;align-items:flex-start}header h1{font-size:48px;font-weight:700;letter-spacing:-.03em;line-height:1.05}@media(max-width:600px){header h1{font-size:36px}}.status{font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding-top:8px}.status.ok{color:var(--green);font-weight:700}.status.err{color:var(--red);font-weight:700}.card{border:2px solid var(--black);background:var(--white);padding:24px;margin-bottom:24px}.card h2{font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:16px}.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid var(--black);margin-bottom:24px}@media(max-width:600px){.stats-bar{grid-template-columns:repeat(2,1fr)}.stat:nth-child(1),.stat:nth-child(2){border-bottom:2px solid var(--black)}.stat:nth-child(2){border-right:none}}.stat{padding:20px;border-right:2px solid var(--black);text-align:center}.stat:last-child{border-right:none}.stat-value{font-size:32px;font-weight:700;letter-spacing:-.03em;line-height:1;margin-bottom:4px}.power-switch{background:var(--surface)}.power-btn{font-family:var(--font);font-size:18px;font-weight:700;padding:16px 32px;border:2px solid var(--black);cursor:pointer;transition:var(--transition);background:var(--white);color:var(--black);letter-spacing:-.02em}.power-btn:hover,.power-btn.on{background:var(--black);color:var(--white)}.power-btn.off{background:var(--white);color:var(--red);border-color:var(--red)}.signal{margin-top:8px;font-size:13px;color:var(--muted)}.token-meter{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--black);margin-bottom:20px}.meter-item{padding:16px 20px;text-align:center}.meter-item:first-child{border-right:2px solid var(--black)}.meter-item .label{font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);display:block;margin-bottom:4px}.meter-item .value{font-size:28px;font-weight:700;letter-spacing:-.03em;color:var(--black)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 16px;border-bottom:1px solid rgba(0,0,0,.08);font-size:14px}th{font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border-bottom:2px solid var(--black)}td{color:var(--black)}.status-done{color:var(--green);font-weight:700}.status-pending{color:var(--muted)}.status-running{color:var(--black);font-weight:700}.status-failed{color:var(--red);font-weight:700}.login{max-width:400px;margin:0 auto}.login-input{display:block;width:100%;font-family:var(--font);font-size:18px;padding:14px 16px;border:2px solid var(--black);background:var(--white);color:var(--black);margin-bottom:12px;letter-spacing:.02em;outline:none}.login-input:focus{border-color:var(--black);box-shadow:4px 4px 0 var(--black)}.login-btn{font-family:var(--font);font-size:16px;font-weight:700;padding:14px 32px;border:2px solid var(--black);background:var(--black);color:var(--white);cursor:pointer;width:100%;letter-spacing:-.02em;transition:var(--transition)}.login-btn:hover:not(:disabled){background:var(--white);color:var(--black)}.login-btn:disabled{opacity:.4;cursor:not-allowed}.login-back{font-family:var(--font);font-size:13px;background:none;border:none;color:var(--muted);cursor:pointer;margin-top:8px;text-transform:uppercase;letter-spacing:.08em}.login-hint{font-size:13px;color:var(--muted);margin-bottom:12px}.login-error{font-size:13px;color:var(--red);margin-top:12px;font-weight:700}.request-form{max-width:100%}.form-field{margin-bottom:20px}.form-field .label{display:block;margin-bottom:8px}.form-select{display:block;width:100%;font-family:var(--font);font-size:16px;padding:12px 14px;border:2px solid var(--black);background:var(--white);color:var(--black);appearance:none;cursor:pointer}.form-textarea{display:block;width:100%;font-family:var(--font);font-size:15px;padding:12px 14px;border:2px solid var(--black);background:var(--white);color:var(--black);resize:vertical;outline:none}.form-textarea:focus{box-shadow:4px 4px 0 var(--black)}.type-pills{display:flex;gap:0;border:2px solid var(--black)}.type-pill{flex:1;font-family:var(--font);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:10px;background:var(--white);color:var(--black);border:none;border-right:2px solid var(--black);cursor:pointer;transition:var(--transition)}.type-pill:last-child{border-right:none}.type-pill.active{background:var(--black);color:var(--white)}.priority-bar{display:flex;gap:0;border:2px solid var(--black)}.priority-btn{flex:1;font-family:var(--font);font-size:18px;font-weight:700;padding:10px;background:var(--white);color:var(--black);border:none;border-right:2px solid var(--black);cursor:pointer;transition:var(--transition)}.priority-btn:last-child{border-right:none}.priority-btn.active{background:var(--black);color:var(--white)}.request-card{padding:20px}.request-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.request-type{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-left:8px}.request-priority{font-size:11px;font-weight:400;color:var(--muted);margin-left:8px}.request-desc{font-size:15px;line-height:1.5;margin-bottom:12px}.request-meta{font-size:13px;color:var(--muted);margin-bottom:6px}.request-meta code{font-size:12px;background:var(--surface);padding:2px 6px;border:1px solid rgba(0,0,0,.08)}.request-meta a{color:var(--black);font-weight:700;text-decoration:underline}.prd-preview{margin-top:8px;padding:12px;background:var(--surface);border:1px solid rgba(0,0,0,.08);font-size:12px;line-height:1.5;white-space:pre-wrap;overflow-x:auto;max-height:300px;overflow-y:auto}.request-actions{display:flex;gap:8px;margin-top:12px}.action-btn{font-family:var(--font);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:8px 16px;border:2px solid var(--black);cursor:pointer;transition:var(--transition)}.action-btn.approve{background:var(--black);color:var(--white)}.action-btn.approve:hover{background:var(--green);border-color:var(--green)}.action-btn.reject{background:var(--white);color:var(--red);border-color:var(--red)}.action-btn.reject:hover{background:var(--red);color:var(--white)}.action-btn.cancel{background:var(--white);color:var(--muted);border-color:var(--muted)}.badge{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;border:1.5px solid}.badge-pending{color:var(--muted);border-color:var(--muted)}.badge-running{color:var(--black);border-color:var(--black);background:var(--surface)}.badge-done{color:var(--black);border-color:var(--black)}.badge-review{color:#b45309;border-color:#b45309;background:#fffbeb}.badge-merged{color:var(--green);border-color:var(--green);background:#ecfdf5}.badge-rejected,.badge-failed{color:var(--red);border-color:var(--red)}.badge-platform{color:var(--black);border-color:var(--black);background:var(--black);color:var(--white);margin-left:4px}.setup-checklist{border:2px solid var(--black);margin-bottom:24px}.setup-header{padding:24px;border-bottom:2px solid var(--black);background:var(--black);color:var(--white)}.setup-title{font-size:24px;font-weight:700;letter-spacing:-.03em;line-height:1.2;margin-bottom:4px}.setup-subtitle{font-size:13px;color:#fff9}.setup-step{display:flex;gap:16px;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.08);transition:var(--transition)}.setup-step:last-child{border-bottom:none}.setup-step.done{opacity:.45}.setup-step-num{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:2px solid var(--black);font-size:14px;font-weight:700}.setup-step.done .setup-step-num{background:var(--black);color:var(--white)}.setup-step-body{flex:1;min-width:0}.setup-step-title{font-size:15px;font-weight:700;margin-bottom:2px;display:flex;align-items:center;gap:8px}.who-badge{display:inline-block;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:2px 6px;border:1.5px solid;flex-shrink:0}.who-badge.you{color:var(--black);border-color:var(--black);background:var(--surface)}.who-badge.claude{color:var(--white);border-color:var(--black);background:var(--black)}.setup-step-desc{font-size:13px;color:var(--muted);margin-bottom:8px}.setup-code-wrap{position:relative;margin-top:8px}.setup-code{background:var(--surface);border:1px solid rgba(0,0,0,.08);padding:12px 14px;font-size:12px;line-height:1.6;white-space:pre-wrap;word-break:break-all;overflow-x:auto;font-family:SF Mono,Fira Code,monospace}.setup-copy-btn{position:absolute;top:8px;right:8px;font-family:var(--font);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:3px 10px;background:var(--white);border:1px solid rgba(0,0,0,.15);color:var(--muted);cursor:pointer;transition:var(--transition)}.setup-copy-btn:hover{border-color:var(--black);color:var(--black)}.setup-action-btn{font-family:var(--font);font-size:13px;font-weight:700;padding:10px 20px;background:var(--black);color:var(--white);border:2px solid var(--black);cursor:pointer;transition:var(--transition);margin-top:4px}.setup-action-btn:hover{background:var(--white);color:var(--black)}.user-email{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding-top:8px;margin-right:12px}.logout-btn{font-family:var(--font);font-size:11px;text-transform:uppercase;letter-spacing:.08em;background:none;border:1px solid var(--muted);color:var(--muted);padding:4px 12px;cursor:pointer;margin-left:12px;transition:var(--transition)}.logout-btn:hover{border-color:var(--red);color:var(--red)}.navbar{border-bottom:2px solid var(--black);background:var(--white);position:sticky;top:0;z-index:100}.navbar-inner{max-width:640px;margin:0 auto;padding:0 24px;display:flex;align-items:center;height:48px;gap:24px}.navbar-logo{font-family:var(--font);font-size:16px;font-weight:700;letter-spacing:-.03em;color:var(--black);text-decoration:none;flex-shrink:0}.navbar-links{display:flex;gap:0;flex:1}.navbar-link{font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-decoration:none;padding:14px 12px;border-bottom:2px solid transparent;margin-bottom:-2px;transition:var(--transition)}.navbar-link:hover{color:var(--black)}.navbar-link.active{color:var(--black);font-weight:700;border-bottom-color:var(--black)}.navbar-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.navbar-email{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.navbar-logout{font-family:var(--font);font-size:10px;text-transform:uppercase;letter-spacing:.08em;background:none;border:1px solid var(--muted);color:var(--muted);padding:3px 8px;cursor:pointer;transition:var(--transition)}.navbar-logout:hover{border-color:var(--red);color:var(--red)}@media(max-width:600px){.navbar-email{display:none}.navbar-inner{gap:12px}}.comment-thread{margin-top:16px;border-top:2px solid var(--black);padding-top:12px}.comment-thread-title{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:12px}.comment-empty{font-size:13px;color:var(--muted);margin-bottom:12px}.comment-item{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e5e5e5}.comment-item:last-of-type{border-bottom:none}.comment-meta{display:flex;justify-content:space-between;margin-bottom:4px}.comment-author{font-size:12px;font-weight:700;letter-spacing:-.02em}.comment-date{font-size:11px;color:var(--muted)}.comment-body{font-size:14px;line-height:1.5;white-space:pre-wrap}.comment-screenshot{margin-top:8px;max-width:100%;max-height:300px;border:2px solid var(--black);cursor:pointer;transition:var(--transition)}.comment-screenshot:hover{opacity:.85}.comment-form{margin-top:12px}.comment-form .form-textarea{font-size:13px;margin-bottom:8px}.comment-form-actions{display:flex;gap:8px;align-items:center}.comment-upload-btn{font-size:12px;font-family:var(--font);text-transform:uppercase;letter-spacing:.06em;border:2px solid var(--black);background:var(--white);padding:6px 12px;cursor:pointer;transition:var(--transition)}.comment-upload-btn:hover{background:var(--black);color:var(--white)}.comment-clear-btn{font-size:12px;font-family:var(--font);background:none;border:none;color:var(--red);cursor:pointer;padding:4px}.comment-send-btn{font-size:12px;font-family:var(--font);text-transform:uppercase;letter-spacing:.06em;border:2px solid var(--black);background:var(--black);color:var(--white);padding:6px 16px;cursor:pointer;margin-left:auto;transition:var(--transition)}.comment-send-btn:hover{background:var(--white);color:var(--black)}.comment-send-btn:disabled{opacity:.4;cursor:default}.comment-preview{margin-top:8px;max-width:200px;max-height:150px;border:2px solid var(--black)}.action-btn.comments{background:var(--white);color:var(--black);border-color:var(--black)}.action-btn.comments:hover{background:var(--black);color:var(--white)}