: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}.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-user{color:var(--muted);font-size:.9rem}.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}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}.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;gap:.7rem;font-size:.86rem}h1{font-size:2.1rem}}