:root{--paper:#f7f5f0;--card:#fff;--ink:#201d19;--muted:#6d675d;--line:#e3ded3;--line-soft:#ede9df;--accent:#3a4d8f;--accent-deep:#2b3a6d;--accent-wash:#eef0f8;--ok:#2e6b4f;--ok-wash:#e9f2ed;--info:#8a6d1f;--info-wash:#f6efdc;--danger:#96403a;--danger-wash:#f7e9e7;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Hiragino Mincho ProN", "Yu Mincho", YuMincho, "Noto Serif JP", serif;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, "Helvetica Neue", Arial, sans-serif;--radius:10px;--shadow:0 1px 2px #201d190d, 0 8px 28px -18px #201d1940}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.65}h1,h2,h3,h4{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);margin:0 0 .5rem;font-weight:600;line-height:1.2}h1{font-size:2.6rem}h2{font-size:1.7rem}h3{font-size:1.2rem}p{margin:0 0 1rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.muted{color:var(--muted)}.small{font-size:.86rem}.container{max-width:1080px;margin:0 auto;padding:0 1.5rem}.container.narrow{max-width:720px}.site-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:20;background:#f7f5f0eb;position:sticky;top:0}.header-row{justify-content:space-between;align-items:center;gap:1rem;min-height:64px;display:flex}.brand{color:var(--ink);align-items:center;gap:.65rem;display:inline-flex}.brand:hover{text-decoration:none}.kosa-mark{background:var(--accent);color:#f7f5f0;width:34px;height:34px;font-family:var(--serif);border-radius:8px;justify-content:center;align-items:center;font-size:1.25rem;line-height:1;display:inline-flex}.brand-name{font-family:var(--serif);letter-spacing:.01em;font-size:1.25rem;font-weight:600}.brand-sub{color:var(--muted);margin-left:.45rem;font-size:.85rem;font-weight:400}.test-badge{border:1px solid var(--info);background:var(--info-wash);color:var(--info);font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;cursor:default;border-radius:999px;margin-left:.6rem;padding:.1rem .55rem;font-size:.72rem;font-weight:600;line-height:1.5;display:inline-block}.auth-environment{text-align:center;margin:0 0 .75rem}.header-nav{align-items:center;gap:1.1rem;font-size:.92rem;display:flex}.header-nav a{color:var(--muted)}.header-nav a:hover{color:var(--ink);text-decoration:none}.header-nav a.active{color:var(--accent-deep);font-weight:600}.nav-badge{text-align:center;color:#fff;background:var(--danger);vertical-align:2px;border-radius:999px;min-width:1.1rem;margin-left:.35rem;padding:0 .35rem;font-size:.7rem;font-weight:700;line-height:1.3rem;display:inline-block}.nav-user{color:var(--muted);font-size:.9rem}.nav-menu{position:relative}.nav-menu>summary{cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none;align-items:center;list-style:none;display:inline-flex}.nav-menu>summary::-webkit-details-marker{display:none}.nav-menu>summary:after{content:"";border-top:5px solid;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;margin-left:.4rem}.nav-menu>summary:hover{color:var(--ink)}.nav-menu>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.nav-menu[open]>summary{color:var(--accent-deep);font-weight:600}.nav-menu:has(a.active)>summary{color:var(--accent-deep);font-weight:600}.nav-menu-panel{z-index:30;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);min-width:210px;box-shadow:var(--shadow);flex-direction:column;gap:.1rem;padding:.5rem;display:flex;position:absolute;top:calc(100% + .6rem);right:0}.nav-menu-panel a{white-space:nowrap;border-radius:6px;padding:.4rem .55rem}.nav-menu-panel a:hover{background:var(--paper);color:var(--ink)}.nav-menu-panel .btn{width:100%;margin-top:.4rem}.hero{background:linear-gradient(66deg, transparent 49.6%, var(--line-soft) 49.6%, var(--line-soft) 50%, transparent 50%), linear-gradient(114deg, transparent 49.6%, var(--line-soft) 49.6%, var(--line-soft) 50%, transparent 50%), radial-gradient(1200px 500px at 15% -10%, var(--accent-wash), transparent 60%), var(--paper);padding:6.5rem 0 5rem;position:relative;overflow:hidden}.hero-inner{max-width:640px}.hero .kicker{margin-bottom:1rem}.hero h1{margin-bottom:1.25rem;font-size:clamp(2.4rem,6vw,3.6rem)}.hero p{color:var(--muted);max-width:34em;font-size:1.13rem}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.kicker{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:.75rem;font-weight:600}.section{padding:3.5rem 0}.section.tinted{background:var(--card);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.grid{gap:1.25rem;display:grid}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.loop{font-family:var(--serif);flex-wrap:wrap;align-items:center;gap:.6rem;font-size:1.15rem;display:flex}.loop .loop-arrow{color:var(--accent)}.loop .loop-step{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:.35rem 1rem}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card.pad{padding:1.5rem}.card.hoverable:hover{border-color:var(--accent)}.card-title-row{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.35rem;display:flex}.list-card{border-bottom:1px solid var(--line-soft);padding:1.25rem 1.5rem}.list-card:last-child{border-bottom:none}.pill{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:.18rem .6rem;font-size:.72rem;font-weight:600;display:inline-block}.pill-neutral{background:var(--paper);color:var(--muted);border-color:var(--line)}.pill-info{background:var(--info-wash);color:var(--info)}.pill-ok{background:var(--ok-wash);color:var(--ok)}.pill-muted{background:var(--line-soft);color:var(--muted)}.pill-danger{background:var(--danger-wash);color:var(--danger)}.pill-accent{background:var(--accent-wash);color:var(--accent-deep)}.btn{font-family:var(--sans);border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.25rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.btn:hover{background:var(--accent-deep);border-color:var(--accent-deep);color:#fff;text-decoration:none}.btn:disabled{opacity:.55;cursor:default}.btn-ghost{color:var(--accent-deep);border-color:var(--line);background:0 0}.btn-ghost:hover{background:var(--accent-wash);border-color:var(--accent);color:var(--accent-deep)}.btn-quiet{color:var(--muted);background:0 0;border-color:#0000;font-weight:500}.btn-quiet:hover{background:var(--paper);color:var(--ink)}.btn-small{padding:.4rem .9rem;font-size:.86rem}.btn-danger{color:var(--danger);border-color:var(--danger);background:0 0}.btn-danger:hover{background:var(--danger);color:#fff}.field{margin-bottom:1.1rem;display:block}.field-label{margin-bottom:.3rem;font-size:.86rem;font-weight:600;display:block}.field-hint{color:var(--muted);margin-bottom:.35rem;font-size:.8rem;display:block}.info-tooltip{vertical-align:middle;margin-left:.4rem;display:inline-block;position:relative}.info-tooltip-trigger{border:1px solid var(--line);background:var(--paper);width:1.1rem;height:1.1rem;color:var(--muted);cursor:help;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:.7rem;font-weight:700;line-height:1;display:inline-flex}.info-tooltip-trigger:hover,.info-tooltip-trigger:focus-visible{border-color:var(--accent);color:var(--accent-deep)}.info-tooltip-panel{z-index:20;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);width:320px;max-width:80vw;box-shadow:var(--shadow);text-transform:none;letter-spacing:normal;opacity:0;visibility:hidden;pointer-events:none;padding:.75rem .9rem;font-weight:400;transition:opacity .12s,transform .12s;position:absolute;top:140%;left:0;transform:translateY(-4px)}.info-tooltip:hover .info-tooltip-panel,.info-tooltip-trigger:focus-visible+.info-tooltip-panel{opacity:1;visibility:visible;transform:translateY(0)}.info-tooltip-panel dt{color:var(--ink);margin-top:.6rem;font-size:.82rem;font-weight:700}.info-tooltip-panel dt:first-child{margin-top:0}.info-tooltip-panel dd{color:var(--muted);margin:.15rem 0 0;font-size:.8rem}input[type=text],input[type=url],input[type=number],textarea,select{width:100%;font-family:var(--sans);color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:8px;padding:.55rem .7rem;font-size:.95rem}textarea{resize:vertical;min-height:120px;line-height:1.55}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent-wash);border-color:var(--accent)}.form-actions{align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.error-note{color:var(--danger);margin:.5rem 0;font-size:.9rem}.ok-note{color:var(--ok);margin:.5rem 0;font-size:.9rem}.member-shell{flex-direction:column;min-height:100vh;display:flex}.member-main{flex:1;width:100%;padding-top:2.25rem;padding-bottom:4rem}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.75rem;display:flex}.page-head p{color:var(--muted);max-width:46em;margin:.25rem 0 0}.site-footer{border-top:1px solid var(--line);color:var(--muted);padding:1.25rem 0;font-size:.84rem}.page-loading{text-align:center;color:var(--muted);padding:6rem 0}.boot-error{text-align:center;max-width:480px;color:var(--muted);margin:15vh auto;padding:2rem}.empty-state{border:1px dashed var(--line);border-radius:var(--radius);text-align:center;color:var(--muted);background:#ffffff80;padding:2rem}.empty-state h3{margin-bottom:.35rem}.tabs{border-bottom:1px solid var(--line);gap:.25rem;margin-bottom:1.5rem;display:flex;overflow-x:auto}.tab{color:var(--muted);cursor:pointer;font-size:.92rem;font-weight:600;font-family:var(--sans);background:0 0;border:none;border-bottom:2px solid #0000;padding:.55rem .95rem}.tab:hover{color:var(--ink)}.tab.active{color:var(--accent-deep);border-bottom-color:var(--accent)}.tab-count{color:var(--muted);background:var(--line-soft);border-radius:999px;margin-left:.35rem;padding:0 .45rem;font-size:.75rem;display:inline-block}.meta-row{color:var(--muted);flex-wrap:wrap;gap:1.25rem;margin:.35rem 0 .75rem;font-size:.86rem;display:flex}.definition-list{grid-template-columns:220px 1fr;gap:.65rem 1.5rem;font-size:.94rem;display:grid}.definition-list dt{color:var(--muted);padding-top:.1rem;font-size:.84rem;font-weight:600}.definition-list dd{white-space:pre-wrap;margin:0}.section-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.75rem;display:flex}.project-section{margin-bottom:2.25rem}.project-section:last-child{margin-bottom:0}.project-section-head{margin:0 0 .75rem}.project-card{color:inherit;flex-direction:column;gap:.5rem;display:flex}.project-card:hover{text-decoration:none}.project-card .card-title-row{margin-bottom:0}.project-card-meta{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.8rem;font-weight:600}.project-card-summary{color:var(--ink);margin:0;font-size:.94rem}.project-card-counts{margin:auto 0 0;padding-top:.2rem}.help-wanted{border-left:3px solid var(--accent);background:var(--accent-wash);color:var(--accent-deep);border-radius:0 6px 6px 0;margin:0;padding:.5rem .75rem;font-size:.9rem}.help-wanted-label{font-weight:700}.clamp-2,.clamp-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.clamp-2{-webkit-line-clamp:2;line-clamp:2}.clamp-3{-webkit-line-clamp:3;line-clamp:3}.divider{border:none;border-top:1px solid var(--line-soft);margin:1.5rem 0}.notice{border-left:3px solid var(--accent);background:var(--accent-wash);color:var(--accent-deep);border-radius:0 8px 8px 0;margin:1rem 0;padding:.9rem 1.15rem;font-size:.92rem}.notice.plain{border-left-color:var(--line);background:var(--paper);color:var(--muted)}.auth-panel{max-width:460px;margin:4rem auto 6rem}.auth-panel .clerk-card{padding:2rem}.version-meta{color:var(--muted);margin-bottom:.5rem;font-size:.84rem}.version-body{white-space:pre-wrap;background:var(--paper);border:1px solid var(--line-soft);border-radius:8px;padding:1rem 1.15rem;font-size:.96rem}.clerk-components,.clerk-card{--clerk-color-primary:#3a4d8f}@media (width<=860px){.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}.definition-list{grid-template-columns:1fr;gap:.2rem 0}.definition-list dd{margin-bottom:.75rem}.hero{padding:4rem 0 3rem}.header-row{flex-wrap:wrap;gap:.5rem;padding:.6rem 0}.header-nav{flex-wrap:wrap;justify-content:flex-start;gap:.1rem 1rem;width:100%;font-size:.9rem}.header-nav>a:not(.btn),.nav-menu>summary{align-items:center;min-height:2.2rem;display:inline-flex}.nav-menu{width:100%}.nav-menu>summary{justify-content:space-between}.nav-menu-panel{width:100%;min-width:0;box-shadow:none;margin-bottom:.4rem;position:static}.nav-menu-panel a{align-items:center;min-height:2.4rem;display:flex}h1{font-size:2.1rem}}@media (width<=560px){.container{padding:0 1rem}.brand-sub{display:none}.brand-name{font-size:1.1rem}.kosa-mark{width:30px;height:30px}.header-row{min-height:0}.member-main{padding-top:1.5rem}.page-head{align-items:flex-start}h2{font-size:1.45rem}.card.pad{padding:1.1rem}.list-card{padding:1rem 1.1rem}}