@font-face{font-family:Vazir;src:url('/assets/vazirmatn.ttf');font-display:swap}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f4f5f7;color:#19202c;font:14px/1.9 Vazir,Tahoma,sans-serif;-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #2459d3;outline-offset:4px}a{color:#bd411d;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:24px;line-height:1.6}h2{font-size:17px}h3{font-size:15px}small,.muted{font-size:11px;color:#6b7484;display:block}img{max-width:100%}svg{display:block;flex-shrink:0}button{color:#19202c}.shell{max-width:570px;margin:auto;padding:14px 20px 185px}.app-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.app-brand{display:flex;gap:10px;align-items:center;color:#19202c;line-height:1.45}.app-brand img{border-radius:12px}.app-brand b{font-size:22px}.app-brand small{font-size:9px;margin-top:3px;color:#88919e}.top-tools{display:flex;align-items:center;gap:13px}.avatar{width:43px;height:43px;background:white;border:1px solid #e3e8ee;display:grid;place-items:center;border-radius:50%}.connection{font-size:9px;color:#87909d}.connection:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#bd411d;margin-left:5px}.connection.offline:before{background:#d69b27}.primary,.secondary,.text-button,.teaser-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:15px;padding:12px 17px;font-weight:600;border:1px solid #d9e0eb;background:white;color:#19202c;min-height:46px}.primary{background:#19202c;color:white;border:0}.primary.orange,.orange{background:#e9582b;color:white}.secondary.dark-outline{color:#dfe5ee;background:transparent;border-color:#748397}.text-button{background:none;border:0;color:#bd411d;font-size:12px;padding:7px;min-height:40px}.full{width:100%}.grow{flex:1}.overline{display:block;font-size:10px;color:#9aa5b6;margin-bottom:7px}.garage-teaser{min-height:154px;background:#19202c;display:flex;gap:12px;align-items:center;padding:20px;border-radius:25px;color:white;margin-bottom:14px;overflow:hidden}.garage-teaser-copy{flex:1;min-width:0}.garage-teaser h1{font-size:21px;overflow-wrap:anywhere}.garage-teaser p{font-size:10px;color:#c3ccd9;margin:7px 0 12px}.teaser-button{padding:7px 11px;border:0;background:#e9582b;color:white;min-height:35px;font-size:10px;border-radius:11px}.teaser-button svg{width:15px}.garage-teaser-image{width:43%;display:flex;flex-direction:column;align-items:center;justify-content:center}.vehicle-photo{width:100%;height:82px;object-fit:contain}.garage-teaser-image small{font-size:8px;color:#b8c3d4;text-align:center;margin-top:4px}.next-action{display:flex;align-items:center;gap:12px;background:white;border:1px solid #e9ecf1;border-radius:21px;padding:17px;margin:14px 0}.next-action>div{flex:1;min-width:0}.next-action b{display:block;font-size:13px;margin-block:4px}.next-action p{font-size:9px;color:#bd411d}.round-art{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;flex-shrink:0}.gold{background:#fff0cc;color:#a57427}.peach{background:#ffebe0;color:#e9582b}.blue{background:#eaf0fd;color:#2459d3}.icon-button{display:grid;place-items:center;padding:8px;min-width:36px;min-height:36px;background:none;border:0;color:inherit;border-radius:10px}.assistant-callout{display:grid;grid-template-columns:49px 1fr;column-gap:12px;background:#253b57;border-radius:23px;padding:17px;color:white;margin:15px 0 25px}.assistant-callout h2{font-size:16px}.assistant-callout p{font-size:9px;color:#c7d3e2;margin-top:4px}.assistant-callout-actions{grid-column:span 2;display:flex;gap:8px;margin-top:15px}.assistant-callout-actions .primary{flex:1;font-size:11px;min-height:41px}.assistant-callout-actions .secondary{font-size:10px;min-height:41px;padding:8px 11px}.assistant-orb{width:48px;height:48px;border:1px solid #748eac;border-radius:50%;display:grid;place-items:center;position:relative;isolation:isolate;color:#ff9b6d;background:#344b68;overflow:hidden}.assistant-orb:before,.assistant-orb:after{content:'';position:absolute;border:1px solid #6e859f;border-radius:50%;width:35px;height:20px;transform:rotate(55deg);z-index:-1}.assistant-orb:after{transform:rotate(-55deg)}.assistant-orb span{font-size:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:23px 0 14px}.section-heading h2{font-size:17px}.section-heading h1{font-size:24px}.section-heading small{font-size:9px;color:#8e97a5}.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.service-card{display:flex;align-items:center;flex-direction:column;gap:10px;background:white;border:1px solid #e9ecf1;border-radius:22px;padding:19px 10px 17px;min-height:142px;text-align:center}.service-card b{font-size:12px}.service-card small{font-size:9px;color:#7f8999}.service-art{width:62px;height:53px;display:grid;place-items:center;border-radius:22px;position:relative;isolation:isolate}.service-art:before{content:'';position:absolute;width:45px;height:45px;border-radius:50%;background:currentColor;opacity:.08;inset:4px;transform:rotate(-14deg);z-index:-1}.service-art svg{filter:drop-shadow(0 3px 0 #19202c0b);stroke-width:1.8}.service-art i{position:absolute;width:8px;height:8px;background:white;border:1px solid currentColor;bottom:5px;right:8px;border-radius:3px;transform:rotate(-17deg)}.radio-strip{display:flex;align-items:center;gap:13px;width:100%;margin:16px 0;background:#fff;border:1px solid #e6eaf0;border-radius:20px;padding:14px 17px;text-align:right;color:#19202c}.radio-strip>span:nth-child(2){flex:1}.radio-strip b{font-size:13px;display:block}.radio-strip small{font-size:9px;margin-top:3px}.radio-vinyl{width:42px;height:42px;border-radius:50%;background:repeating-radial-gradient(circle,#1c283a 0 3px,#3f4f67 4px 5px);display:grid;place-items:center;position:relative;border:3px solid #e1e6ef;box-shadow:0 3px 5px #19202c10}.radio-vinyl i{width:14px;height:14px;background:#e9582b;border-radius:50%;border:4px solid #ffbf9d}.radio-strip-play{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fff0e8;color:#bd411d}.compact-services{display:grid;grid-template-columns:1fr 1fr;gap:10px}.compact-action{display:flex;gap:9px;align-items:center;justify-content:flex-start;padding:15px 12px;background:white;border:1px solid #e7ebf1;border-radius:17px;font-size:11px;min-height:54px}.compact-action svg{color:#bd411d;width:20px}.monthly-teaser{display:flex;align-items:center;gap:12px;background:white;border:1px solid #e7ebf1;width:100%;padding:16px;border-radius:20px;text-align:right;color:#19202c;margin-top:16px}.monthly-teaser>span:nth-child(2){flex:1}.monthly-teaser b{font-size:12px}.monthly-teaser small{font-size:9px;margin-top:4px}.privacy-footnote{display:flex;align-items:flex-start;gap:7px;color:#8b94a1;font-size:9px;line-height:1.9;margin:22px 4px}.privacy-footnote svg{margin-top:2px;flex-shrink:0}.dock{display:flex;position:fixed;bottom:calc(10px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(530px,calc(100% - 28px));padding:8px 9px;background:#fffffff5;backdrop-filter:blur(16px);border:1px solid #e5e9ef;border-radius:24px;box-shadow:0 9px 28px #1720340c;z-index:4}.dock button{flex:1;display:flex;align-items:center;flex-direction:column;gap:5px;min-height:52px;border:0;background:none;color:#7c8798;font-size:10px;position:relative;border-radius:15px;padding:8px 4px}.dock button.active{color:#e9582b}.dock button.active:before{content:'';position:absolute;width:46px;height:29px;top:4px;background:#ffede5;border-radius:12px;z-index:-1}.dock button svg{width:21px;height:21px;stroke-width:1.9}.car-switcher{display:flex;align-items:center;gap:10px;margin:-5px 0 17px;padding:8px 12px;background:white;border:1px solid #e3e8ef;border-radius:13px;color:#7d899b}.car-switcher select{border:0;padding:3px;font-size:12px;background:none}.car-switcher svg{color:#bd411d}.back-button{display:flex;align-items:center;gap:8px;background:none;border:0;color:#7e899a;font-size:10px;margin:4px 0 17px;padding:5px 0}.back-button:before{content:'←';font-size:16px}.remote-shell{border-radius:34px;padding:17px;background:#253044;border:5px solid #cad3e0;box-shadow:0 13px 21px #19202c18,inset 0 1px 3px #8ca3c34d;margin:19px 4px 22px;position:relative}.remote-shell:after{content:'';display:block;width:65px;height:8px;border:2px solid #a9b8cb;border-radius:10px;margin:8px auto 0;opacity:.7}.remote-shell>header{display:flex;gap:9px;align-items:center;color:white;padding:0 0 12px}.remote-shell>header b{flex:1;font-size:13px}.remote-dot{width:5px;height:5px;border-radius:50%;background:#f8a46f;box-shadow:0 0 8px #ffad7080}.remote-shell .star-button{color:#ffbc8c}.remote-shell>header .icon-button{padding:5px}.remote-key-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.remote-key{min-height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px solid #d5dfe9;border-radius:17px;background:linear-gradient(#fff,#e8edf3);box-shadow:0 3px 0 #afbdce;color:#253044;padding:12px 5px;position:relative}.remote-key span{width:42px;height:39px;display:grid;place-items:center;color:#bd411d;background:#fff3eb;border-radius:13px}.remote-key:nth-child(2n) span{color:#2459d3;background:#e9f0fd}.remote-key b{font-size:10px}.remote-key:active{box-shadow:0 1px 0 #afbdce}.remote-shell>footer{display:flex;align-items:center;justify-content:center;gap:7px;font-size:7px;color:#99abc1;padding:15px 0 1px}.remote-shell>footer i{width:3px;height:3px;border-radius:50%;background:#fb9a6c}.vehicle-id-card{width:100%;display:flex;align-items:center;gap:12px;text-align:right;background:white;border:1px solid #e5eaf0;border-radius:21px;padding:14px}.vehicle-id-card>span{flex:1}.vehicle-id-card b{display:block;font-size:14px}.vehicle-id-card small{font-size:9px;margin-top:4px}.id-photo{width:55px;height:48px;object-fit:contain;background:#edf1f7;border-radius:12px}.history-item{display:flex;align-items:center;gap:12px;width:100%;padding:16px;background:white;border:1px solid #e7ebf1;border-radius:18px;text-align:right}.history-item>span:nth-child(2){flex:1}.history-item b{font-size:12px}.history-item small{font-size:9px;margin-top:4px}.empty-inline{color:#8691a2;padding:25px 10px;text-align:center;font-size:11px}.empty-garage{text-align:center;padding:15px 5px}.empty-garage-photo{background:#202d42;border-radius:30px;padding:35px 15px;margin-bottom:30px}.empty-garage-photo img{height:130px}.empty-garage h1{font-size:23px}.empty-garage p{font-size:12px;color:#7b8798;margin:15px auto 25px;max-width:260px}.empty-garage .overline{color:#bd411d}.empty-garage>button{display:flex;width:100%;margin-top:12px}.passport-identity{border-radius:25px;background:#19202c;color:white;padding:23px}.passport-identity>small{color:#b4c2d5;font-size:10px}.passport-identity h1{margin-top:3px}.passport-identity p{font-size:12px}.passport-photo{height:135px;width:100%;object-fit:contain;margin:15px 0}.light-text{color:#ffb58f}.actions{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.actions.twin>button{flex:1;font-size:11px}.passport-timeline{display:grid;gap:13px;margin-top:18px;padding-right:16px;position:relative}.passport-timeline:before{content:'';width:1px;background:#dce3ed;position:absolute;top:0;bottom:20px;right:4px}.timeline-event{display:flex;align-items:center;gap:12px;position:relative;border:1px solid #e8ecf2;background:white;border-radius:19px;padding:18px 15px;text-align:right}.timeline-event b{font-size:13px}.timeline-event small{font-size:9px;margin-top:5px}.timeline-dot{width:9px;height:9px;border-radius:50%;background:#e9582b;position:absolute;right:-17px;top:27px;border:2px solid #f4f5f7;box-sizing:content-box}.profile-header{text-align:center;padding:12px 15px 25px}.profile-avatar{display:grid;place-items:center;width:80px;height:80px;background:white;border:5px solid #e8eef7;border-radius:50%;margin:0 auto 17px;color:#344c70}.profile-header .overline{color:#929baa;font-size:10px}.profile-header h1{font-size:22px;direction:ltr}.profile-header p{font-size:11px;color:#7d8899;margin:10px 0 18px}.membership-card{display:flex;align-items:center;gap:13px;border:1px solid #f1d9cb;background:#fff1e8;padding:18px;border-radius:22px;margin-bottom:21px}.membership-star{color:#d16939;width:44px;height:44px;background:#ffe2cf;border-radius:14px;display:grid;place-items:center;flex-shrink:0}.membership-card>div{flex:1}.membership-card small{font-size:9px;color:#ad785a}.membership-card h2{font-size:14px;margin:4px 0}.membership-card p{font-size:9px;color:#95694f}.quota-badge{font-size:21px;font-weight:800;color:#b95023;text-align:center}.quota-badge small{font-size:7px;font-weight:400}.profile-menu{border:1px solid #e5eaf0;border-radius:23px;padding:0 15px;background:white;overflow:hidden}.profile-menu>button,.profile-menu>a{display:flex;align-items:center;gap:12px;width:100%;padding:17px 0;border:0;border-bottom:1px solid #edf0f4;background:none;color:#19202c;text-align:right}.profile-menu>button>svg:first-child,.profile-menu>a>svg:first-child{color:#7a8ca5;width:22px}.profile-menu>button>span,.profile-menu>a>span{flex:1}.profile-menu b{font-size:12px;font-weight:600}.profile-menu small{font-size:9px;margin-top:4px;color:#929bab}.profile-menu>*:last-child{border-bottom:0}.upgrade-link{display:flex;align-items:center;justify-content:space-between;background:#eaf0fc;border-radius:15px;color:#315991;padding:14px 16px;font-size:11px;margin-top:15px}.logout-button{display:flex;margin:14px auto 0;color:#b85b41}.hero{border-radius:25px;padding:23px;background:#19202c;color:white;margin-bottom:18px}.hero small{color:#b8c5d8;font-size:10px}.amount{font-size:29px;font-weight:800;margin:10px 0}.month{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:17px 0}.month>b{font-size:13px}.month button{font-size:11px;padding:8px 11px;min-height:36px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.panel{padding:19px;background:white;border:1px solid #e6ebf1;border-radius:21px}.grid>.panel{text-align:center;padding:15px 8px}.stat{font-size:25px;color:#2459d3}.grid small{font-size:9px}.category{display:grid;grid-template-columns:1fr auto;gap:7px;margin-bottom:19px;font-size:11px}.category progress{width:100%;height:7px;grid-column:span 2;accent-color:#e9582b;border:0}.category:last-child{margin-bottom:0}.record{display:flex;gap:12px;align-items:center;padding:18px;border:1px solid #e7ebf2;border-radius:19px;background:white;color:#19202c;text-align:right;width:100%}.record b{font-size:13px;font-weight:600}.record small{font-size:9px;margin-top:5px}.record>span{font-size:10px;color:#bd411d;white-space:nowrap}.section{margin:24px 0 14px;font-size:17px}.stack{display:grid;gap:12px}.spaced{margin-block:18px}.badge{display:inline-block;font-size:8px;background:#fff0e6;color:#bd411d;padding:3px 7px;border-radius:6px;margin-top:6px}.empty{text-align:center;padding:35px 23px}.empty p{font-size:11px;color:#7e899a;margin:12px 0 21px}.empty h2{font-size:20px}.screen-history>.actions{display:grid;grid-template-columns:1fr 1fr}.screen-history>.actions button{font-size:11px}.screen-intro{text-align:center;padding:10px 10px 23px}.screen-intro .service-art{margin:0 auto 15px}.screen-intro .overline{color:#6f8aba}.screen-intro p{font-size:11px;color:#7c889a;margin-top:12px}.summary-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:18px}.summary-stat-grid>div{padding:17px 7px;background:white;border:1px solid #e4eaf2;border-radius:19px;text-align:center}.summary-stat-grid strong{font-size:21px;color:#315a9c;display:block}.summary-stat-grid small{font-size:8px}.analysis-consent h2{font-size:16px}.analysis-consent p{font-size:11px;color:#7c8798;margin:10px 0 14px}.check-row{display:flex;align-items:center;gap:8px;font-size:11px;margin:12px 0 17px}.analysis-consent>small{font-size:9px;margin-top:13px}.analysis-result{margin-top:28px}.analysis-result>.overline{color:#bd411d}.analysis-result>p{color:#657284;font-size:12px;margin:12px 0 20px}.analysis-result article{margin-bottom:12px}.analysis-result h3{font-size:14px}.analysis-result ul{font-size:11px;line-height:2.2;padding-right:17px;color:#6f7c90}.analysis-action{margin-top:15px;padding-top:12px;border-top:1px solid #edf0f5}.analysis-action b{font-size:12px}.analysis-action p{font-size:11px;color:#738097;margin-top:7px}.chat-welcome{text-align:center;padding:20px 6px}.chat-welcome .assistant-orb{margin:0 auto 20px;width:73px;height:73px;background:#273f5f;border:5px solid #e1e9f5}.chat-welcome h2{font-size:23px}.chat-welcome>p{font-size:11px;color:#7e8a9c;margin:12px auto 24px;max-width:260px}.chat-starters{display:grid;gap:9px}.chat-starters>button{display:flex;align-items:center;gap:10px;padding:15px 12px;border:1px solid #e1e7f1;background:white;border-radius:16px;text-align:right;color:#344760}.chat-starters>button>span{flex:1;font-size:11px}.chat-starters>button>svg:first-child{color:#bd411d}.chat-welcome>small{font-size:9px;margin-top:13px}.chat-toolbar{display:flex;gap:8px}.chat-toolbar select{flex:1;min-width:110px;width:auto}.chat-toolbar button{font-size:10px;padding:7px 10px}.messages{margin:16px 0}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #e5ebf2;background:white;border-radius:20px 20px 5px 20px;padding:16px 17px;max-width:91%;margin:15px 0;font-size:12px;line-height:2.1}.bubble.user{background:#e9effa;border-color:#dce6f5;border-radius:20px 20px 20px 5px;margin-right:auto}.screen-assistant>h1{font-size:22px}.screen-assistant>p{font-size:10px}.send-chat svg{transform:rotate(90deg)}#chat-form{display:grid;gap:12px;margin-top:23px}#chat-form>label.muted{font-size:10px;line-height:2}input,textarea,select{font:inherit;border:1px solid #d4dde9;background:white;color:#19202c;border-radius:14px;padding:13px 14px;width:100%;outline-offset:2px}input:focus,textarea:focus,select:focus{outline:2px solid #e9582b1a;border-color:#d96b45}textarea{min-height:105px;resize:vertical;line-height:2}input[type=checkbox]{width:19px;height:19px;accent-color:#bd411d;vertical-align:middle;flex-shrink:0}input[type=date]{direction:ltr;text-align:right;color:#53627b}input[type=file]{font-size:10px;border:0;background:none;padding:10px 0 0}.field{display:grid;gap:8px;font-size:11px;color:#536178}.photo-picker{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:11px;background:#edf2fa;border:1px dashed #b9cbe2;padding:17px;border-radius:17px;color:#4f6a90}.photo-picker small{font-size:9px;margin-top:5px;color:#7f92ac}.photo-picker>input{grid-column:span 2}.error,.danger{color:#b34c2b;font-size:11px}.danger{border:1px solid #e9c6b7;padding:11px;background:none;border-radius:12px}.preview-note{font-size:9px;color:#866c4f;background:#fff1d6;border:1px solid #f0d5a6;padding:9px 12px;border-radius:12px;margin-bottom:15px}dialog{border:1px solid #ffffffcc;background:#f7f8fbeF;backdrop-filter:blur(24px);color:#19202c;width:min(510px,calc(100% - 24px));max-height:90dvh;border-radius:27px;padding:23px;box-shadow:0 26px 90px #17223833;overscroll-behavior:contain}dialog::backdrop{background:#14203372;backdrop-filter:blur(9px)}dialog .close{position:sticky;top:0;float:left;z-index:2;display:grid;place-items:center;width:34px;height:34px;background:#e8edf4;border:1px solid #dae2ed;border-radius:50%;color:#718198;font-size:23px;line-height:1}dialog h2{font-size:20px;margin:3px 0 18px}dialog form{display:grid;gap:16px}dialog>p.muted{font-size:11px;margin-bottom:20px}dialog form>label.muted{font-size:10px;line-height:2}dialog form>.primary{margin-top:5px}.login-art{display:grid;place-items:center;width:72px;height:72px;background:#ffece0;border:6px solid white;box-shadow:0 7px 20px #bd411d0d;border-radius:24px;color:#cd5d31;margin:7px auto 20px}.login-art+h2{text-align:center;font-size:23px}.login-art~p.muted{text-align:center}input.otp-code{font-size:31px;font-weight:700;text-align:center;direction:ltr;letter-spacing:18px;padding:19px 8px;min-height:82px;border-width:2px;border-color:#e2e8f1;background:#fff;font-variant-numeric:tabular-nums}#code-form>button.primary{min-height:50px}#code-form>#resend{border:0;background:none;color:#bd411d;font-size:11px;min-height:37px}.remote-editor{margin:20px 0;display:grid;gap:8px}.remote-editor>div{display:flex;gap:7px;align-items:center}.remote-editor>div>span{color:#8998ac;font-size:11px}.remote-editor select{flex:1;width:auto;font-size:11px}.remote-editor button{background:white;border:1px solid #e1e7ee;border-radius:10px}.symptom-header{background:#19202c;color:white;border-radius:21px;padding:23px;margin-top:25px}.symptom-header h2{font-size:24px;margin:5px 0 10px}.symptom-header p{font-size:10px;color:#b8c6da}.symptom-header .overline{color:#d9a280}.symptom-header progress{height:5px;width:100%;accent-color:#e9582b;margin-top:18px;border:0}.symptom-content{display:grid;gap:15px;margin:23px 0}.symptom-content>h3{font-size:15px}.symptom-parts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.symptom-parts>button{display:grid;gap:12px;background:white;border:1px solid #e2e8f0;border-radius:19px;padding:19px;text-align:right}.symptom-parts b{font-size:12px}.symptom-summary{display:grid;gap:8px}.symptom-summary .round-art{float:left}.symptom-summary small{font-size:10px}.safety-note{font-size:9px;color:#8a776b;padding:12px 14px;background:#fff4eb;border:1px solid #f3dfd1;border-radius:13px;line-height:2;margin-top:18px}.trip-sheet>.field{margin-bottom:15px}.trip-report{margin:19px 0}.trip-report>b{font-size:12px}.trip-report h3{font-size:13px;margin-top:18px;margin-bottom:9px}.trip-report p{font-size:11px;padding:7px 0}.trip-report ul{font-size:10px;color:#7b879a;padding-right:16px}.trip-report small{font-size:9px}.trip-checks{display:grid;background:white;border-radius:18px;padding:3px 15px;border:1px solid #e6ebf2}.trip-checks>label{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #edf0f5;font-size:11px}.trip-checks>label:last-child{border:0}.trip-sheet>.primary{margin-top:17px}#notice{position:fixed;bottom:105px;left:50%;transform:translateX(-50%);width:max-content;max-width:min(90%,500px);background:#19202c;color:white;border-radius:15px;padding:13px 18px;font-size:11px;z-index:20;display:none;box-shadow:0 7px 20px #19202c26}#player{position:fixed;bottom:95px;left:50%;transform:translateX(-50%);width:min(530px,calc(100% - 28px));background:#edf2fa;border:1px solid #d8e2f0;padding:11px 13px;border-radius:19px;z-index:5;box-shadow:0 5px 15px #253a5b14}#player:not([hidden]){display:flex;align-items:center;gap:7px}#track-name{font-size:10px;max-width:90px}audio{width:100%;height:39px}#stop-radio{border:0;background:none;color:#6f819c;font-size:23px}.radio-sheet{padding:23px 19px;border-radius:29px 29px 0 0;width:min(570px,100%);max-width:100%;margin:auto auto 0;max-height:92dvh;border:1px solid #e1e7ee;background:#f5f7fb}.radio-sheet>header{padding:10px 3px 0}.radio-sheet-heading .overline{color:#8997a9}.radio-sheet-heading h2{font-size:26px;margin-bottom:20px}.radio-now{display:flex;align-items:center;gap:14px;background:white;border:1px solid #e2e8f2;border-radius:23px;padding:17px}.radio-now>div:nth-child(2){flex:1}.radio-now small{font-size:9px;color:#a0a9b6}.radio-now b{display:block;font-size:14px;margin-top:6px}.radio-main-play{width:48px;height:48px;display:grid;place-items:center;border:0;background:#e9582b;color:white;border-radius:50%;box-shadow:0 7px 15px #e9582b25}.radio-cover{width:73px;height:73px;border-radius:16px;display:grid;place-items:center;background:#dce5f2;overflow:hidden}.radio-cover-record{width:59px;height:59px;border-radius:50%;background:repeating-radial-gradient(circle,#24364e 0 4px,#586b88 5px 6px);display:grid;place-items:center;position:relative;transform:rotate(-14deg)}.radio-cover-record i{width:19px;height:19px;border-radius:50%;background:#e9582b;border:5px solid #ffb48b}.radio-cover-record b{position:absolute;bottom:10px;right:7px;font-size:6px;color:#d3deed;margin:0}.radio-equalizer{display:flex;align-items:center;height:13px;gap:3px;margin-top:10px}.radio-equalizer i{display:block;width:3px;height:4px;background:#d5deed;border-radius:3px}.radio-equalizer i:nth-child(2){height:10px}.radio-equalizer i:nth-child(3){height:6px}.radio-equalizer i:nth-child(4){height:12px}.audio-playing .radio-equalizer i{background:#e9582b}.radio-seek{display:flex;align-items:center;gap:10px;margin:18px 4px;color:#94a0b1;font-size:9px;direction:ltr}.radio-seek input{padding:0;height:4px;border:0;accent-color:#e9582b;flex:1}.radio-tools{display:flex;align-items:center;gap:7px}.radio-search{display:flex;gap:8px;align-items:center;border:1px solid #e0e7f0;background:white;padding:0 12px;border-radius:15px;flex:1;color:#9aa9bf}.radio-search input{font-size:11px;padding:12px 0;border:0;outline:none;background:none}.radio-tools button{font-size:9px;white-space:nowrap}.radio-categories{display:flex;gap:7px;overflow:auto;margin:16px 0;padding-bottom:4px}.radio-categories>button{display:flex;gap:6px;align-items:center;white-space:nowrap;padding:7px 13px;font-size:10px;border:1px solid #e1e8f2;background:white;border-radius:10px;color:#73819a}.radio-categories>button.active{background:#253d5e;color:white;border-color:#253d5e}.personal-lists{display:flex;align-items:start;gap:9px;margin-bottom:17px}.personal-lists>select{width:50%;font-size:10px;padding:10px 12px}.personal-lists details{position:relative;flex:1;font-size:10px;color:#8b6d5d}.personal-lists summary{display:flex;align-items:center;gap:7px;cursor:pointer;justify-content:center;border:1px solid #ecd7c9;background:#fff4eb;border-radius:11px;padding:10px}.personal-lists details form{background:white;padding:12px;border-radius:12px;margin-top:7px;gap:8px;box-shadow:0 5px 15px #19202c0c}.personal-lists form input,.personal-lists form button{font-size:10px;padding:9px}.radio-tracks{display:grid;gap:9px}.radio-track{display:flex;align-items:center;gap:4px;background:white;border:1px solid #e5eaf2;border-radius:17px;padding:10px}.radio-track.is-playing{border-color:#e9bba5;background:#fffbf8}.track-hit{display:flex;align-items:center;gap:11px;flex:1;text-align:right;border:0;background:none;min-width:0;padding:3px}.track-art{width:38px;height:38px;display:grid;place-items:center;background:#edf2fa;border-radius:12px;color:#778eae;flex-shrink:0}.radio-track.is-playing .track-art{background:#ffe7d9;color:#ce6335}.track-hit b{font-size:12px;font-weight:600;display:block}.track-hit small{font-size:9px;margin-top:3px}.radio-track .icon-button{color:#aab6c8}.radio-track .icon-button.is-favorite{color:#bd411d;background:#fff0e7}.track-add-list{font-size:8px;width:66px;padding:8px 3px;border:0;background:#f2f5f9;color:#8c9db4}.radio-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:30px 20px;color:#97a7bd}.radio-empty b{font-size:12px;color:#6e7f99}.radio-empty small{font-size:9px}.radio-browser-note{font-size:9px;margin:20px 7px 10px;color:#98a3b5;line-height:2}body:has(.radio-sheet[open]) #player{visibility:hidden}.remote-key[draggable=true]{cursor:grab}.remote-key[draggable=true]:active{cursor:grabbing}@media(min-width:1000px){body{background:#e9edf3}.shell{background:#f4f5f7;min-height:100vh;box-shadow:0 0 60px #263c5510;border-inline:1px solid #e0e6ef;padding-inline:25px}.app-top{padding-top:10px}}@media(max-width:360px){.shell{padding-inline:15px}.garage-teaser{padding:16px}.garage-teaser h1{font-size:18px}.garage-teaser-image{width:39%}.remote-key{min-height:94px}.service-card{padding:16px 7px;min-height:134px}.service-card small{font-size:8px}.assistant-callout-actions .secondary{font-size:9px;padding:8px}.connection{display:none}.remote-shell{padding:13px;margin-inline:0}.membership-card{padding:15px;gap:10px}.quota-badge{font-size:18px}}@media(prefers-reduced-motion:no-preference){button,.service-card,.compact-action{transition:transform .16s,box-shadow .16s,background .16s}.primary:active,.service-card:active,.radio-strip:active,.compact-action:active,.remote-key:active{transform:scale(.97)}dialog[open]{animation:sheet-in .2s ease-out}.app-content{animation:screen-in .19s ease-out}.audio-playing .radio-cover-record{animation:vinyl-spin 18s linear infinite}.audio-playing .radio-equalizer i{animation:bars .7s ease-in-out infinite alternate}.audio-playing .radio-equalizer i:nth-child(2){animation-delay:.2s}.audio-playing .radio-equalizer i:nth-child(3){animation-delay:.45s}@keyframes sheet-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes screen-in{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes vinyl-spin{to{transform:rotate(346deg)}}@keyframes bars{to{height:3px}}}
