:root{--fg:#202620;--muted:#555e59;--bg:#f2f1eb;--card:#faf9f4;--line:#252b27;--accent:#263f48;--danger:#9a302c;--blue:#a9bbc6;--green:#b4c0ad;--purple:#beb3c9}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;font:16px/1.65 "Helvetica Neue",Arial,"Noto Sans TC",system-ui,sans-serif;color:var(--fg);background:var(--bg)}a{color:inherit;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,a,input,select,textarea{touch-action:manipulation}:focus-visible{outline:3px solid #694583;outline-offset:4px}.skip-link{position:absolute;top:-100px;left:1rem;padding:.8rem;background:var(--card);z-index:10}.skip-link:focus{top:1rem}
header.top{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.2rem 4%;border-bottom:2px solid var(--line);background:var(--bg)}.brand{font-size:1.65rem;font-weight:900;letter-spacing:-1.2px;white-space:nowrap;text-decoration:none}.brand-dot{color:#536d7c}.brand-mark{font-size:1.2rem;margin-left:1rem;display:inline-block}header.top nav{display:flex;align-items:center;justify-content:flex-end;gap:1.5rem;flex-wrap:wrap}header.top nav a{font-size:.85rem;font-weight:700;text-decoration:none;padding:.3rem 0}.nav-dashboard{border-bottom:2px solid var(--line)}main{max-width:1320px;margin:auto;padding:3.5rem 4% 4rem;min-height:65vh}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.16;letter-spacing:-.045em}h1{font-size:clamp(2.4rem,5vw,4.7rem);font-weight:900;margin-bottom:1rem}h2{font-size:2rem}h3{font-size:1.3rem}p{margin-bottom:1rem}.title-dot{color:#597383}.eyebrow,.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem;font-weight:600;letter-spacing:.07em}.eyebrow{margin-bottom:1.2rem}.status-dot{display:inline-block;width:8px;height:8px;background:#536953;margin-right:.5rem}.muted,.hint{color:var(--muted)}.hint{font-size:.83rem;margin:.4rem 0}.blue{background:var(--blue)}.green{background:var(--green)}.purple{background:var(--purple)}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.page-heading p{margin-bottom:0}.display-heading{font-size:clamp(2.5rem,5vw,4rem);margin:0}.text-link{font-weight:700;font-size:.92rem}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:stretch;padding:.7rem 0 3.5rem}.hero h1{font-size:clamp(3rem,6.2vw,5.5rem);line-height:1.15;margin:2rem 0;letter-spacing:-.075em}.hero-intro{font-size:1.06rem;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;margin-top:2rem}.hero-board{position:relative;border:2px solid var(--line);background:var(--purple);display:flex;flex-direction:column;justify-content:flex-end;min-height:400px;box-shadow:9px 9px 0 var(--line)}.board-top{display:flex;justify-content:space-between;font:11px ui-monospace,monospace;letter-spacing:.06em;padding:1rem;border-bottom:1px solid var(--line);position:absolute;top:0;left:0;right:0}.board-arrow{font-family:Arial,sans-serif;font-size:9rem;line-height:1;padding:3rem 1.7rem 0;align-self:flex-end}.address-label{font-size:1.1rem;font-weight:700;padding:0 1.6rem}.address-domain{font-size:clamp(2rem,3.7vw,3.5rem);font-weight:900;letter-spacing:-.06em;padding:0 1.6rem 1.6rem;line-height:1.15}.board-types{display:grid;grid-template-columns:1fr 1fr;border-top:2px solid var(--line)}.board-types>div{padding:1.2rem}.board-types>div+div{border-left:2px solid var(--line)}.board-types .eyebrow{display:block;margin-bottom:.6rem}.board-types strong{font-size:.92rem}.manifesto-strip{display:flex;justify-content:space-between;gap:1rem;border-top:2px solid var(--line);border-bottom:2px solid var(--line);padding:1rem 0;font:700 .7rem ui-monospace,monospace;letter-spacing:.06em}.lobby{padding:4rem 0}.listing-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:2.5rem 0 1rem;border-bottom:1px solid var(--line);padding-bottom:1rem}.listing-heading h3{margin:0}.index-label{font:12px ui-monospace,monospace;margin-right:1rem;padding:.3rem .4rem;border:1px solid var(--line)}.lobby-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.lobby-card{position:relative;border:2px solid var(--line);padding:1.4rem;display:flex;flex-direction:column;min-width:0;transition:transform .15s,box-shadow .15s}.lobby-card:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--line)}.card-meta,.card-bottom{display:flex;justify-content:space-between;gap:.8rem;align-items:center;font-size:.72rem}.card-meta{margin-bottom:2rem}.badge{display:inline-block;border:1px solid var(--line);padding:.15rem .5rem;font:700 .68rem ui-monospace,monospace;letter-spacing:.05em}.lobby-card h3{font-size:1.65rem;overflow-wrap:anywhere}.lobby-card h3 a{text-decoration:none}.lobby-card h3 a:after{content:"";position:absolute;inset:0}.card-arrow{float:right;padding-left:.5rem}.lobby-card p{font-size:.9rem;overflow-wrap:anywhere;flex:1}.card-bottom{border-top:1px solid var(--line);padding-top:1rem;margin-top:1rem;flex-wrap:wrap;overflow-wrap:anywhere}.lobby-empty{display:flex;gap:1.5rem;align-items:center;border:1px solid var(--line);padding:2rem;background:#e6e7e2}.lobby-empty.green{background:#dce2d6}.empty-index{font-size:3.5rem;line-height:1;font-weight:300;flex-shrink:0}.lobby-empty h3{margin-bottom:.6rem}.lobby-empty p{font-size:.88rem;color:var(--muted);margin:0;max-width:38rem}.lobby-empty>a{margin-left:auto;white-space:nowrap}.join-section{display:grid;grid-template-columns:1.15fr 1fr;border:2px solid var(--line);background:var(--purple)}.join-copy{padding:2.5rem}.join-copy h2{font-size:clamp(2rem,3.3vw,3rem);line-height:1.25}.join-form{padding:2.5rem;background:var(--card);border-left:2px solid var(--line)}.join-form h3{font-size:1.6rem}.join-form p{font-size:.9rem}.join-form button{width:100%;margin-top:1rem;display:flex;justify-content:space-between}.plan-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:2rem}.plan-chips span{border:1px solid var(--line);padding:.4rem .6rem;font-size:.7rem}.plan-chips b{font-size:.95rem}.how-it-works{display:grid;grid-template-columns:repeat(3,1fr);margin:3rem 0 2rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.how-it-works>div{padding:1.5rem}.how-it-works>div+div{border-left:1px solid var(--line)}.how-it-works h3{margin:1rem 0 .6rem}.how-it-works p{font-size:.86rem;color:var(--muted);margin:0}.site-footer{display:flex;gap:2rem;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:1.8rem 4%;border-top:2px solid var(--line)}.site-footer span,.site-footer>a:last-child{font-size:.78rem}.site-footer .brand{font-size:1.3rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:0;padding:1.5rem;margin-bottom:1.3rem;overflow-wrap:anywhere}.row{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap}label{display:block;font-weight:700;font-size:.9rem;margin:.8rem 0 .3rem}input[type=text],input[type=email],input[type=url],textarea,select{width:100%;padding:.8rem;border:1px solid var(--line);border-radius:0;font:inherit;color:var(--fg);background:var(--card);min-height:46px}textarea{font-family:ui-monospace,monospace;font-size:.85rem;resize:vertical}button,.btn{display:inline-block;padding:.75rem 1.15rem;border:2px solid var(--line);background:var(--fg);color:var(--bg);border-radius:0;font-family:inherit;font-size:.85rem;font-weight:700;line-height:1.5;cursor:pointer;text-decoration:none;min-height:46px}button:hover,.btn:hover{background:#3e4e47;color:#fff}button.secondary,.btn.secondary{background:transparent;color:var(--fg)}button.secondary:hover,.btn.secondary:hover{background:var(--green)}button.danger{background:transparent;color:var(--danger);border-color:var(--danger)}button.danger:hover{background:#f1ddd7}.error{color:var(--danger);overflow-wrap:anywhere}.ok{color:#285637}.success-note{background:var(--green);border:1px solid var(--line);padding:1rem}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}code{overflow-wrap:anywhere}pre{background:#e5e7e0;padding:1rem;border:1px solid var(--line);overflow-x:auto;white-space:pre-wrap;word-break:break-all}table{width:100%;border-collapse:collapse;font-size:.85rem}td,th{text-align:left;padding:.8rem .6rem;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}th{background:#dfe3de;font-size:.75rem}td form{margin:0}.hidden{display:none}.section-nav{display:flex;border-top:2px solid var(--line);border-bottom:2px solid var(--line);margin:2rem 0;gap:0;overflow-x:auto}.section-nav a{padding:1rem 1.5rem;text-decoration:none;font-weight:700;white-space:nowrap;border-right:1px solid var(--line)}.section-nav a:hover{background:var(--purple)}.section-nav span{font:12px ui-monospace,monospace;margin-left:.8rem}.workspace-section{margin:2.5rem 0;scroll-margin-top:2rem;border:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding:1.5rem 2rem}.section-heading h2{font-size:2.7rem;margin:0 0 .4rem}.section-heading p{margin:0;font-size:.9rem}.section-heading .eyebrow{margin-bottom:.5rem}.quota{font-size:3rem;font-weight:800;white-space:nowrap}.quota small{font-size:.9rem;font-weight:500}.empty-state{padding:2.5rem 2rem;background:var(--card);position:relative}.empty-state h3{margin-bottom:.65rem}.empty-state p{color:var(--muted);font-size:.9rem;max-width:80%}.empty-symbol{position:absolute;right:2rem;top:1.8rem;font-size:3.2rem;color:#7d8b7e}.mount-grid{padding:1.2rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.mount-grid .card{margin:0}.mount-card .row strong{font-size:1.2rem}.mount-card>div:nth-child(2){font-size:.8rem;margin:.8rem 0;overflow-wrap:anywhere}.workspace-note{border-top:2px solid var(--line);padding:1.5rem 0}.workspace-note p{margin:.4rem 0}
@media(min-width:1500px){header.top,.site-footer{padding-left:calc((100vw - 1214px)/2);padding-right:calc((100vw - 1214px)/2)}}
@media(max-width:900px){.hero{gap:2rem}.hero h1{font-size:3.6rem}.hero-board{min-height:350px}.lobby-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-empty{flex-wrap:wrap}.lobby-empty>a{margin-left:0}.join-copy,.join-form{padding:1.7rem}header.top nav{gap:1rem}.card-bottom{font-size:.66rem}}
@media(max-width:640px){header.top{padding:1rem 5%;align-items:flex-start;flex-direction:column;gap:.8rem}header.top nav{justify-content:flex-start;gap:.4rem 1.2rem}header.top nav a{padding:.35rem 0}.brand{font-size:1.55rem}main{padding:2rem 5% 3rem}.hero{grid-template-columns:1fr;gap:2.5rem;padding-bottom:2.5rem}.hero h1{font-size:3.4rem;margin:1.5rem 0}.hero-board{min-height:330px;box-shadow:6px 6px 0 var(--line);margin-right:6px}.board-arrow{font-size:7rem}.address-domain{font-size:2.6rem}.hero .eyebrow{font-size:.6rem}.manifesto-strip{font-size:.58rem;flex-wrap:wrap}.lobby{padding:2.5rem 0}.page-heading{align-items:flex-start;flex-direction:column;gap:1rem}.display-heading{font-size:2.8rem}.listing-heading{align-items:flex-start;flex-direction:column;gap:.5rem;margin-top:2rem}.listing-heading h3{font-size:1.25rem}.lobby-grid{grid-template-columns:1fr}.lobby-empty{padding:1.5rem;gap:1rem}.empty-index{font-size:2.5rem}.lobby-empty h3{font-size:1.2rem}.join-section{grid-template-columns:1fr}.join-form{border-left:0;border-top:2px solid var(--line)}.how-it-works{grid-template-columns:1fr}.how-it-works>div+div{border-left:0;border-top:1px solid var(--line)}.site-footer{padding:1.5rem 5%;gap:.7rem;align-items:flex-start;flex-direction:column}.section-heading{padding:1.3rem;align-items:flex-start}.section-heading h2{font-size:2.2rem}.section-heading p{font-size:.78rem;max-width:14rem}.quota{font-size:2.2rem}.quota small{display:block;font-size:.75rem}.empty-state{padding:1.5rem}.empty-state h3{max-width:85%;font-size:1.2rem}.empty-state p{max-width:90%}.empty-symbol{right:1rem;top:1.3rem;font-size:2rem}.mount-grid{grid-template-columns:1fr;padding:.8rem}.section-nav a{padding:.8rem 1rem}.card{padding:1.2rem}table{display:block;overflow-x:auto}td,th{min-width:6rem;max-width:18rem}h1{font-size:2.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Grid items must shrink even when browser zoom reduces the CSS viewport. */
.hero-copy,.hero-board,.join-copy,.join-form{min-width:0}.hero .eyebrow{overflow-wrap:anywhere}
@media(max-width:640px){.hero{grid-template-columns:minmax(0,1fr)}.hero h1{font-size:clamp(2.25rem,12vw,3.4rem)}.hero-actions{gap:1rem}.board-types{grid-template-columns:repeat(2,minmax(0,1fr))}.board-types>div{padding:.9rem}.board-types strong{font-size:.8rem}.address-domain{font-size:clamp(1.8rem,10vw,2.6rem)}}