.btn{display:inline-flex;align-items:center;gap:var(--space-2);border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-weight:var(--weight-semibold);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background var(--transition-fast),opacity var(--transition-fast),box-shadow var(--transition-fast)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn--sm{font-size:var(--text-sm);padding:5px 12px}.btn--md{font-size:var(--text-base);padding:10px 20px}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--secondary{background:var(--color-overlay);color:var(--color-text);border:1px solid var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-border)}.btn--danger{background:var(--color-danger-bg);color:#fff}.btn--danger:hover:not(:disabled){background:var(--color-danger)}.btn--ghost{background:none;border:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-sm);padding:4px 10px;border-radius:var(--radius-sm)}.btn--ghost:hover:not(:disabled){background:var(--color-overlay);color:var(--color-text)}.badge{display:inline-block;padding:3px 12px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.badge--creating{background:var(--badge-creating-bg);color:var(--badge-creating-text)}.badge--running{background:var(--badge-running-bg);color:var(--badge-running-text)}.badge--failed{background:var(--badge-failed-bg);color:var(--badge-failed-text)}.badge--deleted,.badge--repo_deleted{background:var(--badge-deleted-bg);color:var(--badge-deleted-text)}.form-input{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);box-sizing:border-box;transition:border-color var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-accent)}.form-input--md{border-radius:var(--radius-md);padding:10px 14px;font-size:var(--text-base);font-family:var(--font-sans);width:100%}.form-input--sm{border-radius:var(--radius-sm);padding:5px 8px;font-size:var(--text-sm);font-family:var(--font-sans)}.form-input--mono{font-family:var(--font-mono)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-backdrop);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4)}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-xl)}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.modal__title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text);margin:0}.modal__close{background:none;border:none;color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;padding:4px 6px;border-radius:var(--radius-sm);line-height:1}.modal__close:hover{background:var(--color-overlay);color:var(--color-text)}.modal__body{padding:var(--space-6)}.modal__rows{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.modal__row{display:flex;align-items:baseline;gap:var(--space-4)}.modal__label{font-size:var(--text-sm);color:var(--color-text-muted);width:68px;flex-shrink:0}.modal__value{font-size:var(--text-base);color:var(--color-text);word-break:break-all}.modal__value--mono{font-family:var(--font-mono);font-size:var(--text-sm)}.modal__warning{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6)}.modal__actions{display:flex;gap:var(--space-3)}.error-message{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--badge-failed-bg);border:1px solid var(--badge-failed-border);border-radius:var(--radius-md);color:var(--badge-failed-text);font-size:var(--text-sm);margin-top:var(--space-3)}.error-message__text{flex:1}.error-message__dismiss{background:none;border:none;color:inherit;cursor:pointer;opacity:.7;padding:0;line-height:1;flex-shrink:0}.error-message__dismiss:hover{opacity:1}.progress-stages{display:flex;gap:var(--space-4);align-items:center;padding:var(--space-2) 0}.progress-stage{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.progress-stage__dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);flex-shrink:0}.progress-stage--active{color:var(--color-warning)}.progress-stage--active .progress-stage__dot{background:var(--color-warning);animation:pulse 1.2s ease-in-out infinite}.progress-stage--done{color:var(--color-success)}.progress-stage--done .progress-stage__dot{background:var(--color-success)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.tabbar{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.tabbar__tab{display:flex;flex-direction:column;align-items:flex-start;background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;padding:var(--space-2) var(--space-4);transition:background var(--transition-fast),border-color var(--transition-fast)}.tabbar__tab:hover:not(.tabbar__tab--active){background:var(--color-surface)}.tabbar__tab--active{background:var(--color-selected);border-color:var(--color-accent);color:var(--color-text)}.tabbar__label{font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1.2}.tabbar__desc{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px;line-height:1.2}.tabbar__tab--active .tabbar__desc{color:var(--color-text-muted)}.project-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);transition:border-color var(--transition-slow),box-shadow var(--transition-base)}.project-card:hover{box-shadow:var(--shadow-md)}.project-card--flash{border-color:var(--color-success);box-shadow:var(--shadow-success)}.project-card__info{flex:1;min-width:0}.project-card__name{font-size:var(--text-base);font-weight:var(--weight-semibold);margin-bottom:var(--space-1);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.project-card__meta{font-size:var(--text-sm);color:var(--color-text-muted);display:flex;gap:var(--space-3);flex-wrap:wrap}.project-card__meta a{color:var(--color-accent);text-decoration:none}.project-card__meta a:hover{text-decoration:underline}.project-card__actions{display:flex;gap:var(--space-2);flex-shrink:0}.project-card__extras{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}.extras-panel{padding-top:var(--space-1)}.webhook-panel{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.webhook-url{font-size:var(--text-xs);font-family:var(--font-mono);background:var(--color-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:6px 10px;color:var(--color-text-muted);word-break:break-all;flex:1}.env-panel{display:flex;flex-direction:column;gap:var(--space-2)}.env-list{display:flex;flex-direction:column;gap:var(--space-1)}.env-empty{font-size:var(--text-sm);color:var(--color-text-muted)}.env-row{display:flex;align-items:center;gap:var(--space-2);background:var(--color-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:5px 10px;font-size:var(--text-sm);font-family:var(--font-mono)}.env-row__key{color:var(--color-code-variable);flex-shrink:0}.env-row__val{color:var(--color-text-muted);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.env-row__del{margin-left:auto;flex-shrink:0}.env-form{display:flex;gap:var(--space-2);flex-wrap:wrap}.build-log-panel{margin-top:var(--space-3);border-top:1px solid var(--color-border-subtle);padding-top:var(--space-3);width:100%}.build-log-panel summary{font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.build-log-output{margin-top:var(--space-2);background:var(--color-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:var(--space-3);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-muted);max-height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.project-card__extras--standalone,.history-panel{display:flex;flex-direction:column;gap:var(--space-2)}.history-row{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);padding:5px 0;border-bottom:1px solid var(--color-border-subtle)}.history-row:last-child{border-bottom:none}.history-row__meta{display:flex;align-items:center;gap:var(--space-3);flex:1;flex-wrap:wrap}.history-row__sha{font-family:var(--font-mono);color:var(--color-accent);text-decoration:none}.history-row__sha:not(.history-row__sha--plain):hover{text-decoration:underline}.history-row__sha--plain{color:var(--color-text-muted);cursor:default}.history-row__trigger{color:var(--color-text-muted);font-size:var(--text-xs)}.history-row__date{color:var(--color-text-muted);margin-left:auto}.style-guide{max-width:860px;margin:0 auto;padding:var(--space-8) var(--space-6) 80px}.sg-header{margin-bottom:var(--space-10);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-6)}.sg-header h1{font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.sg-header p{color:var(--color-text-muted)}.sg-content{display:flex;flex-direction:column;gap:var(--space-10)}.sg-section__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-subtle)}.sg-section__body{display:flex;flex-direction:column;gap:var(--space-4)}.sg-row{display:flex;align-items:center;gap:var(--space-4)}.sg-row__label{font-size:var(--text-sm);color:var(--color-text-muted);width:100px;flex-shrink:0}.sg-row__content{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.sg-colors{display:flex;flex-wrap:wrap;gap:var(--space-4)}.sg-color-swatch{display:flex;flex-direction:column;gap:var(--space-1);width:120px}.sg-color-swatch__block{height:40px;border-radius:var(--radius-sm)}.sg-color-swatch__token{font-size:var(--text-2xs);font-family:var(--font-mono);color:var(--color-text-muted)}.sg-color-swatch__label{font-size:var(--text-xs);color:var(--color-text-muted)}.sg-type-stack{display:flex;flex-direction:column;gap:var(--space-4)}.sg-type-stack>div{display:flex;align-items:baseline;gap:var(--space-4)}.sg-type-label{font-size:var(--text-2xs);font-family:var(--font-mono);color:var(--color-text-muted);width:200px;flex-shrink:0}.login-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:var(--space-5);text-align:center;padding:0 var(--space-6)}.login-screen__logo{width:48px;height:48px;border-radius:var(--radius-md);background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:var(--space-2);box-shadow:var(--shadow-brand)}.login-screen h1{font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:-.02em}.login-screen__tagline{color:var(--color-text-muted);font-size:var(--text-base);max-width:280px}.login-screen__hint{font-size:var(--text-sm);color:var(--color-text-muted)}.not-invited-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:var(--space-4);text-align:center;padding:0 var(--space-6)}.not-invited-screen__logo{width:48px;height:48px;border-radius:var(--radius-md);background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:var(--space-2);box-shadow:var(--shadow-brand)}.not-invited-screen h1{font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:-.02em}.not-invited-screen p{color:var(--color-text-muted)}.not-invited-screen__divider{width:40px;height:1px;background:var(--color-border)}.not-invited-screen__hint{font-size:var(--text-sm)}.deploy-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-8)}.deploy-card__heading{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.template-picker{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.template-card{flex:1;min-width:140px;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:14px var(--space-4);cursor:pointer;text-align:left;transition:border-color var(--transition-base)}.template-card:hover{border-color:var(--color-accent)}.template-card--selected{border-color:var(--color-accent);background:var(--color-selected)}.template-card h4{font-size:var(--text-base);font-weight:var(--weight-semibold);margin-bottom:var(--space-1)}.template-card p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.4}.repo-fields{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-3)}.repo-picker{position:relative}.repo-picker__input-row{display:flex;align-items:center;position:relative}.repo-picker__input{flex:1}.repo-picker__clear{position:absolute;right:10px;background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-sm);padding:2px 4px;line-height:1}.repo-picker__clear:hover{color:var(--color-text)}.repo-picker__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);max-height:240px;overflow-y:auto}.repo-picker__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;padding:9px 14px;background:none;border:none;color:var(--color-text);font-size:var(--text-sm);font-family:var(--font-sans);text-align:left;cursor:pointer;border-bottom:1px solid var(--color-border-subtle)}.repo-picker__item:last-child{border-bottom:none}.repo-picker__item:hover{background:var(--color-overlay)}.repo-picker__item--muted{color:var(--color-text-muted);cursor:default}.repo-picker__item--muted:hover{background:none}.repo-picker__name{font-family:var(--font-mono);font-size:var(--text-xs)}.repo-picker__badge{font-size:var(--text-2xs);padding:1px 7px;border-radius:var(--radius-full);background:var(--color-overlay);color:var(--color-text-muted);border:1px solid var(--color-border);white-space:nowrap;flex-shrink:0}.repo-picker__branch{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 14px;color:var(--color-text);font-size:var(--text-base);font-family:var(--font-sans);width:100%;box-sizing:border-box}.repo-picker__branch:focus{outline:none;border-color:var(--color-accent)}.repo-picker__warning{font-size:var(--text-sm);color:var(--color-warning);margin:0;padding:8px 12px;background:var(--color-caution-surface);border:1px solid var(--color-caution-border);border-radius:var(--radius-md)}.repo-picker__ok{font-size:var(--text-sm);color:var(--color-success);margin:0;padding:8px 12px;background:var(--color-ok-surface);border:1px solid var(--color-ok-border);border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.repo-picker__skeleton{cursor:default;pointer-events:none}.repo-picker__skeleton:hover{background:none}.repo-picker__skeleton-name,.repo-picker__skeleton-badge{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-overlay) 25%,var(--color-border) 50%,var(--color-overlay) 75%);background-size:800px 100%;animation:shimmer 1.4s infinite linear}.repo-picker__skeleton-name{height:12px;width:55%}.repo-picker__skeleton-badge{height:12px;width:14%}.deploy-form-row{display:flex;gap:var(--space-3);align-items:center;margin-top:var(--space-3)}.deploy-form-row__name{flex:1}.deploy-form-row__port{width:110px;flex-shrink:0}.projects-list{display:flex;flex-direction:column;gap:var(--space-3)}.empty{color:var(--color-text-muted);text-align:center;padding:48px 0}.app-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:10px var(--space-6);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.app-banner--warn{background:var(--color-warn-surface);color:var(--color-warning);border-bottom:1px solid var(--color-warn-border)}.app-banner--info{background:var(--color-info-surface);color:var(--color-accent);border-bottom:1px solid var(--color-info-border)}.banner-btn{background:none;border:1px solid currentColor;border-radius:var(--radius-sm);color:inherit;font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:3px 10px;cursor:pointer;white-space:nowrap}.banner-btn:hover{opacity:.8}.app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-8);border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface);position:sticky;top:0;z-index:var(--z-sticky)}.app-header__brand{font-weight:var(--weight-bold);font-size:var(--text-base);color:var(--color-text);display:flex;align-items:center;gap:var(--space-2)}.app-header__brand:before{content:"⚡";font-size:1rem}.app-header__user{display:flex;align-items:center;gap:10px;font-size:var(--text-sm);color:var(--color-text-muted)}.app-header__user img{border-radius:50%;border:1px solid var(--color-border)}.app-main{max-width:900px;margin:var(--space-10) auto;padding:0 var(--space-6)}.projects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.projects-header h2{font-size:var(--text-lg);font-weight:var(--weight-semibold)}:root{--color-bg: #0d1117;--color-surface: #161b22;--color-overlay: #21262d;--color-border: #30363d;--color-border-subtle: #21262d;--color-text: #e6edf3;--color-text-muted: #8b949e;--color-accent: #58a6ff;--color-success: #3fb950;--color-warning: #e3b341;--color-danger: #f85149;--color-primary: #238636;--color-primary-hover: #2ea043;--color-danger-bg: #da3633;--badge-creating-bg: #4a3000;--badge-creating-text: #e3b341;--badge-running-bg: #0a3622;--badge-running-text: #3fb950;--badge-failed-bg: #3d0014;--badge-failed-text: #f85149;--badge-deleted-bg: #21262d;--badge-deleted-text: #8b949e;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 20px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SFMono-Regular", Consolas, monospace;--text-2xs: .65rem;--text-xs: .75rem;--text-sm: .8rem;--text-base: .95rem;--text-lg: 1.1rem;--text-xl: 2rem;--weight-normal: 400;--weight-semibold: 600;--weight-bold: 700;--shadow-sm: 0 1px 3px rgba(1, 4, 9, .4);--shadow-md: 0 2px 8px rgba(1, 4, 9, .4);--shadow-lg: 0 4px 16px rgba(1, 4, 9, .5);--shadow-xl: 0 8px 32px rgba(1, 4, 9, .6);--shadow-success: 0 0 0 1px var(--color-success), 0 2px 12px rgba(63, 185, 80, .2);--transition-fast: .1s ease;--transition-base: .15s ease;--transition-slow: .3s ease;--z-sticky: 10;--z-dropdown: 50;--z-modal: 100;--z-banner: 200;--gradient-brand: linear-gradient(135deg, #238636 0%, #2ea043 100%);--shadow-brand: 0 0 0 1px rgba(35, 134, 54, .4), 0 4px 16px rgba(35, 134, 54, .25);--color-selected: #0d1f38;--color-warn-surface: #2d1a00;--color-warn-border: #4a3000;--color-info-surface: #0a2140;--color-info-border: #1a3a5c;--color-ok-surface: rgba(63, 185, 80, .08);--color-ok-border: rgba(63, 185, 80, .25);--color-caution-surface: rgba(227, 179, 65, .08);--color-caution-border: rgba(227, 179, 65, .25);--color-backdrop: rgba(1, 4, 9, .75);--badge-failed-border: #6d1020;--color-code-variable: #79c0ff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);min-height:100vh;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}#loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--color-text-muted);font-size:var(--text-base)}