*{box-sizing:border-box}body{background:var(--surface,#f6f7f9);color:var(--ink,#1d2535);margin:0;font-family:Arial,Apple SD Gothic Neo,Malgun Gothic,sans-serif;line-height:1.6}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--accent,#3957d5);outline-offset:4px}a{color:inherit}.button{background:var(--accent,#3957d5);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;min-height:46px;padding:10px 18px;font-weight:650;text-decoration:none;display:inline-flex}.button:hover{filter:brightness(.94)}.button:disabled{opacity:.55;cursor:wait}.button.secondary{color:var(--ink,#1d2535);background:#fff;border-color:#dce0e8}.field{gap:8px;margin-bottom:20px;font-size:14px;font-weight:600;display:grid}.field input{width:100%;min-width:0;color:inherit;background:#fff;border:1px solid #d6dce6;border-radius:9px;padding:12px 14px}.card{background:#fff;border:1px solid #e1e5ec;border-radius:18px;padding:32px}.notice{background:#eff5ff;border-radius:9px;padding:12px 14px;font-size:14px}.notice-error{color:#982d37;background:#fff0f1}@media (max-width:600px){.card{padding:24px}}
:root{--color-accent:#3957d5;--color-accent-hover:#2e46b5;--color-accent-subtle:#e9edfc;--color-text:#202837;--color-text-secondary:#5c687e;--color-text-muted:#606c82;--color-background:#f6f7f9;--color-panel:#fff;--color-panel-subtle:#eef1f7;--color-border:#e1e5ec;--color-border-strong:#cbd2df;--color-on-accent:#fff;--color-success:#25654c;--color-success-subtle:#edf6f1;--color-warning:#80580d;--color-warning-subtle:#fff5df;--color-danger:#982d37;--color-danger-subtle:#fff0f1;--font-family:Arial, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:21px;--font-size-2xl:28px;--font-size-page:34px;--font-size-display:clamp(32px, 3.2vw, 48px);--font-size-display-mobile:30px;--font-size-brand:23px;--font-weight-medium:600;--font-weight-bold:700;--line-height-body:1.6;--line-height-copy:1.8;--line-height-heading:1.35;--tracking-heading:-.6px;--tracking-brand:-.8px;--tracking-page:-1px;--tracking-mobile:-1.2px;--tracking-caption:1.5px;--tracking-display:-1.7px;--tracking-label:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--space-11:44px;--space-12:48px;--space-13:52px;--space-14:56px;--space-16:64px;--space-18:72px;--radius-sm:6px;--radius-control:10px;--radius-card:18px;--radius-pill:999px;--border-width:1px;--focus-width:3px;--control-height:46px;--control-height-small:38px;--opacity-disabled:.55;--layout-width:1168px;--layout-content-width:1120px;--layout-sidebar-width:185px;--layout-login-width:440px;--accent:var(--color-accent);--ink:var(--color-text);--surface:var(--color-background);--border:var(--color-border)}
body{font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height-body);color:var(--color-text);background:var(--color-background)}:focus-visible{outline:var(--focus-width) solid var(--color-accent);outline-offset:var(--space-1)}.button{min-height:var(--control-height);border:var(--border-width) solid transparent;border-radius:var(--radius-control);padding:var(--space-2) var(--space-5);background:var(--color-accent);color:var(--color-on-accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.button:hover:not(:disabled){background:var(--color-accent-hover);filter:none}.button.secondary{color:var(--color-text);background:var(--color-panel);border-color:var(--color-border-strong)}.button.secondary:hover:not(:disabled){background:var(--color-panel-subtle)}.button:disabled{opacity:var(--opacity-disabled);filter:none;cursor:not-allowed}.field{gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-5)}.field input,select{min-height:var(--control-height);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-control);padding:var(--space-3) var(--space-4);background:var(--color-panel);color:var(--color-text);font:inherit}.field input:read-only,.field input:disabled{background:var(--color-panel-subtle);color:var(--color-text-secondary)}.field input[type=color]{padding:var(--space-2)}.card{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-8);background:var(--color-panel);min-width:0}.notice{font-size:var(--font-size-sm);background:var(--color-accent-subtle);color:var(--color-text);padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);overflow-wrap:anywhere}.notice-error{color:var(--color-danger);background:var(--color-danger-subtle)}@media (max-width:600px){.card{padding:var(--space-6)}}
.skip{z-index:10;background:var(--color-panel);padding:var(--space-3);position:fixed;top:-100px;left:12px}.skip:focus{top:12px}.wordmark{font-size:var(--font-size-brand);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-brand);align-items:center;gap:var(--space-2);text-decoration:none;display:flex}.brand-dot{background:var(--accent);border-radius:50%;width:7px;height:7px}.login-layout{grid-template-columns:46% 54%;min-height:100dvh;display:grid}.welcome{background:var(--color-panel-subtle);padding:var(--space-13) 12%;justify-content:space-between;gap:var(--space-12);flex-direction:column;display:flex}.eyebrow{font-size:var(--font-size-xs);letter-spacing:var(--tracking-label);color:var(--color-text-muted);font-weight:var(--font-weight-bold);margin:0 0 var(--space-4)}h1{font-size:var(--font-size-display);line-height:var(--line-height-heading);letter-spacing:var(--tracking-display);margin:0 0 var(--space-5)}h2{font-size:var(--font-size-xl);letter-spacing:var(--tracking-heading);margin:0 0 var(--space-3)}.welcome-copy{max-width:330px;color:var(--color-text-secondary);font-size:var(--font-size-md)}.welcome-footer{color:var(--color-text-muted);font-size:var(--font-size-xs)}.login-pane{padding:var(--space-10);flex-direction:column;justify-content:center;align-items:center;display:flex}.login-card{width:100%;max-width:var(--layout-login-width)}.login-card form{margin-top:var(--space-7)}.muted{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-6)}.full{width:100%}.fine-print{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-6)}.actions{gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.topbar{align-items:center;gap:var(--space-5);padding:var(--space-6) max(var(--space-6), calc((100vw - var(--layout-content-width)) / 2));border-bottom:var(--border-width) solid var(--color-border);background:var(--color-panel);display:flex}.workspace-nav{gap:var(--space-2);flex-wrap:wrap;margin-left:auto;display:flex}.workspace-nav a{min-height:var(--control-height-small);padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);font-size:var(--font-size-sm);color:var(--color-text-secondary);align-items:center;text-decoration:none;display:inline-flex}.workspace-nav a:hover{background:var(--color-panel-subtle)}.workspace-nav a[aria-current=page]{color:var(--color-accent);background:var(--color-accent-subtle);font-weight:var(--font-weight-medium)}.topbar-actions{align-items:center;gap:var(--space-3);display:flex}.tag{font-size:var(--font-size-xs);color:var(--color-text-secondary);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2)}.workspace{max-width:var(--layout-width);padding:var(--space-16) var(--space-6);margin:0 auto}.workspace h1{font-size:var(--font-size-page)}.workspace:has([data-project-workspace]){padding-block:0}.account-grid{gap:var(--space-6);margin-top:var(--space-8);grid-template-columns:1.1fr 1fr;display:grid}.section-heading{align-items:center;gap:var(--space-3);margin-bottom:var(--space-7);display:flex}.section-heading h2{margin:0}.section-heading .button{margin-left:auto}.section-number{color:var(--color-text-muted);font-size:var(--font-size-xs)}.status-line{align-items:center;gap:var(--space-2);font-weight:var(--font-weight-medium);display:flex}.status-dot{background:var(--color-success);border-radius:50%;width:7px;height:7px}.users-card{margin-top:var(--space-6)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm);text-align:left}caption{text-align:left;font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--space-3)}th,td{border-bottom:var(--border-width) solid var(--color-border);padding:var(--space-4) var(--space-3)}th{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.footer{max-width:var(--layout-width);padding:0 var(--space-6) var(--space-10);color:var(--color-text-muted);font-size:var(--font-size-xs);margin:0 auto}@media (max-width:800px){.login-layout{grid-template-columns:1fr}.welcome{padding:var(--space-7) var(--space-6);gap:var(--space-7)}.welcome h1{font-size:var(--font-size-display-mobile)}.welcome-footer{display:none}.login-pane{padding:var(--space-7) var(--space-5)}.account-grid{grid-template-columns:1fr}.workspace{padding-top:var(--space-9)}.topbar .wordmark{font-size:var(--font-size-xl)}.topbar{gap:var(--space-3)}.section-heading{flex-wrap:wrap}}select{max-width:100%}.organization-section{margin-top:var(--space-8)}.organization-section>label{margin-bottom:var(--space-2);font-weight:var(--font-weight-medium);display:block}.organization-section>select{width:100%}.organization-detail{gap:var(--space-6);margin-top:var(--space-6);display:grid}.organization-detail form select{width:100%}.request-id{font-size:var(--font-size-xs);overflow-wrap:anywhere}.organization-detail td .muted{margin:var(--space-2) 0 0}.fobyus-kicker{font-size:var(--font-size-xs);letter-spacing:var(--tracking-label);font-weight:var(--font-weight-bold);color:var(--color-text-muted);margin-bottom:var(--space-4);display:block}.fobyus-landing{background:var(--surface);word-break:keep-all;min-height:100dvh}.landing-nav,.landing-main,.landing-footer{max-width:var(--layout-width);padding-inline:var(--space-6);margin:0 auto}.landing-nav{padding-block:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.landing-login{align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;display:inline-flex}.landing-login:hover{color:var(--accent)}.landing-hero{padding:var(--space-18) 0 var(--space-16)}.landing-hero h1{text-wrap:balance}.landing-copy{color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:var(--line-height-copy);margin:0}.landing-hero .actions{margin-top:var(--space-7);gap:var(--space-3)}.landing-hero .button{gap:var(--space-4)}.landing-preview{background:var(--color-panel-subtle);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-9);gap:var(--space-10);grid-template-columns:1fr 1fr;align-items:center;display:grid}.landing-preview p:not(.eyebrow),.how-grid p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-copy);margin:0}.landing-preview ul{margin:0;padding:0;list-style:none}.landing-preview li{padding:var(--space-4) 0;border-bottom:var(--border-width) solid var(--color-border);align-items:center;gap:var(--space-4);font-size:var(--font-size-sm);display:flex}.landing-preview li:last-child{border-bottom:0}.foundation-number{font-size:var(--font-size-xs);color:var(--color-text-muted)}.foundation-tag{font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-panel);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);flex-shrink:0;margin-left:auto}.landing-how{padding:var(--space-16) 0;scroll-margin-top:var(--space-6)}.how-grid{gap:var(--space-8);margin-top:var(--space-7);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.how-grid article{border-top:var(--border-width) solid var(--color-border);padding-top:var(--space-6)}.step-number{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--accent);margin-bottom:var(--space-4);display:block}.how-grid h3{font-size:var(--font-size-lg);letter-spacing:var(--tracking-heading);margin:0 0 var(--space-3)}.landing-footer{padding-block:var(--space-6) var(--space-8);color:var(--color-text-muted);font-size:var(--font-size-xs);border-top:var(--border-width) solid var(--color-border)}@media (max-width:800px){.landing-nav{padding-block:var(--space-7)}.landing-hero{padding-block:var(--space-11)}.landing-hero h1{font-size:var(--font-size-display-mobile);letter-spacing:var(--tracking-mobile)}.landing-preview{gap:var(--space-5);padding:var(--space-6);grid-template-columns:1fr}.landing-how{padding-block:var(--space-11)}.how-grid{gap:var(--space-6);grid-template-columns:1fr}}@media (max-width:400px){.landing-nav{gap:var(--space-3)}.landing-login{font-size:var(--font-size-xs);gap:var(--space-2)}.landing-hero h1{font-size:var(--font-size-2xl)}.landing-preview{padding:var(--space-5)}.landing-preview li{gap:var(--space-2);font-size:var(--font-size-sm)}}.workspace:has(.fobyus-shell){max-width:var(--layout-width);padding:0 var(--space-6)}.fobyus-shell{grid-template-columns:var(--layout-sidebar-width) minmax(0,1fr);gap:var(--space-10);min-height:85vh;display:grid}.fobyus-aside{padding:var(--space-12) var(--space-4) var(--space-8) 0;border-right:var(--border-width) solid var(--color-border)}.sidebar-active{font-size:var(--font-size-sm);background:var(--color-accent-subtle);border-radius:var(--radius-control);color:var(--color-accent);padding:var(--space-3);margin-right:var(--space-4)}.sidebar-active span{float:right}.fobyus-aside>a{font-size:var(--font-size-xs);margin-top:var(--space-5);color:var(--color-text-secondary);text-decoration:none;display:block}.sidebar-note{margin-top:var(--space-18)}.sidebar-note p{font-size:var(--font-size-xs);line-height:var(--line-height-copy);color:var(--color-text-muted)}.sidebar-note .fobyus-kicker{font-size:var(--font-size-xs)}.fobyus-content{min-width:0;padding:var(--space-11) 0}.fobyus-heading{align-items:flex-start;gap:var(--space-5);justify-content:space-between;display:flex}.fobyus-heading h1{font-size:var(--font-size-page);letter-spacing:var(--tracking-page)}.fobyus-heading .button{white-space:nowrap}.fobyus-heading .muted{font-size:var(--font-size-sm)}.github-strip{gap:var(--space-5);border:var(--border-width) solid var(--color-border);background:var(--color-panel-subtle);border-radius:var(--radius-control);padding:var(--space-5) var(--space-6);margin:var(--space-6) 0 var(--space-8);justify-content:space-between;align-items:center;display:flex}.github-strip strong{font-size:var(--font-size-sm)}.github-strip p{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:var(--space-2) 0 0;line-height:var(--line-height-copy)}.github-strip .button{white-space:nowrap;font-size:var(--font-size-xs)}.project-list-heading{margin:var(--space-8) 0 var(--space-5);justify-content:space-between;align-items:center;display:flex}.project-list-heading h2{font-size:var(--font-size-lg);margin:0}.project-list-heading h2 span{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-left:var(--space-2)}.text-button{font:inherit;font-size:var(--font-size-xs);color:var(--color-accent);cursor:pointer;background:0 0;border:0;padding:0}.text-button:disabled{opacity:var(--opacity-disabled)}.empty-project{border:var(--border-width) dashed var(--color-border-strong);border-radius:var(--radius-card);text-align:center;padding:var(--space-14) var(--space-5);background:var(--color-panel)}.empty-symbol{margin:0 auto var(--space-5);border-radius:var(--radius-card);background:var(--color-accent-subtle);width:48px;height:48px;color:var(--color-accent);font-size:var(--font-size-2xl);place-items:center;display:grid}.empty-project h2{font-size:var(--font-size-xl)}.empty-project p{color:var(--color-text-secondary);line-height:var(--line-height-copy);font-size:var(--font-size-sm);margin-bottom:var(--space-6)}.new-project{background:var(--color-panel);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-card);padding:var(--space-7);margin:var(--space-6) 0}.new-project h2{font-size:var(--font-size-xl)}.form-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-grid .field{margin:0}.form-grid select{width:100%}.form-help{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:var(--line-height-body)}.module-grid{gap:var(--space-3);margin:var(--space-6) 0;display:grid}.module-choice{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);cursor:pointer;display:flex}.module-choice input{width:17px;height:17px;accent-color:var(--color-accent)}.module-choice strong{font-size:var(--font-size-sm);display:block}.module-choice small{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1);display:block}.module-choice b{font-size:var(--font-size-xs);color:var(--color-accent);margin-left:auto}.form-bottom{justify-content:space-between;align-items:center;gap:var(--space-5);margin-top:var(--space-6);display:flex}.form-bottom p{font-size:var(--font-size-xs);color:var(--color-text-muted);max-width:300px;line-height:var(--line-height-copy)}.project-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.project-card{padding:var(--space-6);background:var(--color-panel);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);min-width:0}.project-card-top{justify-content:space-between;gap:var(--space-3);align-items:center;display:flex}.project-avatar{border-radius:var(--radius-control);width:38px;height:38px;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-on-accent);place-items:center;display:grid}.project-status{font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-panel-subtle);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-2)}.project-status.success{color:var(--color-success);background:var(--color-success-subtle)}.project-status.error{color:var(--color-danger);background:var(--color-danger-subtle)}.project-status.working{color:var(--color-warning);background:var(--color-warning-subtle)}.project-card h3{font-size:var(--font-size-xl);letter-spacing:var(--tracking-heading);margin:var(--space-5) 0 var(--space-1);overflow-wrap:anywhere}.project-slug{color:var(--color-text-muted);font-size:var(--font-size-xs);margin:0 0 var(--space-5)}.project-tags{gap:var(--space-1);flex-wrap:wrap;display:flex}.project-tags span{font-size:var(--font-size-xs);background:var(--color-panel-subtle);border:var(--border-width) solid var(--color-border);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-secondary)}.project-meta{justify-content:space-between;gap:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-muted);margin:var(--space-6) 0 var(--space-4);display:flex}.project-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.project-actions .button{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3);min-height:var(--control-height-small)}.project-update{border-top:var(--border-width) solid var(--color-border);margin-top:var(--space-5);padding-top:var(--space-4)}.update-plan{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-copy);margin-top:var(--space-3)}.update-plan ul{padding-left:var(--space-5);overflow-wrap:anywhere}.update-plan .button{font-size:var(--font-size-xs);margin-top:var(--space-3)}.fobyus-release{align-items:center;gap:var(--space-3);border-top:var(--border-width) solid var(--color-border);margin-top:var(--space-11);padding-top:var(--space-6);font-size:var(--font-size-xs);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.fobyus-release>span{font-size:var(--font-size-xs);letter-spacing:var(--tracking-caption)}.fobyus-release p{width:100%;font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}@media (max-width:900px){.fobyus-shell{grid-template-columns:1fr;gap:0}.fobyus-aside{display:none}.fobyus-content{min-width:0;padding:var(--space-8) 0}.project-grid{gap:var(--space-4)}.fobyus-heading h1{font-size:var(--font-size-2xl)}}@media (max-width:600px){.fobyus-heading{flex-direction:column;gap:0}.github-strip{padding:var(--space-5);align-items:flex-start;gap:var(--space-4);flex-direction:column}.project-grid,.form-grid{grid-template-columns:1fr}.new-project{padding:var(--space-5)}.form-bottom{flex-direction:column;align-items:flex-start}.project-card{padding:var(--space-6)}.workspace:has(.fobyus-shell){padding:0 var(--space-5)}}.module-choice:has(input:checked){border-color:var(--color-accent);background:var(--color-accent-subtle)}.module-choice:hover{border-color:var(--color-accent)}.module-choice>span,.github-strip>div{min-width:0}.fobyus-content,.workspace h1,.workspace h2,.workspace h3{word-break:keep-all;overflow-wrap:anywhere}@media (max-width:600px){.topbar{padding-block:var(--space-4);gap:var(--space-3);flex-wrap:wrap}.topbar .wordmark{font-size:var(--font-size-brand)}.workspace-nav{flex-basis:100%;order:3;margin-left:0}.topbar-actions{margin-left:auto}.workspace h1{font-size:var(--font-size-2xl)}.project-card-top{flex-wrap:wrap}}