:root{color:#17211f;background:#f7f4ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#ffffff8c,#fff0 28rem),#f7f4ec}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}.app-shell{display:grid;grid-template-columns:17rem minmax(0,1fr);min-height:100vh}.desktop-rail{position:sticky;top:0;height:100vh;padding:1.25rem;background:#1c3d36;color:#fff7eb}.brand{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}.brand-mark{display:grid;width:2.75rem;height:2.75rem;place-items:center;border-radius:8px;background:#f6c453;color:#1c3d36}.brand strong,.brand span{display:block}.brand span{color:#c8d8d0;font-size:.82rem}.nav{display:grid;gap:.45rem}.nav button{display:flex;align-items:center;gap:.75rem;min-height:2.8rem;padding:.7rem .8rem;border-radius:8px;background:transparent;color:inherit;text-align:left}.nav button.active,.nav button:hover{background:#ffffff1f}.app-main{width:min(1180px,100%);margin:0 auto;padding:1.2rem 1.5rem 6rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0 1.5rem}.topbar h1{margin:.15rem 0 .1rem;font-size:clamp(2rem,4vw,3.4rem);letter-spacing:0}.topbar span,.muted{color:#66736d}.eyebrow{margin:0;color:#987936;font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.notice{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:.85rem 1rem;border:1px solid #e8d7a4;border-radius:8px;background:#fff7d6;color:#56430e}.notice button{color:#56430e;background:transparent;font-weight:800}.screen{display:grid;gap:1rem}.two-column{grid-template-columns:minmax(19rem,.9fr) minmax(0,1.4fr);align-items:start}.stack{display:grid;gap:1rem}.hero-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,.58fr);gap:1rem;min-height:18rem;padding:1.25rem;border-radius:8px;background:linear-gradient(135deg,#1c3d36f0,#255c55e6),#1c3d36;color:#fff7eb;overflow:hidden}.hero-panel h2{margin:1.1rem 0 .35rem;font-size:clamp(2.6rem,8vw,5.8rem);letter-spacing:0}.hero-panel .eyebrow{color:#f6c453}.hero-panel p:last-child{max-width:34rem;color:#d9e7e2}.island-hero{background:linear-gradient(135deg,#14535bf0,#227070e0),#14535b}.island-hero h2{max-width:44rem;font-size:clamp(2.1rem,5vw,4.4rem);line-height:1.05}.route-card{position:relative;min-height:15rem;border-radius:8px;background:linear-gradient(155deg,#f6c453f2,#ed8f46d1),#f6c453;overflow:hidden}.island-card{background:radial-gradient(circle at 18% 28%,#fff7c2 0 7%,transparent 8%),linear-gradient(155deg,#53cdcdf2,#f6c453db),#53cdcd}.route-card svg{position:absolute;inset:1rem;width:calc(100% - 2rem);height:calc(100% - 2rem)}.route-card path{fill:none;stroke:#1c3d36;stroke-width:9;stroke-linecap:round;stroke-dasharray:16 18}.route-dot{position:absolute;z-index:1;width:1.35rem;height:1.35rem;border:4px solid #fff7eb;border-radius:999px;background:#e85d4f}.dot-a{left:16%;bottom:28%}.dot-b{left:48%;top:48%}.dot-c{right:14%;bottom:32%}.quick-grid,.dashboard-grid,.stat-grid,.map-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-tile,.panel,.stat,.map-card{border:1px solid #e4ddd0;border-radius:8px;background:#fffdf7db;box-shadow:0 18px 35px #2921150f}.action-tile{display:flex;align-items:center;justify-content:center;gap:.55rem;min-height:4.5rem;color:#1c3d36;font-weight:850}.panel{padding:1rem}.panel h2,.panel h3{margin:.25rem 0 .7rem;letter-spacing:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.form-panel{display:grid;gap:.8rem}label{display:grid;gap:.35rem;color:#40504b;font-size:.86rem;font-weight:750}input,select,textarea{width:100%;min-height:2.65rem;border:1px solid #d8cebd;border-radius:8px;padding:.72rem .78rem;background:#fffef9;color:#17211f;outline:none}textarea{min-height:5.7rem;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#1c3d36;box-shadow:0 0 0 3px #1c3d3624}.field-row,.button-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.button-row{grid-template-columns:repeat(3,minmax(0,1fr))}.checkline{display:flex;align-items:center;gap:.55rem}.checkline input{width:1.05rem;min-height:1.05rem}.primary-button,.secondary-button,.icon-button,.link-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.75rem;border-radius:8px;font-weight:850}.primary-button{background:#1c3d36;color:#fff7eb}.secondary-button{border:1px solid #d8cebd;background:#fffef9;color:#1c3d36}.link-button{width:fit-content;margin-top:.45rem;padding:0 .85rem;background:#1c3d36;color:#fff7eb;text-decoration:none}.inline-link{display:inline-flex;width:fit-content;margin-top:.35rem;color:#14535b;font-weight:850;text-decoration:none}.icon-button{width:2.75rem;min-width:2.75rem;background:#eef2ec;color:#1c3d36}.icon-button.subtle{width:2.25rem;min-width:2.25rem;min-height:2.25rem;background:transparent;color:#728078}.timeline{display:grid;gap:1rem}.timeline-item,.expense-row,.member-row,.map-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem;align-items:start;padding:.85rem 0;border-top:1px solid #ece4d8}.trip-stop{border-left:4px solid #2f8f6f}.timeline-item:first-of-type,.expense-row:first-of-type{border-top:0}.timeline-item strong,.timeline-item span,.expense-row strong,.expense-row span{display:block}.timeline-item p,.expense-row p{margin:.35rem 0 0;color:#66736d}.category-dot{width:.8rem;height:.8rem;margin-top:.35rem;border-radius:999px}.amount-block{display:grid;justify-items:end;gap:.2rem;text-align:right}.amount-block span{color:#66736d;font-size:.82rem}.pill{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:0 .7rem;border-radius:999px;background:#edf2ec;color:#31534c;font-size:.82rem;font-weight:850;white-space:nowrap}.map-stage{min-height:28rem;border:1px solid #d7dece;border-radius:8px;overflow:hidden;background:#dceadf}.island-map{background:#c7e8e8}.map-stage svg{display:block;width:100%;height:auto;min-height:28rem}.map-stage text{paint-order:stroke;stroke:#fff7eb;stroke-width:5;fill:#17211f;font-size:24px;font-weight:850}.map-card{grid-template-columns:auto minmax(0,1fr);padding:.85rem}.map-card strong,.map-card span{display:block}.map-card span{color:#66736d;font-size:.86rem}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{display:grid;gap:.45rem;padding:1rem}.stat span{color:#66736d;font-size:.86rem}.stat strong{font-size:1.35rem}.bar-row{display:grid;grid-template-columns:4.2rem minmax(0,1fr) 7rem;gap:.75rem;align-items:center;padding:.7rem 0}.bar-row div{height:.75rem;border-radius:999px;background:#eee8dd;overflow:hidden}.bar-row i{display:block;height:100%;border-radius:inherit;background:#1c3d36}.bar-row strong{text-align:right}.member-row{grid-template-columns:auto minmax(0,1fr)}.member-row>span{display:grid;width:2.4rem;height:2.4rem;place-items:center;border-radius:999px;background:#1c3d36;color:#fff7eb;font-weight:900}.member-row p{margin:.2rem 0 0;color:#66736d}.check-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem;align-items:center;width:100%;min-height:3rem;padding:.7rem 0;border-top:1px solid #ece4d8;background:transparent;color:#17211f;text-align:left}.check-item:first-of-type{border-top:0}.check-item svg{color:#9aa59f}.check-item.done span{color:#66736d;text-decoration:line-through}.check-item.done svg{color:#2f8f6f}.info-row{display:grid;gap:.25rem;padding:.85rem 0;border-top:1px solid #ece4d8}.info-row:first-of-type{border-top:0}.info-row span{color:#66736d;font-size:.9rem}.info-row p{margin:.25rem 0 0}.phrase-card{display:grid;gap:.45rem;padding:.9rem 0;border-top:1px solid #ece4d8}.phrase-card:first-of-type{border-top:0}.phrase-card span{color:#66736d}.phrase-card strong{font-size:1.05rem}.mobile-nav{display:none}@media(max-width:900px){.app-shell{display:block}.desktop-rail{display:none}.app-main{padding:.9rem .9rem 6.5rem}.topbar h1{font-size:2rem}.hero-panel,.two-column,.dashboard-grid,.quick-grid,.stat-grid,.map-list{grid-template-columns:1fr}.hero-panel{min-height:auto}.route-card{min-height:10rem}.list-panel{min-width:0}.expense-row{grid-template-columns:auto minmax(0,1fr)}.amount-block{grid-column:2;justify-items:start;text-align:left}.bar-row{grid-template-columns:3.2rem minmax(0,1fr)}.bar-row strong{grid-column:2;text-align:left}.mobile-nav{position:fixed;right:0;bottom:0;left:0;z-index:20;display:block;padding:.45rem .55rem calc(.45rem + env(safe-area-inset-bottom));border-top:1px solid #dfd5c6;background:#fffdf7f2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.map-stage text{display:none}.nav.compact{grid-template-columns:repeat(6,minmax(0,1fr));gap:.15rem}.nav.compact button{display:grid;justify-items:center;gap:.2rem;min-height:3.15rem;padding:.25rem;color:#40504b;font-size:.68rem}.nav.compact button.active{color:#1c3d36;background:#e8eee7}}@media(max-width:520px){.field-row,.button-row{grid-template-columns:1fr}.topbar{align-items:flex-start}.hero-panel h2{font-size:2.8rem}.panel{padding:.85rem}}