.pilot{--paper:#f5f1e8;--surface:#fdfbf6;--ink:#172e34;--muted:#4e6466;--sea:#184b47;--line:#cdd8d1;--jade:#e4eee6;--warm:#8a3c25;min-height:100vh;background:var(--paper);color:var(--ink);font-family:Sarabun,Noto Sans Thai,Thonburi,Tahoma,sans-serif;line-height:1.65;overflow-wrap:anywhere}.pilot *{box-sizing:border-box}.pilot a{text-underline-offset:.2em}.pilot :focus-visible{outline:3px solid #267c71;outline-offset:3px}.pilot h1,.pilot h2,.pilot h3,.pilot p{margin:0}.pilot h1,.pilot h2,.pilot h3{font-weight:730;line-height:1.28}.pilot h1{font-size:clamp(2.2rem,5.5vw,4.4rem)}.pilot h2{font-size:clamp(1.32rem,3vw,1.73rem)}.pilot h3{font-size:1.12rem}.pilot small,.pilot-muted{color:var(--muted);font-size:.92rem}.pilot-app-header-inner,.pilot-container,.pilot-public-header,.pilot-tabs{width:min(100% - 3rem,74rem);margin-inline:auto}.pilot-app-header-inner,.pilot-public-header{display:flex;justify-content:space-between;align-items:center;gap:.8rem;min-height:72px}.pilot-brand{display:inline-flex;gap:.55rem;align-items:center;flex:none;font-size:1.22rem;font-weight:800}.pilot-mark{display:grid;place-items:center;width:2rem;height:2rem;border-radius:6px;background:var(--sea);color:#fff}.pilot-button,.pilot-quiet{display:inline-flex;justify-content:center;align-items:center;gap:.5rem;min-height:44px;max-width:100%;border:1px solid transparent;border-radius:6px;font-weight:690;line-height:1.45;text-align:left}.pilot-button{background:var(--sea);color:#fff;padding:.55rem .85rem;cursor:pointer}.pilot-button:hover{background:#103b38}.pilot-secondary{background:var(--surface);color:var(--sea);border-color:#9cb3aa}.pilot-secondary:hover{background:var(--jade)}.pilot-button:disabled{opacity:.62;cursor:wait}.pilot-quiet{color:var(--sea);cursor:pointer}.pilot-quiet:hover{text-decoration:underline}.pilot-actions{gap:.45rem 1rem;flex-wrap:wrap}.pilot-actions,.pilot-kicker{display:flex;align-items:center}.pilot-kicker{color:var(--sea);font-size:.88rem;font-weight:750;gap:.5rem}.pilot-kicker>span{width:7px;height:7px;flex:0 0 7px;background:#ad542e;border-radius:50%}.pilot-intro{font-size:clamp(1.04rem,2.35vw,1.21rem);color:var(--muted);max-width:42rem}.pilot-landing{padding-block:clamp(2rem,8vw,6rem) 3rem}.pilot-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(1.6rem,5vw,5rem);align-items:center}.pilot-hero h1,.pilot-narrow h1,.pilot-page-head h1{margin:.55rem 0 .8rem}.pilot-hero .pilot-actions{margin:1.35rem 0 .6rem}.pilot-hero-board{padding:clamp(1.2rem,4vw,2rem);background:#14363b;border-radius:13px;color:#f8faf7;box-shadow:0 18px 60px -36px #14363b}.pilot-board-head{display:flex;justify-content:space-between;color:#b3d3c8;align-items:center;font-size:.9rem}.pilot-hero-board h2{margin-block:.45rem 1.25rem}.pilot-board-row{padding:.8rem .75rem;margin-block:.45rem;border:1px solid #476664;border-radius:6px;display:flex;gap:.7rem;align-items:center;justify-content:space-between}.pilot-board-row small{display:block;color:#bad1cb;margin-top:.1rem}.pilot-how{margin-top:clamp(2.5rem,8vw,6rem);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);gap:1.7rem}.pilot-how article{padding-top:1rem}.pilot-how span{color:var(--sea);font-size:.9rem;font-weight:750}.pilot-how h2{margin:.3rem 0}.pilot-how p{color:var(--muted)}.pilot-app-header{background:var(--surface);border-bottom:1px solid var(--line)}.pilot-app-header-inner{justify-content:flex-start}.pilot-app-header-inner form{margin-inline-start:auto;flex:none}.pilot-workspace-name{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);padding-inline-start:.7rem;border-inline-start:1px solid var(--line);font-size:.93rem}.pilot-button svg,.pilot-quiet svg,.pilot-workspace-name svg{flex-shrink:0}.pilot-mode,.pilot-tabs{display:flex;align-items:end;flex-wrap:wrap;gap:.3rem 1.25rem}.pilot-mode a,.pilot-tabs a{color:var(--muted);padding:.55rem .08rem;min-height:44px;border-bottom:3px solid transparent}.pilot-mode a[aria-current],.pilot-tabs a[aria-current]{color:var(--sea);border-color:var(--sea);font-weight:750}.pilot-mode{margin:0 0 1rem}.pilot-main{min-height:66vh;padding-block:clamp(1.8rem,5vw,4rem)}.pilot-page-head{margin-block:.5rem 1.65rem}.pilot-narrow h1,.pilot-page-head h1{font-size:clamp(2rem,5vw,3.3rem)}.pilot-narrow{max-width:32rem;padding-block:clamp(2rem,9vw,6rem)}.pilot-narrow .pilot-form{margin-block:1.3rem}.pilot-columns{display:grid;grid-template-columns:minmax(0,1.23fr) minmax(0,1fr);gap:1.1rem;align-items:start}.pilot-panel{min-width:0;background:var(--surface);border:1px solid var(--line);padding:clamp(1rem,3.4vw,1.55rem);border-radius:9px}.pilot-panel>details,.pilot-panel>p{margin-top:.65rem}.pilot-panel h2{margin-bottom:.4rem}.pilot-panel-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.45rem}.pilot-panel-head>span{color:var(--muted);font-size:.86rem}.pilot-empty{background:var(--jade);padding:.85rem 1rem;margin-block:.7rem;border-radius:6px;color:var(--muted)}.pilot-empty a,.pilot-notice a{text-decoration:underline}.pilot-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--jade);border:1px solid var(--line);border-radius:9px;margin-block:1.2rem}.pilot-metrics div{display:flex;align-items:start;flex-direction:column;gap:.2rem;padding:.85rem 1.15rem;color:var(--sea)}.pilot-metrics div+div{border-inline-start:1px solid var(--line)}.pilot-metrics strong{font-size:clamp(1.65rem,4vw,2.7rem);font-variant-numeric:tabular-nums;line-height:1.05}.pilot-metrics span{font-size:.9rem}.pilot-list{list-style:none;margin:0;padding:0}.pilot-list li,.pilot-task{padding:.85rem 0;border-top:1px solid var(--line)}.pilot-list li>a{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:.5rem}.pilot-list li>a:hover{color:var(--sea);text-decoration:underline}.pilot-list li>a svg{flex-shrink:0}.pilot-task h3{margin:.28rem 0}.pilot-task-meta{display:flex;flex-wrap:wrap;gap:.25rem .65rem;align-items:center;color:var(--muted);font-size:.88rem}.pilot-status{display:inline-flex;flex-shrink:0;align-items:center;gap:.35rem;border-radius:4px;padding:.1rem .42rem;font-size:.81rem;font-weight:750;white-space:nowrap}.pilot-status i{width:5px;height:5px;border-radius:50%;background:currentColor}.pilot-todo{color:#455655;background:#e9eeeb}.pilot-doing{color:#164d6d;background:#dcecf3}.pilot-blocked{color:#7c3823;background:#f7e5d9}.pilot-done{color:#225c42;background:#e0efe3}.pilot .pilot-blocker,.pilot-late{color:var(--warm)}.pilot .pilot-blocker{margin-top:.25rem}.pilot-notice{padding:.65rem .85rem;margin-block:.7rem;background:var(--jade);border-inline-start:3px solid var(--sea)}.pilot-form{display:grid;gap:.8rem;margin-block:.6rem}.pilot-form label{display:grid;gap:.25rem;font-weight:690;min-width:0}.pilot-form input,.pilot-form select,.pilot-form textarea{font:inherit;font-weight:450;width:100%;min-width:0;min-height:44px;padding:.48rem .55rem;background:#fff;color:var(--ink);border:1px solid #a7b8b1;border-radius:5px}.pilot-form textarea{resize:vertical}.pilot-form>button{justify-self:start}.pilot-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.pilot details>summary{min-height:44px;padding-block:.45rem;color:var(--sea);cursor:pointer;font-weight:690}.pilot summary svg{display:inline;vertical-align:middle}.pilot hr{border:0;border-top:1px solid var(--line);margin-block:1.2rem}.pilot-tree{list-style:none;margin:.55rem 0 0;padding:0}.pilot-tree .pilot-tree{border-inline-start:2px solid var(--line);margin-inline-start:.55rem;padding-inline-start:clamp(.25rem,2vw,.7rem)}.pilot-person{display:flex;gap:.65rem;align-items:center;background:var(--jade);border-radius:6px;padding:.6rem}.pilot-person p{color:var(--muted);font-size:.88rem}.pilot-avatar{display:grid;place-items:center;background:var(--sea);color:#fff;border-radius:50%;width:1.95rem;height:1.95rem;flex:0 0 1.95rem}.pilot-tree li{margin-block:.5rem}.pilot-invite{margin-block:.8rem .25rem}.pilot-chat-status{display:flex;align-items:center;gap:.35rem;color:var(--muted);font-size:.83rem}.pilot-chat-log{display:grid;gap:.65rem;list-style:none;padding:.65rem .25rem;margin:.2rem 0;max-height:29rem;overflow-y:auto;overscroll-behavior:contain}.pilot-message{background:#eeeae1;border-radius:2px 9px 9px 9px;padding:.65rem .8rem;max-width:95%;justify-self:start}.pilot-message.mine{background:var(--jade);justify-self:end;border-radius:9px 2px 9px 9px}.pilot-message p{white-space:pre-wrap}.pilot-message time{font-size:.8rem;color:var(--muted);margin-inline-start:.4rem}.pilot-message a{display:inline-flex;align-items:center;gap:.25rem;min-height:38px;text-decoration:underline;color:var(--sea)}.pilot-panel>.pilot-message{margin-block:.55rem}.pilot-composer{border-top:1px solid var(--line);padding-top:.8rem}.pilot-numbered{list-style:decimal;padding-inline-start:1.35rem}.pilot-numbered li{margin-block:.55rem}.pilot code{font-size:.92em;background:var(--jade);padding-inline:.25rem}.pilot-mom-row{display:grid;gap:.55rem;min-width:0;border:1px solid var(--line);padding:.65rem;margin-bottom:.85rem;border-radius:6px}.pilot-mom-row>.pilot-fields{grid-template-columns:1fr}.pilot-mom-row legend{font-weight:700;padding-inline:.35rem}.pilot-form .pilot-check{display:flex;align-items:center;gap:.45rem;min-height:44px}.pilot-form .pilot-check input{width:1.1rem;min-height:1.1rem;accent-color:var(--sea)}.pilot-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;border-top:1px solid var(--line);padding-block:1.1rem;color:var(--muted);font-size:.92rem}.pilot-footer a{display:inline-flex;align-items:center;gap:.35rem;color:var(--sea)}.pilot-footer a:hover{text-decoration:underline}.pilot [id]{scroll-margin-top:1.2rem}@media (max-width:800px){.pilot-columns,.pilot-hero{grid-template-columns:1fr}.pilot-how{gap:1rem}}@media (max-width:480px){.pilot-app-header-inner,.pilot-container,.pilot-public-header,.pilot-tabs{width:calc(100% - 1.5rem)}.pilot-app-header-inner{flex-wrap:wrap;padding-block:.5rem}.pilot-workspace-name{flex:1;min-width:4.5rem}.pilot-how{grid-template-columns:1fr}.pilot-metrics div{padding-inline:.5rem}.pilot-metrics span{font-size:.83rem}.pilot-fields{grid-template-columns:1fr}.pilot-board-row{align-items:start}}