*{box-sizing:border-box}body{margin:0;background:#f5f6f1;color:#233d34;font:15px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}header{max-width:960px;margin:auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe5da}header span{font-size:11px;color:#7a887b}.logo{text-decoration:none;color:#21594b;font-size:24px;font-weight:850}main{max-width:960px;margin:auto;padding:0 24px}.hero{padding:42px 0 24px}.eyebrow{font-size:12px;color:#7c8b70}h1{font-size:38px;line-height:1.35;letter-spacing:.02em;margin:12px 0 18px}h2{font-size:18px;margin:0 0 20px}#home{max-width:440px;margin:0 auto}.card{background:#fff;border:1px solid #dde5d8;border-radius:18px;padding:24px;margin-bottom:18px}label{display:block;font-size:13px;font-weight:650;margin:16px 0}input,select,textarea{font:inherit;font-size:16px;width:100%;padding:12px;border:1px solid #cbd6c6;border-radius:9px;background:#fcfdf9;color:#263f33;margin-top:6px}input:focus,select:focus,textarea:focus{outline:3px solid #d1e4c6;outline-offset:1px}button{font:inherit;border:0;cursor:pointer;border-radius:10px;min-height:46px;padding:12px 16px;font-weight:700}button:disabled{opacity:.55;cursor:wait}.primary{color:#fff;background:#215f50;width:100%}.primary:hover{background:#194d40}.secondary{color:#2c604d;background:#eaf0e2;width:100%}.text{background:transparent;color:#4b7556;font-size:12px;padding:8px}.danger{color:#a14836}.icon-button{color:#456c51;background:#eaf0e2;font-size:22px;width:46px;padding:4px}.room-top{padding:24px 0 12px;display:flex;justify-content:space-between;align-items:center;gap:12px}.room-top h1{font-size:27px;margin:0;overflow-wrap:anywhere}.room-top p{font-size:12px;color:#7b8876;margin:5px 0}.invite{display:flex;gap:12px;align-items:center;margin-bottom:22px}.invite>.secondary{width:auto}.invite details{font-size:11px;margin:0}.invite details[open]{flex:1}.invite input{font-size:11px}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.section-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px}.section-head h2{margin:0}.checks{display:flex;gap:12px}.check{display:flex;align-items:center;gap:9px;min-height:44px;font-size:14px;margin:10px 0}.check input{width:20px;height:20px;margin:0;accent-color:#215f50;flex-shrink:0}.checks .check{flex:1;background:#f4f7ef;padding:10px;border-radius:10px}.tiny{font-size:11px;color:#7a8875;line-height:1.8;margin:8px 0 16px}.footnote{text-align:center;color:#7a8875;font-size:12px}.empty{padding:36px 0;text-align:center;font-size:13px;color:#8d9885}details{margin:18px 0;font-size:13px}summary{cursor:pointer;color:#52734d;min-height:40px;display:list-item;padding:8px 0}details.card{margin:0 0 18px;padding-top:10px;padding-bottom:10px}#together-options,.member-list #members,#plan-members{max-height:290px;overflow-y:auto}.choice{background:#f5f8f0;padding:8px 12px;border-radius:9px}.member{padding:12px 0;border-bottom:1px solid #e5ebdf}.member:last-child{border:0}.member strong{font-size:13px}.member span{font-size:10px;color:#7f8e73;margin-left:8px}.member p{margin:4px 0;font-size:11px;color:#7a8875;overflow-wrap:anywhere}.self{font-size:14px}.self span{display:block;font-size:12px;color:#7a8875}.split-actions{display:grid;gap:10px}#settings{border-top:1px solid #e1e8dc;padding-top:10px}#settings label:first-of-type{max-width:220px}#history{font-size:11px;max-width:160px;margin:0;padding:8px}.car{border:1px solid #dce6d6;border-radius:12px;padding:16px;margin:12px 0}.car-head{display:flex;align-items:center;justify-content:space-between;font-weight:750;font-size:14px}.car-head small{font-size:11px;font-weight:500;color:#849178}.car p{font-size:13px;margin:8px 0;overflow-wrap:anywhere}.car .tiny{font-size:11px;margin-bottom:0}.pills{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.pill{background:#eef4e7;border-radius:8px;padding:5px 9px;font-size:12px}.small-details{font-size:12px;color:#7a8875}textarea{font-size:12px;resize:vertical}input:read-only{font-size:12px;color:#73806b}#error:empty,#status:empty{display:none}#error,#status{position:sticky;bottom:14px;z-index:3;background:#fff;border:1px solid #d3ddca;border-radius:10px;padding:14px;font-size:13px;box-shadow:0 4px 20px #30402012}#error{color:#a04632;border-color:#e5bfae}#status{color:#35714c}footer{max-width:960px;margin:30px auto 0;padding:12px 24px;border-top:1px solid #dfe5da;color:#849078;font-size:11px}footer details{margin:0}footer p{font-size:11px}footer a{color:#64815b}[hidden]{display:none!important}button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #96ba86;outline-offset:3px}@media(max-width:700px){header{padding:16px 20px}main{padding:0 16px}.hero{padding-top:28px}h1{font-size:34px}.workspace{display:block}.card{padding:20px;border-radius:15px}.room-top h1{font-size:24px}.invite{align-items:start;flex-direction:column;gap:4px}.invite>.secondary{width:100%}.invite details{width:100%}.invite summary{min-height:32px;padding:4px 0}.checks{gap:8px}.checks .check{font-size:13px;padding:9px}.tiny{font-size:11px}.room-top{padding-top:20px}#history{max-width:150px}}

.hero-guide{font-size:13px;color:#66775f;margin:0 0 10px}.guide-link,.guide-back{font-size:13px;font-weight:700;color:#215f50;text-underline-offset:4px}.how-to{padding:32px 0 8px;scroll-margin-top:24px}.how-to h2{font-size:23px;margin:4px 0 24px}.guide-steps{list-style:none;counter-reset:guide;padding:0;margin:0 0 26px}.guide-steps li{counter-increment:guide;display:flex;gap:12px;margin:0 0 22px}.guide-steps li:before{content:counter(guide);flex:0 0 30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#215f50;color:white;font-size:13px;font-weight:750}.guide-steps h3{font-size:15px;margin:2px 0 5px}.guide-steps p{font-size:13px;margin:0;color:#66775f}.guide-images{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.guide-images figure{margin:0;min-width:0}.guide-images figcaption{font-size:11px;font-weight:700;margin-bottom:9px}.guide-images img{display:block;width:100%;height:auto;border:1px solid #dce5d6;border-radius:12px;background:#fff}.guide-note{font-size:11px;color:#66775f;margin:14px 0;line-height:1.8}.guide-back{display:inline-block;padding:10px 0}#create{scroll-margin-top:20px}@media(max-width:360px){.guide-images{gap:8px}.guide-images figcaption{font-size:10px}}

.split-help{font-size:12px;color:#66775f;line-height:1.8;margin:8px 2px 4px}.guide-modes{background:#eaf0e2;border-radius:12px;padding:4px 16px;margin:0 0 24px}.guide-modes p{font-size:12px;color:#526b50;margin:12px 0}.guide-modes strong{color:#233d34;font-size:13px}
/* Readable type hierarchy: dark headings, slate body, distinct action colors. */
:root{--ink:#172f28;--body:#354943;--muted:#52645d;--blue:#204f87}
body{color:var(--ink)}
h2{font-size:21px;line-height:1.45}label{font-size:15px;color:var(--ink)}
input,select,textarea{border-color:#9cab9e}input::placeholder,textarea::placeholder{color:#62716a;opacity:1}
header span{color:#42574d;font-size:12px;font-weight:650}.eyebrow{font-size:13px;font-weight:750;color:#226449;letter-spacing:.03em}
.hero-guide{font-size:16px;color:var(--body);line-height:1.8}.guide-link,.guide-back{font-size:15px}
.how-to{border-top:1px solid #cdd8cd;margin-top:32px}.how-to h2{font-size:27px;color:var(--ink);margin-bottom:28px}
.guide-steps li{gap:14px;margin-bottom:28px}.guide-steps li:before{flex-basis:34px;height:34px;font-size:16px}
.guide-steps h3{font-size:18px;line-height:1.55;color:var(--ink);margin:1px 0 8px}.guide-steps p{font-size:15px;color:var(--body);line-height:1.85}
.guide-modes{background:transparent;padding:0;display:grid;gap:12px}.guide-modes p{margin:0;padding:16px;border:1px solid #a9c8b6;border-left:5px solid #246448;border-radius:10px;background:#eef7f0;color:#344b3c;font-size:15px;line-height:1.85}.guide-modes strong{font-size:17px;color:#174f37}.guide-modes p+p{background:#eff5fc;border-color:#b5c9e2;border-left-color:var(--blue);color:#354b66}.guide-modes p+p strong{color:#204f87}
.guide-images{gap:20px}.guide-images figcaption{font-size:14px;color:var(--ink);line-height:1.65;margin-bottom:12px}.guide-note{font-size:13px;line-height:1.85;color:var(--muted)}
.tiny,.footnote,.room-top p,.member p,.self span,.small-details{font-size:13px;color:var(--muted)}
.empty{font-size:15px;color:var(--muted)}summary{font-size:14px;font-weight:650;color:#315b43;min-height:44px}
.split-actions{gap:18px}.split-help{font-size:14px;color:var(--body);line-height:1.85;margin:10px 2px 0}.split-actions button{font-size:17px;min-height:52px}.split-actions .secondary{background:#e9f1fb;color:#204f87;border:1px solid #b0c7e2}.split-actions .secondary:hover{background:#dce9f8}
.member strong{font-size:16px}.member span{font-size:12px;color:var(--muted)}.member p{font-size:14px}
.car{border-color:#b9cdbb;padding:18px}.car-head{font-size:17px;gap:8px}.car-head small{font-size:13px;font-weight:700;color:#35583f;background:#eef4e7;padding:3px 7px;border-radius:6px;white-space:nowrap}.car p{font-size:15px;color:var(--body)}.car .tiny{font-size:13px;color:var(--muted)}.pill{font-size:15px;color:#233d34;padding:6px 10px}.pills{gap:8px}
#history{font-size:13px;max-width:170px}.text{font-size:14px;color:#315b43}.danger{color:#963b28}input:read-only{font-size:14px;color:#42564b}textarea{font-size:14px}footer,footer p{font-size:13px;color:var(--muted)}footer a{color:#315b43}#error,#status{font-size:15px}
@media(max-width:700px){.tiny{font-size:13px}.room-top h1{font-size:25px}.checks .check{font-size:14px}.invite details{font-size:13px}.invite summary{min-height:44px}.guide-images{grid-template-columns:1fr;gap:24px}.guide-images figure{max-width:330px;margin:0 auto;width:100%}.guide-images figcaption{font-size:15px}.how-to h2{font-size:25px}#history{max-width:150px}}
/* Link handoff and deliberate manual editing. */
.setup-card{max-width:520px;margin:28px auto}.setup-card h1{font-size:27px}.setup-step{border-top:1px solid #d5dfd3;padding:20px 0}.setup-step h2{font-size:19px;margin:0 0 8px}.setup-step p{font-size:15px;color:#354943}.setup-step input{margin:0 0 12px}.setup-step .privacy-note{color:#86401d;font-size:14px;background:#fff3e5;padding:10px 12px;border-radius:8px}.mode-note{font-size:14px;color:#315b43;background:#eaf0e2;border-radius:8px;padding:10px 14px;margin:0 0 16px}.create-options{margin:12px 0}.create-options label{margin-top:6px}.create-options summary{font-size:14px}.adjust-panel{margin:18px 0;padding:18px;background:#f4f7f1;border:1px solid #bfceba;border-radius:12px}.adjust-panel h3{font-size:20px;margin:0 0 10px}.adjust-row{border-top:1px solid #d8e2d1;padding:14px 0;margin:0;font-size:15px;overflow-wrap:anywhere}.adjust-row select{margin-top:8px}.adjust-fixed{font-size:14px;color:#354943;border-bottom:1px solid #d8e2d1;padding-bottom:12px;overflow-wrap:anywhere}.adjust-fixed span{font-size:12px;color:#52645d}.adjust-actions{display:flex;gap:10px}.adjust-actions button{flex:1}.adjust-error{color:#963b28;font-size:14px;font-weight:650}.adjust-error:empty{display:none}#adjust-counts{font-weight:700;color:#233d34}#manual-tools{margin:16px 0 20px}#setup-saved{flex-shrink:0}.setup-card .check{font-size:15px}#arrange-mode{max-width:320px}#setup-view[hidden]{display:none!important}
.adjust-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(116px,45%);align-items:center;gap:10px}.adjust-row select{font-size:15px;margin:0;padding:10px 8px}.adjust-actions{position:sticky;bottom:8px;background:#f4f7f1;padding:10px 0;border-top:1px solid #d8e2d1;z-index:1}
.seat-row{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:12px;align-items:center;font-size:15px}.seat-row input{margin:0}.member .member-together{font-size:14px;color:#234f72;background:#eef5fc;padding:7px 10px;border-radius:6px}.together-notice{font-size:14px;color:#234f72;background:#eef5fc;padding:10px;border-radius:8px}#seat-settings{border-bottom:1px solid #d5dfd3;padding-bottom:12px;margin-top:0}
.benefits{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0;margin:22px 0 18px}.benefits li{background:#fff;border:1px solid #d1ddcf;border-radius:11px;padding:12px 10px}.benefits strong{display:block;font-size:16px;color:#215f50;line-height:1.5}.benefits strong:before{content:'✓ ';color:#215f50}.benefits span{display:block;font-size:12px;color:#42574d;margin-top:4px;line-height:1.7}header span{font-size:12px}@media(max-width:360px){.benefits strong{font-size:15px}header span{font-size:11px}}
input::placeholder,textarea::placeholder{color:#8a968f;opacity:1}.optional{font-size:12px;font-weight:500;color:#52645d;margin-left:5px}#friend-add>summary{font-size:16px;color:#215f50}#friend-link-panel{border-top:1px solid #cdd8cd;margin-top:16px;padding-top:10px}
.sync-state{font-size:12px;color:#52645d;margin:0 0 10px}.sync-pending{border:1px solid #d4b47d;background:#fff7e8;border-radius:10px;padding:12px 16px;margin-bottom:16px}.sync-pending p{font-size:14px;color:#654a21;margin:0}.sync-pending .text{color:#654a21}
.clipboard-buffer{position:fixed;left:-9999px;top:0;width:1px;height:1px;opacity:0;padding:0;pointer-events:none}.walkthrough{list-style:none;margin:0;padding:0}.walkthrough>li{background:#fff;border:1px solid #cfdccd;border-radius:16px;padding:22px;margin:0 0 24px}.walk-heading{display:flex;align-items:flex-start;gap:12px}.walk-heading>span{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:50%;background:#215f50;color:#fff;font-weight:800}.walk-heading h3{font-size:19px;line-height:1.55;margin:0}.walkthrough p{font-size:15px;line-height:1.9;color:#354943}.walkthrough p strong{color:#173d2e}.screen-example{border:1px solid #d5dfd1;background:#f5f8f2;border-radius:12px;padding:16px;margin:18px 0;position:relative}.example-tag{display:block;color:#52645d;font-size:11px;margin-bottom:12px;letter-spacing:.08em}.example-field{padding:9px 12px;border:1px solid #c6d3c1;background:#fff;border-radius:8px;margin-bottom:10px}.example-field>span{display:block;font-size:12px;color:#52645d}.example-field>strong{display:block;font-size:17px;color:#203b30;font-weight:650}.example-button{display:block;background:#215f50;color:#fff;font-size:15px;text-align:center;border-radius:8px;padding:12px;margin-top:12px;font-weight:750}.example-link{padding:10px;border-left:4px solid #9d6527;background:#fff4e5;margin-bottom:10px}.example-link.blue{border-color:#204f87;background:#eef5fc}.example-link strong,.example-link span{display:block;font-size:14px}.example-link span{color:#52645d;font-size:13px}.example-check{font-size:14px;color:#24583d}.example-check strong{margin-left:10px}.screen-example .example-total{font-size:13px;margin:12px 0 0;text-align:center}.example-car{display:flex;justify-content:space-between;gap:10px;padding:12px;border:1px solid #d1dccb;border-radius:8px;background:#fff;margin-bottom:10px;font-size:16px}.example-car span{font-size:14px;color:#426047}.walkthrough .walk-next{font-size:14px;font-weight:700;color:#215f50;margin-bottom:0;border-top:1px solid #dde5d8;padding-top:12px}.walkthrough .walk-tip{font-size:14px;color:#354943;background:#eef5fc;padding:10px 12px;border-radius:8px}@media(max-width:360px){.walkthrough>li{padding:16px}.walk-heading h3{font-size:18px}}
fieldset.create-options{border:0;padding:0;margin:22px 0}fieldset.create-options legend{font-size:15px;font-weight:700;margin-bottom:8px}.mode-choices{display:grid;gap:8px}.mode-choices label{display:flex;gap:10px;align-items:center;margin:0;padding:12px;border:1px solid #c6d5c1;border-radius:9px;font-size:15px;background:#f9fbf6}.mode-choices label:has(input:checked){border-color:#215f50;background:#eaf3e8;color:#194d40}.mode-choices input{width:19px;height:19px;margin:0;accent-color:#215f50;flex-shrink:0}.benefits li{padding:10px;text-align:center}.benefits strong{font-size:14px}.benefits strong:before{content:''}.hero{padding-bottom:20px}.how-to>summary{font-size:18px;font-weight:750}.how-to>h2{margin-top:22px}.how-to{padding-top:18px;margin-top:22px}

.ride-bundle{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px;border:2px solid #759d98;border-radius:18px;padding:5px;background:#edf7f5}.ride-bundle small{width:100%;font-size:10px;text-align:center;color:#365c55}.ride-single{display:inline-flex}.seat-person{min-height:44px;min-width:44px;cursor:grab}.seat-person:active{cursor:grabbing}.seat-person:hover{background:#d7e9d2}#seat-move-dialog{width:min(420px,calc(100% - 32px));max-height:85dvh;overflow:auto;border:1px solid #b9cdbb;border-radius:18px;padding:24px;color:#233d34}#seat-move-dialog::backdrop{background:#122a2680}#seat-move-options{display:grid;gap:10px}#seat-move-close{width:100%;margin-top:12px}

.car-owner{background:#215f50;color:#fff;display:inline-flex;flex-direction:column;justify-content:center;min-height:44px;font-weight:750}.car-owner small{font-size:10px;font-weight:500;color:#e0f2eb}.car-over{border:3px solid #c13c34;background:#fff4f2}.car-over .car-head small{background:#b52f27;color:white}.car-over .car-head{color:#98291f}

.ride-bundle{padding:3px;gap:3px}.group-chip{position:relative;display:inline-flex;border:2px solid #759d98;border-radius:24px;background:#edf7f5;margin:8px 14px 8px 0}.group-edit{background:none;padding:10px 18px;color:#233d34}.group-remove{position:absolute;right:-9px;top:-12px;border-radius:50%;background:#fff;border:1px solid #bdcfc6;min-height:28px;width:28px;padding:0;color:#87352b}#group-list{display:flex;flex-wrap:wrap}.member{border:1px solid #c5d5c8!important;border-radius:12px;padding:16px!important;margin:10px 0;background:#f8faf6}.member strong{font-size:17px}.member .text{border:1px solid #b3cbbd;background:white;padding:8px 16px}

.choice-owner{border:1px solid #7bada0;background:#e4f1ed}.owner-label{font-size:11px;font-weight:700;color:#fff;background:#215f50;border-radius:6px;padding:2px 6px;margin-left:auto}.choice-unavailable{opacity:.55}.grouped-label{font-size:11px;margin-left:auto;color:#53675f}#distance-impact{padding:12px;background:#f2f5ed;border-radius:9px;color:#314b3e}

.member{position:relative;padding-right:78px!important}.member strong{font-size:20px;display:block;line-height:1.4}.member .member-station{font-size:17px;color:#304b40;font-weight:650;margin:8px 0}.member>span{margin:4px 0;display:inline-block;font-size:12px}.member>[data-manage-person]{position:absolute;right:12px;top:12px;font-size:13px}.member .member-together{font-size:12px}
#seat-settings>summary,#settings>summary,details.card>summary,.how-to>summary,#settings details>summary{background:#edf3ed;border:1px solid #b3c7b8;border-radius:10px;padding:12px 14px;font-size:15px;font-weight:750;min-height:48px;color:#274e3e;box-shadow:0 2px 0 #dce5dc}details[open]>summary{margin-bottom:14px}summary:hover{filter:brightness(.97)}
.style-guide{background:#f5f8f3;padding:20px;border-radius:12px;margin:20px 0}.style-guide p{color:#344a40}.style-guide strong{font-size:18px;color:#215f50}.style-guide h3{margin-top:0}#shuffle-dialog{width:min(400px,calc(100% - 32px));border:1px solid #b9cdbb;border-radius:18px;padding:24px;color:#233d34}#shuffle-dialog::backdrop{background:#122a2680}#shuffle-dialog button{margin-top:10px;width:100%}

.style-quick{margin:4px 0 22px;padding:0 14px;background:#f4f7f1;border:1px solid #dce5d8;border-radius:12px}.style-quick>div{padding:12px 0}.style-quick>div+div{border-top:1px solid #d7e2d2}.style-quick dt{font-size:15px;font-weight:750;color:#21594b;line-height:1.5}.style-quick dd{margin:4px 0 0;font-size:14px;line-height:1.7;color:#40564a}

.seat-person.seat-last-moved{background:#fff0b5;color:#684600;box-shadow:inset 0 0 0 2px #c58b13}.seat-person.seat-last-moved:hover{background:#ffe799}#move-hint{margin:0 0 12px;color:#52665c}

.move-guide{margin:0 0 18px!important;padding:14px;background:#eaf3ed;border:1px solid #a7c5b3;border-radius:12px;color:#254b3a}.move-guide>strong{display:block;font-size:15px;margin-bottom:10px}.move-guide ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px 14px;padding:0;margin:0}.move-guide li{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700}.move-guide li>span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border-radius:50%;background:#215f50;color:#fff;font-size:12px}

.style-display{font-size:15px;font-weight:650;color:#435b4f;margin:0 0 18px}

#consent-dialog{width:min(460px,calc(100% - 32px));max-height:85dvh;overflow:auto;border:1px solid #b9cdbb;border-radius:18px;padding:24px;color:#233d34}#consent-dialog::backdrop{background:#122a2680}#consent-dialog>p{font-size:14px}#consent-close{width:100%;margin-top:10px}

.workspace{display:flex;flex-direction:column;gap:0}.workspace>#result-panel,.workspace>#room-tools{width:100%}#result-panel{border-color:#9ebfa9;box-shadow:0 4px 18px #214c3510}#generation-actions{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:8px;margin:0 0 20px}#generation-actions button{height:100%;font-size:14px;padding:12px 8px}#generation-actions .split-help{display:none}#room-tools>section,#room-tools>details{box-shadow:none;margin-top:12px}#room-tools>summary{font-size:16px}.workspace .section-head h2{font-size:24px}.consent-review{margin:18px 0;padding:16px;background:#fff8e8;border:1px solid #dcc285;border-radius:12px}.consent-review h3{font-size:17px;margin:0 0 8px}.consent-review>p{font-size:13px;margin:8px 0}.move-guide{padding:10px 12px}.move-guide>strong{font-size:13px;margin-bottom:7px}.invite{margin-bottom:14px;flex-direction:row;align-items:center}.invite>.secondary{width:auto;flex:1}.invite details{width:auto}.invite details[open]{flex:1}#room-tools .mode-note{font-size:12px;margin-top:12px}.room-top{padding-top:18px}#room-tools label{margin-top:12px}@media(min-width:701px){.workspace{max-width:720px;margin:auto}.invite,.room-top{max-width:720px;margin-left:auto;margin-right:auto}}@media(max-width:700px){#result-panel{padding:16px}.car{padding:14px}.room-top h1{font-size:22px}.move-guide li{font-size:12px;gap:4px}.move-guide ol{gap:6px 10px}.move-guide li>span{height:21px;width:21px}}

.settings-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px}.outline-button{background:#fff;border:1.5px solid #7f9d8d;color:#254b3a;box-shadow:0 2px 0 #dce6df;min-height:46px;padding:10px 12px;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:5px}.outline-button:hover{background:#eef5f0}.outline-button:active{transform:translateY(1px);box-shadow:none}.settings-sheet{width:min(620px,calc(100% - 32px));max-height:86dvh;overflow:auto;border:1px solid #b5cabb;border-radius:20px;padding:20px;color:#233d34;background:#f7f9f5}.settings-sheet::backdrop{background:#142e2580}.sheet-heading{position:sticky;top:-20px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f7f9f5;padding:12px 0;border-bottom:1px solid #d4dfd4;margin-bottom:16px}.sheet-heading h2{font-size:20px;margin:0}.sheet-close{flex-shrink:0}.settings-sheet .card{padding:14px;margin-bottom:12px;box-shadow:none}.settings-sheet>section#admin{background:transparent;border:0;padding:0}.settings-sheet label{margin:12px 0}.settings-sheet summary{font-size:14px}.settings-sheet .mode-note{font-size:12px;background:transparent;padding:0;margin:12px 0 0}#generation-actions{margin-bottom:14px}#result-panel>.section-head{margin-bottom:12px}button.primary{box-shadow:0 2px 0 #123d31;border:1px solid #174f41}button.secondary{border:1px solid #a8bfa6;box-shadow:0 2px 0 #d4e0d0}button.pill{box-shadow:0 1px 0 #b8ceb4;border:1px solid #c0d2b8}span.pill{border:1px solid transparent}.settings-sheet details>summary{background:#fff;border:1px solid #b9cabc;border-radius:10px;padding:12px;font-weight:750;box-shadow:0 2px 0 #dce5dc}.settings-sheet details[open]>summary{background:#eaf2eb}#result-panel .car .tiny{margin-top:6px}.move-guide{background:#f1f6f1;border-color:#d4e0d3}.move-guide>strong{display:none}.move-guide ol{justify-content:space-between}
@media(max-width:700px){.settings-sheet{width:100%;max-width:none;margin:auto 0 0;max-height:89dvh;border-radius:20px 20px 0 0;padding:16px;padding-bottom:max(18px,env(safe-area-inset-bottom))}.sheet-heading{top:-16px}.settings-nav .outline-button{font-size:12px;padding:10px 8px;letter-spacing:-.02em}.settings-sheet .member{padding:12px 74px 12px 12px!important}.settings-sheet .member strong{font-size:18px}.settings-sheet .member .member-station{font-size:16px}.settings-sheet .member-together:empty{display:none}}

/* Separate primary actions, secondary settings, and the assignment itself. */
#result-panel{border:1px solid #d1ded5;box-shadow:0 3px 16px #24463408;padding:24px}#result-panel>.section-head{margin-bottom:20px}.workspace .section-head h2{font-size:23px;letter-spacing:.02em}#history{border-color:#d5e0d6;background:#fafcf8;font-size:12px;max-width:145px}
#generation-actions{gap:12px;margin-bottom:18px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}#generation-actions button{min-height:50px;border-radius:12px;font-size:14px;box-shadow:none}#shuffle{background:#fff;border:1.5px solid #8daa98;color:#2c5944}#shuffle:hover{background:#eef5f0}
.settings-nav{grid-template-columns:1fr 1fr;gap:0;padding:0 0 16px;margin:0 0 18px;border-bottom:1px solid #e2e9e1}.settings-nav .outline-button{background:#fafcf9;border:1px solid #d2dfd4;box-shadow:none;font-size:13px;font-weight:650;min-height:44px;padding:10px 12px;border-radius:10px}.settings-nav .outline-button+button{margin-left:10px}.settings-nav .outline-button:hover{background:#eaf2ec;border-color:#8eac99}.settings-nav .outline-button span{font-size:19px;line-height:1;color:#5c7967}
.move-guide{padding:0 0 4px;margin:0 0 14px!important;background:transparent;border:0;border-radius:0}.move-guide ol{justify-content:flex-start;gap:8px 14px}.move-guide li{font-size:12px;font-weight:550;color:#5a6e60}.move-guide li>span{background:#edf3ed;color:#45634e;width:20px;height:20px;font-size:11px}
.car{margin:14px 0;padding:18px;border:1px solid #cddbcf;border-radius:14px;background:#fff}.car-head{font-size:16px}.car-head small{background:#f0f5ed;color:#465d4b;font-size:12px}.car p{margin:8px 0 12px}.car .pills{gap:8px;margin:12px 0}.car .seat-person{background:#f4f7ef;border:1px solid #c7d7be;box-shadow:none;padding:8px 11px;font-size:14px;min-height:44px}.car .seat-person:hover{background:#e2eed9;border-color:#85a773}.car .car-owner{font-size:14px;padding:6px 11px}.ride-bundle{border-color:#8eafa5;background:#f1f8f5;padding:4px;gap:4px;border-radius:16px}.car .tiny{font-size:12px;color:#5d7161}.car-over{border:3px solid #c13c34;background:#fff4f2}.car .seat-person.seat-last-moved{background:#fff0b5;border-color:#c58b13;box-shadow:inset 0 0 0 1px #c58b13;color:#684600}
.settings-sheet{background:#fafbf8}.sheet-heading{background:#fafbf8;padding-bottom:14px;margin-bottom:20px}.sheet-heading h2{font-size:19px}.sheet-close{box-shadow:none;border-color:#c1d0c3;background:#fff;font-weight:600}.settings-sheet details>summary{background:#fff;border-color:#d0dcd0;box-shadow:none;padding:14px;font-size:15px}.settings-sheet details[open]>summary{background:#edf4ee;border-color:#a4bda9}.settings-sheet>details+details{margin-top:14px}.settings-sheet .card{border-color:#dde5da}.settings-sheet #settings{border:0;padding-top:0}.settings-sheet #seat-settings{margin:20px 0 14px}.settings-sheet .member{background:#fff}.settings-sheet .member .text{box-shadow:none;border-color:#c1d2c4}.settings-sheet .member-together{color:#637664}.settings-sheet #style-note{line-height:1.7;font-size:13px}.settings-sheet .group-chip{margin:8px 18px 8px 0}.sheet-close:active{background:#e5eee6}
@media(max-width:700px){#result-panel{padding:18px 16px}#result-panel>.section-head{margin-bottom:18px}.settings-nav .outline-button{font-size:12px;letter-spacing:0;padding:10px}.settings-nav{margin-bottom:18px;padding-bottom:16px}#generation-actions{gap:10px}#generation-actions button{font-size:13px}.car{padding:15px;margin:12px 0}.move-guide ol{gap:7px 10px}.move-guide li{font-size:11px}.invite{margin-bottom:18px}.room-top{padding-top:18px;padding-bottom:14px}.settings-sheet .card{padding:12px}.settings-sheet{padding:18px}.sheet-heading{top:-18px}.sheet-heading h2{font-size:18px}}
@media(prefers-reduced-motion:no-preference){button{transition:background-color .12s,border-color .12s}dialog[open]{animation:panel-appear .16s ease-out}@keyframes panel-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}

/* People controls use one surface, with prominent action rows rather than nested cards. */
#room-tools>details.card{border:0;background:transparent;padding:0!important;margin:0 0 14px!important;border-radius:0;box-shadow:none}#room-tools>details.card>summary{display:flex;align-items:center;gap:12px;list-style:none;background:#fff;border:1px solid #a8c2b1;border-radius:12px;min-height:62px;padding:12px 14px;font-size:16px;font-weight:750;color:#244e3a;box-shadow:0 2px 5px #224b3510}#room-tools>details.card>summary::-webkit-details-marker{display:none}#room-tools>details.card>summary::after{content:'＋';margin-left:auto;flex-shrink:0;font-size:20px;font-weight:500;color:#577860}#room-tools>details.card[open]>summary::after{content:'−'}#room-tools>details.card[open]>summary{background:#eaf3ec;margin-bottom:0;border-color:#7fa88b}#room-tools>details.card>form,#room-tools>details.card>#members,#room-tools>details.card>#group-list{padding:4px 4px 0}#room-tools .people-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#e3eee5;color:#27563e;font-size:21px;flex-shrink:0}#room-tools #member-count{display:inline;font-size:13px;color:#59715e}#room-tools .member{margin:12px 0;background:white;border-color:#d5dfd3!important;box-shadow:none}#room-tools .member .text{background:#e9f2e8;border-color:#91af93;color:#245539;font-size:13px;font-weight:750}.action-icon{font-size:20px;line-height:1;vertical-align:middle;margin-right:4px}#generation-actions #near{font-size:17px;font-weight:800;letter-spacing:.06em}#car-tools #style-select-label{margin-top:0}#car-tools #style-note{margin-bottom:18px}#car-tools #seat-settings,#car-tools #settings{margin:12px 0;border:0;padding:0}#car-tools #seat-settings>summary,#car-tools #settings>summary{font-size:14px;padding:12px;background:#fff;border-color:#bacfbd}#car-tools #seat-form{padding:0 4px}#car-tools .seat-row{margin:10px 0;font-size:14px}#car-tools #settings>label{font-size:14px;margin:12px 0}#car-tools #settings .tiny{font-size:12px;margin:4px 0 10px}

/* Expanded car settings remain visibly connected to their trigger. */
#car-tools #seat-settings,#car-tools #settings{border:1px solid #c7d7ca;border-radius:12px;overflow:clip;background:#fff;margin:14px 0;padding:0}#car-tools #seat-settings>summary,#car-tools #settings>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;border:0;border-radius:0;box-shadow:none;background:#fff;padding:14px;font-size:15px;min-height:50px;margin:0}#car-tools #seat-settings>summary::-webkit-details-marker,#car-tools #settings>summary::-webkit-details-marker{display:none}#car-tools #seat-settings>summary::after,#car-tools #settings>summary::after{content:'＋';font-size:21px;color:#56775d;flex-shrink:0}#car-tools #seat-settings[open],#car-tools #settings[open]{border-color:#7ca08a;background:#f0f6ef;border-left:4px solid #387455;margin-bottom:22px}#car-tools #seat-settings[open]>summary,#car-tools #settings[open]>summary{background:#dfede2;color:#214d35;font-weight:800;border-bottom:1px solid #b8cebb}#car-tools #seat-settings[open]>summary::after,#car-tools #settings[open]>summary::after{content:'−';color:#275c3d}#car-tools #seat-settings>form,#car-tools #seat-settings>p,#car-tools #settings>label,#car-tools #settings>p,#car-tools #settings>details{margin-left:14px;margin-right:14px}#car-tools #seat-settings>form{padding:0;margin-top:12px}#car-tools #seat-settings>p:last-child,#car-tools #settings>details:last-child{margin-bottom:16px}#car-tools #settings>label:first-of-type{margin-top:16px}#car-tools #settings details>summary{background:#fff}#car-tools #settings details[open]{background:#e7f0e5;border-radius:10px;padding:0 8px 8px}#car-tools #settings details[open]>summary{margin:0 -8px 10px;background:#dcebdd;border-color:#99b49e}#car-tools #seat-settings summary:focus-visible,#car-tools #settings summary:focus-visible{outline:3px solid #8ab398;outline-offset:-4px}

.balance-caution{display:block;margin-top:6px;font-size:13px;font-weight:650;color:#855424}.balance-guide-note{display:block;font-size:14px!important;line-height:1.8;color:#855424!important;margin:8px 0}.example-menu{background:#fff;padding:10px 12px;border-bottom:1px solid #dce5d9;color:#2b503e;font-size:14px;font-weight:700}.example-menu:last-child{border-bottom:0}.guide-extras{border-top:1px solid #d6e2d4;margin-top:22px;padding-top:10px}.guide-extras p{font-size:14px;color:#405448}.guide-extras strong{color:#254e3c}.walk-tip strong{color:#27543e}

/* Quiet legal links; policy text stays outside the tool. */
.legal-notice{font-size:12px;line-height:1.7;color:#526459;margin:16px 0 10px}.legal-notice a{color:#35644f;text-underline-offset:3px}.legal-links{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;font-size:13px;line-height:1.8;margin:16px 0}.legal-links a{color:#456052;text-underline-offset:3px;padding:4px 0}.legal-page{max-width:760px}.legal-page h1{font-size:clamp(24px,5vw,32px);line-height:1.4}.legal-page h2{font-size:19px;line-height:1.5;margin:28px 0 10px}.legal-page p,.legal-page li{font-size:15px;line-height:1.9;color:#344b3d;overflow-wrap:anywhere}.legal-page ul{padding-left:22px}.legal-date{color:#617166!important;font-size:13px!important;margin-top:28px}.contact-action{display:inline-flex;align-items:center;justify-content:center;padding:14px 18px;border-radius:12px;text-decoration:none;color:#fff!important;min-height:48px}