*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg: #0a0a0f;--phone-bg: #000;--screen-bg: #0d0d12;--text: #f5f5f7;--text-dim: rgba(245, 245, 247, .55);--accent: #6c6cf5;--glass: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .12);--radius-phone: 54px;--radius-screen: 42px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,sans-serif}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}.parking{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(108,108,245,.14),transparent),radial-gradient(ellipse 60% 50% at 80% 110%,rgba(245,108,180,.07),transparent),var(--bg)}.parking-canvas{width:min(94vw,1000px);height:min(48vh,400px);display:flex;align-items:center;justify-content:center;touch-action:none}.parking-link{margin-top:26px;color:var(--text);font-size:15px;text-decoration:none;padding:13px 22px;border-radius:14px;background:var(--glass);border:1px solid var(--glass-border);transition:background .15s ease,border-color .15s ease;text-align:center}.parking-link:hover{background:#ffffff21;border-color:#ffffff40}.stage{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(108,108,245,.16),transparent),radial-gradient(ellipse 60% 50% at 80% 110%,rgba(245,108,180,.08),transparent),var(--bg);position:relative}.stage-brand{position:absolute;top:28px;left:0;right:0;text-align:center;pointer-events:none}.stage-brand h1{font-size:20px;font-weight:700;letter-spacing:-.02em}.stage-brand h1 span{color:var(--accent)}.stage-brand p{margin-top:2px;font-size:13px;color:var(--text-dim);font-style:italic}.phone{width:390px;height:844px;max-height:calc(100vh - 110px);aspect-ratio:390 / 844;background:var(--phone-bg);border-radius:var(--radius-phone);padding:10px;box-shadow:0 0 0 2px #1c1c22,0 0 0 4px #3a3a44,0 30px 80px #000000b3,0 10px 30px #00000080;position:relative}.phone-screen{width:100%;height:100%;border-radius:var(--radius-screen);overflow:hidden;position:relative;background:var(--screen-bg);display:flex;flex-direction:column}.island{position:absolute;top:22px;left:50%;transform:translate(-50%);width:118px;height:34px;background:#000;border-radius:20px;z-index:60;pointer-events:none}@media(max-width:500px),(max-height:720px){.stage{gap:0}.stage-brand{display:none}.phone{width:100%;height:100%;max-height:none;aspect-ratio:auto;border-radius:0;padding:0;box-shadow:none}.phone-screen{border-radius:0}.island{display:none}}.wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.wallpaper svg{width:100%;height:100%;display:block}.status-bar{position:absolute;top:0;left:0;right:0;height:54px;display:flex;align-items:center;justify-content:space-between;padding:14px 32px 0;font-size:15px;font-weight:600;z-index:50;pointer-events:none}.status-right{display:flex;align-items:center;gap:6px;font-size:13px}.battery-shell{width:25px;height:12px;border:1px solid currentColor;border-radius:4px;padding:1.5px;opacity:.9;position:relative}.battery-shell:after{content:"";position:absolute;right:-3.5px;top:3px;width:2px;height:5px;background:currentColor;border-radius:0 2px 2px 0}.battery-fill{height:100%;border-radius:2px;background:currentColor;transition:width 1s ease}.battery-fill.low{background:#ff453a}.lock-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;align-items:center;padding:100px 24px 40px;background:linear-gradient(180deg,#0a08148c,#0a081426,#0a08141a 70%,#0a081473);cursor:pointer}.lock-time,.lock-date{text-shadow:0 2px 14px rgba(0,0,0,.45)}.lock-time{font-size:82px;font-weight:700;letter-spacing:-.03em;line-height:1}.lock-date{margin-top:8px;font-size:18px;font-weight:500;color:var(--text-dim)}.lock-notif{margin-top:42px;width:100%;background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:20px;padding:14px 16px;display:flex;gap:12px;align-items:flex-start;text-align:left}.lock-notif .ln-icon{font-size:22px;line-height:1.2}.lock-notif .ln-title{font-size:14px;font-weight:600}.lock-notif .ln-body{font-size:13px;color:var(--text-dim);margin-top:2px}.lock-hint{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:14px;font-size:14px;font-weight:500;color:var(--text-dim)}.lock-bar{width:140px;height:5px;border-radius:3px;background:var(--text);opacity:.9}.home{position:absolute;top:0;right:0;bottom:0;left:0;padding:76px 20px 30px;display:flex;flex-direction:column;background:linear-gradient(180deg,#08080e6b,#08080e1f 35%,#08080e0d 60%,#08080e4d)}.app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 12px;align-content:start;flex:1}.app-icon{display:flex;flex-direction:column;align-items:center;gap:7px;background:none;border:none;color:var(--text);cursor:pointer;font-family:inherit}.app-icon .glyph{width:60px;height:60px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:30px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff40,0 5px 12px #0006;transition:transform .12s ease,filter .12s ease}.app-icon .glyph:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,#ffffff38,#ffffff0a 45%,#00000014);pointer-events:none}.app-icon .glyph svg{width:33px;height:33px;position:relative;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}.app-icon:active .glyph{transform:scale(.88);filter:brightness(.8)}.app-icon .label{font-size:11.5px;font-weight:500;color:#ffffffeb;text-shadow:0 1px 3px rgba(0,0,0,.5);white-space:nowrap}.dock{margin-top:14px;background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:26px;padding:12px 8px 10px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dock .app-icon .label{display:none}.app-window{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;background:var(--screen-bg)}.app-header{padding:66px 20px 12px;display:flex;align-items:center;gap:10px;flex-shrink:0}.app-header .back{background:var(--glass);border:1px solid var(--glass-border);color:var(--text);width:34px;height:34px;border-radius:50%;font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding-bottom:2px}.app-header h2{font-size:21px;font-weight:700;letter-spacing:-.02em}.app-body{flex:1;overflow-y:auto;padding:8px 20px 40px;scrollbar-width:none}.app-body::-webkit-scrollbar{display:none}.home-indicator{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:130px;height:5px;border-radius:3px;background:#ffffffd9;z-index:55;cursor:pointer;border:none;padding:0}.home-indicator:before{content:"";position:absolute;top:-14px;right:-30px;bottom:-14px;left:-30px}.notif-stack{position:absolute;top:64px;left:12px;right:12px;z-index:70;display:flex;flex-direction:column;gap:8px;pointer-events:none}.notif{pointer-events:auto;background:#1e1e26d1;border:1px solid var(--glass-border);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-radius:18px;padding:12px 14px;display:flex;gap:12px;align-items:flex-start;box-shadow:0 10px 30px #00000073;cursor:pointer}.notif .n-icon{font-size:22px;line-height:1.2}.notif .n-title{font-size:13.5px;font-weight:600;line-height:1.3}.notif .n-body{font-size:12.5px;color:var(--text-dim);margin-top:2px;line-height:1.35}.card{background:#ffffff0f;border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:18px;margin-bottom:14px}.card h3{font-size:15px;font-weight:600;margin-bottom:6px}.card .sub{font-size:13px;color:var(--text-dim);line-height:1.45}.big-number{font-size:40px;font-weight:700;letter-spacing:-.03em;line-height:1.1}.btn{display:block;width:100%;border:none;border-radius:16px;padding:16px;font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;color:#fff;background:var(--accent);transition:transform .1s ease,filter .15s ease}.btn:active{transform:scale(.97);filter:brightness(.85)}.btn.secondary{background:var(--glass);border:1px solid var(--glass-border)}.btn.danger{background:#ff453a}.btn.small{padding:10px 14px;font-size:14px;border-radius:12px;width:auto;display:inline-block}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.toggle{width:51px;height:31px;border-radius:16px;background:#78788052;border:none;cursor:pointer;position:relative;transition:background .2s ease;flex-shrink:0}.toggle.on{background:#34c759}.toggle .knob{position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0000004d;transition:transform .2s cubic-bezier(.3,1.4,.6,1)}.toggle.on .knob{transform:translate(20px)}.sheet-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:45;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:24px}.sheet{width:100%;background:#1c1c24;border:1px solid var(--glass-border);border-radius:24px;padding:24px 20px 20px;text-align:center;box-shadow:0 24px 60px #0009}.sheet h3{font-size:18px;font-weight:700;margin-bottom:8px}.sheet p{font-size:14px;color:var(--text-dim);line-height:1.5;margin-bottom:18px}.sheet .btn+.btn{margin-top:10px}.ad-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.12em;color:#ffd60a;border:1px solid #ffd60a;border-radius:5px;padding:2px 6px;margin-bottom:10px}.chat{display:flex;flex-direction:column;gap:10px;padding-bottom:8px}.bubble{max-width:78%;padding:11px 14px;border-radius:20px;font-size:14.5px;line-height:1.4}.bubble.user{align-self:flex-end;background:var(--accent);border-bottom-right-radius:6px}.bubble.ai{align-self:flex-start;background:#ffffff1a;border-bottom-left-radius:6px}.chat-input-row{display:flex;gap:8px;padding-top:10px}.chat-input-row input{flex:1;background:#ffffff14;border:1px solid var(--glass-border);border-radius:20px;padding:11px 16px;color:var(--text);font-size:14.5px;font-family:inherit;outline:none}.send-btn{width:42px;height:42px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:18px;cursor:pointer;flex-shrink:0}.weather-hero{text-align:center;padding:26px 0 10px}.weather-hero .temp{font-size:76px;font-weight:200;letter-spacing:-.04em}.weather-hero .cond{font-size:17px;color:var(--text-dim);margin-top:2px}.weather-hero .icon{font-size:54px}.progress{height:8px;border-radius:4px;background:#ffffff1a;overflow:hidden}.progress .fill{height:100%;border-radius:4px;background:var(--accent);transition:width .6s ease}.map-canvas{border-radius:20px;overflow:hidden;position:relative;height:300px;background:repeating-linear-gradient(0deg,transparent 0 46px,rgba(255,255,255,.06) 46px 48px),repeating-linear-gradient(90deg,transparent 0 46px,rgba(255,255,255,.06) 46px 48px),linear-gradient(140deg,#1b2430,#141a22);margin-bottom:14px}.map-pin{position:absolute;font-size:28px;transform:translate(-50%,-100%);transition:left 1.2s cubic-bezier(.4,0,.2,1),top 1.2s cubic-bezier(.4,0,.2,1)}.map-you{position:absolute;width:16px;height:16px;background:#0a84ff;border:3px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 6px #0a84ff40}.center{text-align:center}.dim{color:var(--text-dim)}.spacer{height:14px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.pulse{animation:pulse 1.6s ease-in-out infinite}
