.cp-page{--cp-ink:#243b36;--cp-accent:#b75431;--cp-muted:#70837b;padding-bottom:38px}.cp-page *{box-sizing:border-box}.cp-page button,.cp-page input,.cp-page select,.cp-page textarea{font:inherit}.cp-page [hidden]{display:none!important}.cp-page :focus-visible{outline:3px solid #d58c31;outline-offset:3px}.cp-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(125deg,#f7eddb,#f8e4d1 65%,#f2d9c4);border-radius:24px;padding:38px 42px;margin:28px 0 22px;overflow:hidden}.cp-eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#9d6b42}.cp-hero h1{font-size:44px;color:#4b4433;line-height:1.3;margin:17px 0}.cp-hero h1 em{color:#b95e3f;font-style:normal}.cp-hero p{font-size:14px;line-height:1.9;color:#8c7766}.cp-journey{position:relative;display:flex;align-items:center;gap:12px;width:360px;min-height:160px;transform:rotate(-7deg);margin-right:18px}.cp-journey span{background:#fffbf2;color:#8e6545;padding:15px 18px;border-radius:14px;font-weight:700;box-shadow:0 8px 0 #d5b99c55;white-space:nowrap}.cp-journey i{border-top:2px dashed #b99070;flex:1}.cp-journey b{font-size:46px;color:#b75431}.cp-journey small{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:2px;color:#96745a;white-space:nowrap}.cp-topbar,.cp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.cp-topbar{justify-content:space-between}.cp-topbar>div:first-child{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cp-source{padding:7px 11px;background:#e6f0e9;color:#3f7960;border-radius:7px;font-size:12px;font-weight:600}.cp-page .secondary{background:#fff;color:#516b60;border:1px solid #d9e4dc}.cp-muted{font-size:12px;color:var(--cp-muted);line-height:1.9}.cp-status{min-height:24px;font-size:13px;color:#426e5d;margin:14px 0}.cp-status.error{color:#a74431;background:#fff0eb;padding:12px;border-radius:9px}.cp-demo-note{padding:12px 17px;background:#fff5d9;border:1px solid #e8d594;border-radius:10px;font-size:13px;color:#917224}.cp-setup{margin:20px 0}.cp-setup summary{cursor:pointer;color:#3c5c4c;font-size:15px;font-weight:700}.cp-setup summary>span{font-size:12px;color:#7c9385;margin-left:15px;font-weight:400}.cp-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding-top:23px}.cp-setup h2{font-size:17px}.cp-setup h3{font-size:14px}.cp-setup label,.cp-filter-row label{display:block;font-size:12px;color:#596e65;margin:13px 0 7px}.cp-page input:not([type=checkbox]),.cp-page select,.cp-page textarea{width:100%;min-width:0;padding:10px 12px;border:1px solid #d8e4dc;border-radius:8px;background:#fbfdfb;color:#3c5149;font-size:13px}.cp-inline{display:flex;gap:8px}.cp-inline select{flex:1}.cp-inline button{white-space:nowrap;border:1px solid #d7e5db;background:white;border-radius:8px;color:#496c57;padding:8px;cursor:pointer;font-size:12px}.cp-check{display:flex!important;align-items:flex-start;gap:9px;line-height:1.8;cursor:pointer}.cp-check input{margin-top:4px;accent-color:#557e5d;flex-shrink:0}.cp-help{padding:17px 21px;background:#f5f5ed;border-radius:12px;margin-top:25px;font-size:12px;line-height:1.8;color:#7a7f64}.cp-help p{margin:10px 0}.cp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:22px 0}.cp-stats>div{border:1px solid #dae4db;background:#fff;padding:20px 23px;border-radius:15px}.cp-stats>div:nth-child(2){background:#fff8e8}.cp-stats span{font-size:12px;color:#7f9084;display:block}.cp-stats strong{font-size:32px;color:#3b6048;display:block;margin-top:10px;font-variant-numeric:tabular-nums}.cp-filter-row{display:grid;grid-template-columns:2fr 1fr 1.4fr 1.2fr;gap:14px}.cp-filter-row label{margin-top:0}.cp-chips{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.cp-chips button{border:1px solid #dde5dc;background:#f9fcf8;border-radius:8px;padding:7px 10px;color:#5e7563;font-size:12px;cursor:pointer}.cp-chips button[aria-pressed=true]{background:#526e55;color:#fff;border-color:#526e55}.cp-reveal{font-size:12px;color:#8d7a64;margin:8px 0 0}.cp-list-head{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin:30px 0 18px}.cp-list-head h2{font-size:23px;margin:0;color:#304f3f}.cp-list{display:grid;grid-template-columns:1fr 1fr;gap:17px}.cp-ride{border:1px solid #dce5dc;background:#fff;border-radius:16px;padding:22px;min-width:0;overflow-wrap:anywhere}.cp-ride.ended{background:#f5f7f3;color:#8c9689}.cp-ride-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.cp-kind{font-size:11px;padding:5px 9px;background:#e6f0e2;color:#50774a;border-radius:6px}.cp-kind.offer{background:#fbe8d7;color:#a46535}.cp-state{font-size:11px;color:#81917c}.cp-state.unsure{color:#ac8429}.cp-ride h3{font-size:20px;margin:20px 0 14px;color:#3a5143}.cp-ride-info{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:#4f6a55}.cp-ride-info strong{font-size:16px;color:#775c3d}.cp-original{padding:15px;border-radius:10px;background:#f6f8f4;font-size:13px;color:#667860;line-height:1.9;white-space:pre-wrap;margin:18px 0}.cp-ride-foot{display:flex;flex-wrap:wrap;gap:7px;justify-content:space-between;font-size:11px;color:#8e9d89}.cp-ride .cp-time-note{font-size:11px;color:#9c865b;margin:9px 0}.cp-empty{padding:50px 20px;border:1px dashed #cddccc;border-radius:18px;text-align:center;background:#f8fbf6}.cp-empty>span{font-size:45px;color:#8ea181}.cp-empty h3{font-size:18px;color:#5b7454}.cp-empty p{font-size:13px;color:#8b9982;line-height:1.9}.cp-footer{font-size:12px;color:#8b9880;line-height:1.9;margin-top:26px}.cp-page button:disabled{opacity:.55;cursor:wait}
@media(max-width:950px){.cp-hero{padding:30px}.cp-journey{width:270px}.cp-setup-grid{grid-template-columns:1fr;gap:24px}.cp-filter-row{grid-template-columns:1fr 1fr}.cp-stats>div{padding:18px}.cp-hero h1{font-size:36px}}
@media(max-width:640px){.cp-hero{padding:27px;margin-top:20px}.cp-journey{display:none}.cp-hero h1{font-size:34px}.cp-stats{grid-template-columns:1fr 1fr;gap:10px}.cp-stats>div{padding:17px}.cp-list{grid-template-columns:1fr}.cp-ride{padding:20px}.cp-page .pad{padding:19px}.cp-topbar .btn{font-size:12px;padding:9px 11px}.cp-setup summary>span{display:block;margin:8px 0 0 16px}.cp-inline{flex-wrap:wrap}.cp-inline select{width:100%;flex-basis:100%}.cp-list-head{align-items:start;flex-direction:column;gap:7px}.cp-page input:not([type=checkbox]),.cp-page select,.cp-page textarea{font-size:14px}.cp-filter-row{gap:12px}}