@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff;background:#0b0b0e;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,textarea{font:inherit}button{border:0;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #639dff;outline-offset:2px}.workspace{min-height:100vh;background:radial-gradient(ellipse at 50% 42%,#26262c 0,#151519 40%,#0b0b0e 75%);display:flex;align-items:center;flex-direction:column;justify-content:center;padding:75px 16px 25px;position:relative;overflow:hidden}.workspace-header{position:absolute;top:24px;width:min(100%,800px);display:flex;justify-content:space-between;color:#92939d;font-size:12px}.workspace-logo{font-size:15px;font-weight:800;color:#fff;letter-spacing:-.03em}.phone-shell{position:relative;border:3px solid #3d3e45;background:#080809;padding:7px;border-radius:63px;width:368px;height:752px;box-shadow:0 0 0 2px #151518,0 25px 85px #000a,0 7px 28px #000c;flex-shrink:0}.phone-shell:before{content:"";position:absolute;top:125px;right:-6px;height:75px;width:4px;background:linear-gradient(#444,#17171b);border-radius:0 5px 5px 0}.phone-shell:after{content:"";position:absolute;top:132px;left:-6px;height:90px;width:4px;background:linear-gradient(#444,#17171b);border-radius:5px 0 0 5px}.phone-screen{height:100%;width:100%;border-radius:53px;position:relative;overflow:hidden;isolation:isolate;background:#100e20}.wallpaper-galaxy{background:radial-gradient(ellipse 10px 32px at 57% 85%,#c4a585bc,transparent 90%),radial-gradient(ellipse 10px 15px at 10% 25%,#ffcbc19e,transparent 90%),radial-gradient(ellipse 12px 20px at 55% 70%,#fcaebcaa,transparent 90%),radial-gradient(ellipse 12px 19px at 77% 33%,#9dc6ffad,transparent 90%),radial-gradient(ellipse 40px 95px at 50% 58%,#45233b99,transparent 90%),radial-gradient(ellipse at 68% 40%,#27162c,#060611 75%)}.wallpaper-violet{background:radial-gradient(ellipse at 82% 24%,#da9aff,#6d30a2 45%,#111035 95%)}.wallpaper-sunset{background:radial-gradient(ellipse at 70% 93%,#ffd0a6,#fd647b 44%,#5c327f 79%,#16123f)}.wallpaper-ocean{background:radial-gradient(ellipse at 60% 75%,#68e8df,#0b8da8 40%,#102657 85%)}.stars{top:0;right:0;bottom:0;left:0;position:absolute;pointer-events:none}.stars i{display:block;background:#f2e0ff;border-radius:50%;position:absolute}.statusbar{position:absolute;z-index:35;top:7px;left:0;width:100%;height:39px;padding:0 32px 0 36px;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:14px}.dynamic-island{position:absolute;top:1px;left:50%;transform:translate(-50%);width:107px;height:30px;border-radius:30px;background:#000;cursor:pointer;box-shadow:0 1px 3px #3335}.status-icons{display:flex;align-items:center;gap:5px}.home-screen{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .24s,transform .28s;z-index:2}.widgets{position:absolute;top:58px;left:23px;right:23px;display:flex;gap:8px}.widgets button{width:50%;height:146px;border-radius:22px;position:relative;text-align:left;padding:13px;overflow:hidden}.calendar-widget{background:#fff;color:#151515;display:flex;flex-direction:column}.calendar-widget>.red{font-size:11px;color:#ff4238;font-weight:700}.calendar-widget>strong{font-size:43px;line-height:1.05;font-weight:400;letter-spacing:-3px;margin:2px 0 6px}.widget-task{border-left:2px solid #b03ef9;padding-left:7px;margin:0 0 4px;display:flex;flex-direction:column}.widget-task b{font-size:10px}.widget-task small{font-size:9px;color:#8c8c92}.weather-widget{background:linear-gradient(145deg,#2889e9,#63b0f6);color:#fff;display:flex;flex-direction:column;justify-content:flex-end}.weather-widget>svg{position:absolute;right:12px;top:12px}.weather-widget small:first-of-type{font-size:12px;font-weight:700}.weather-widget strong{font-size:40px;font-weight:400;letter-spacing:-2px;line-height:1.15}.weather-widget span{font-size:10px;font-weight:600;margin-top:6px}.weather-widget small:last-of-type{font-size:9px}.home-app-grid{position:absolute;top:225px;left:19px;right:19px;display:grid;grid-template-columns:repeat(4,1fr);row-gap:19px;justify-items:center}.app-tile{background:none;color:#fff;position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:0;width:63px;min-width:0;text-shadow:0 1px 3px #0007}.app-icon{width:53px;height:53px;border-radius:13px;display:grid;place-items:center;box-shadow:0 3px 7px #0003;color:#fff;transition:transform .15s}.app-tile:active .app-icon{transform:scale(.9)}.app-label{font-size:10px;line-height:1.3;white-space:nowrap}.app-icon.pink{background:linear-gradient(45deg,#ffbd36,#ff447f,#af34d1)}.app-icon.photo{background:linear-gradient(160deg,#70cdfb,#f4f5fc);color:#ffb62e}.app-icon.blue{background:linear-gradient(#49a9ff,#0065dd)}.app-icon.white{background:#fff;color:#f44}.app-icon.dark{background:#12121a;color:#fff;border:2px solid #fff}.app-icon.yellow{background:linear-gradient(#ffda43 0,#ffda43 20%,#fff 20%);color:#e2bd55}.app-icon.sky{background:linear-gradient(#64c5ff,#227bdc);color:#fff}.app-icon.gray{background:linear-gradient(#aeb4ba,#5e6471)}.app-icon.map{background:linear-gradient(120deg,#b6e791 25%,#e2efda 25%,#e2efda 40%,#b5d9fa 40%,#b5d9fa 70%,#f7f8f6 70%);color:#f05e55}.app-icon.black{background:#202024;color:#ffad16}.app-icon.green{background:linear-gradient(#55e888,#11ba4a)}.app-icon.whiteblue{background:#fff;color:#198afa}.app-icon.gold{background:#ffcf02;color:#302b32}.app-icon.red{background:linear-gradient(#ff6c8e,#f62950)}.app-badge{position:absolute;z-index:1;right:-3px;top:-6px;background:#ff433e;color:#fff;padding:3px 5px;border-radius:30px;font-size:11px;min-width:18px;text-align:center;text-shadow:none}.date-icon{display:flex;flex-direction:column;text-align:center}.date-icon small{font-size:11px;color:#fc3939;font-weight:700}.date-icon strong{font-size:30px;line-height:1.1;font-weight:500;color:#1a1a1a}.spotlight{position:absolute;bottom:111px;left:50%;transform:translate(-50%);border-radius:22px;background:#ffffff54;color:#fff;padding:5px 12px;font-size:11px;display:flex;align-items:center;gap:5px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.dock{position:absolute;bottom:14px;left:10px;right:10px;height:85px;border-radius:27px;background:#a5a0a586;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);display:flex;align-items:center;justify-content:space-evenly}.app-tile.small{width:56px}.app-tile.small .app-icon{width:53px;height:53px}.home-indicator{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:114px;height:5px;border-radius:9px;background:#fff;z-index:45;box-shadow:0 1px 1px #0004}.opened-app{position:absolute;top:0;right:0;bottom:0;left:0;background:#f7f7fb;color:#15151b;z-index:12;animation:app-open .26s cubic-bezier(.2,.8,.2,1) both;padding:44px 0 12px}.opened-app.dark-app{background:#141419;color:#f5f5fa}.opened-app-content{height:100%;display:flex;flex-direction:column;overflow:hidden}.opened-app .app-header{height:47px;min-height:47px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #a0a0a018;padding:0 14px}.app-header>strong{font-size:15px}.back-button{display:flex;align-items:center;background:none;color:#1580e6;font-size:12px;padding:0;margin-left:-7px}.header-right{min-width:65px;text-align:right}.action-round{background:none;color:#1786ed;padding:4px}.content-pad{overflow:auto;padding:18px 22px 25px;flex:1}.content-pad h1{font-size:29px;letter-spacing:-1px;margin:8px 0 17px}.muted{font-size:11px;color:#9595a0;line-height:1.6}.note-list{border-radius:13px;overflow:hidden;background:#fff}.dark-app .note-list,.dark-app .setting-group,.dark-app .profile-row{background:#262631}.note-list button{display:flex;flex-direction:column;gap:4px;padding:14px;border-bottom:1px solid #dedee4;background:transparent;text-align:left;width:100%;color:inherit}.note-list strong{font-size:14px}.note-list small{font-size:11px;color:#888}.note-editor{display:block;width:100%;flex:1;resize:none;background:transparent;color:inherit;border:0;outline:none!important;padding:23px;font-size:16px;line-height:1.7}.delete-note{margin:10px 20px 22px;background:#ff3b3040;color:#f33;padding:10px;border-radius:10px;display:flex;justify-content:center;gap:6px}.settings-body h4{font-size:10px;color:#9b9ba8;margin:23px 0 9px 10px;font-weight:500}.profile-row{background:#fff;border-radius:14px;padding:13px;display:flex;align-items:center;gap:12px}.profile-row>span:nth-child(2){display:flex;flex-direction:column;flex:1;gap:4px;font-size:13px}.profile-row small{color:#9b9ba8;font-size:10px}.profile-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#8db2ff,#8f51b8);font-size:29px;display:grid;place-items:center;color:#fff}.setting-group{border-radius:13px;overflow:hidden;background:#fff}.setting-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid #9992;font-size:12px}.setting-row>span:nth-child(2){flex:1}.setting-icon{background:#398ef3;width:29px;height:29px;color:#fff;border-radius:7px;display:grid;place-items:center}.setting-icon svg{width:18px}.toggle{width:41px;height:24px;background:#ccc;border-radius:17px;padding:2px;transition:background .2s}.toggle.on{background:#34c759}.toggle i{height:20px;width:20px;border-radius:50%;background:#fff;display:block;transition:transform .2s;box-shadow:0 1px 2px #0004}.toggle.on i{transform:translate(17px)}.wallpaper-choices{display:flex;justify-content:space-between;gap:8px}.wall-option{height:85px;flex:1;border-radius:12px;display:grid;place-items:center;color:#fff;border:3px solid transparent}.wall-option.chosen{border-color:#1986ee}.wall-option.galaxy{background:radial-gradient(at 60% 40%,#775276,#0a0619 70%)}.wall-option.violet{background:linear-gradient(130deg,#e8a0ff,#2c1372)}.wall-option.sunset{background:linear-gradient(#362462,#ee6582,#fbc08c)}.wall-option.ocean{background:linear-gradient(#132454,#0ca4b3,#7ff5d4)}.conversation-title{height:83px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:3px;font-size:12px;border-bottom:1px solid #9992}.contact-avatar{height:35px;width:35px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#fdb6a4,#a66ee2);font-size:17px;color:#fff}.conversation-title small{color:#888}.chat-bubbles{flex:1;overflow:auto;padding:18px 15px;display:flex;flex-direction:column;gap:10px}.chat-bubble{font-size:13px;max-width:81%;padding:10px 13px;border-radius:18px;line-height:1.5}.chat-bubble.theirs{background:#e5e5eb;align-self:flex-start;border-bottom-left-radius:4px;color:#17171a}.chat-bubble.mine{background:#258aff;color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.chat-compose{display:flex;gap:8px;padding:10px 12px 18px}.chat-compose input,.safari-screen input{border:1px solid #d1d1da;padding:10px 12px;min-width:0;border-radius:20px;flex:1;background:transparent;color:inherit}.chat-compose button,.safari-screen form button{background:#1688ed;color:#fff;border-radius:50%;width:37px;height:37px;display:grid;place-items:center}.chat-compose button:disabled{opacity:.4}.dial-screen{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex:1;padding-bottom:34px}.dial-number{height:93px;display:grid;place-items:center;font-size:24px;color:#3a3a43}.dark-app .dial-number{color:#fff}.dial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px 20px}.dial-grid button{width:69px;height:69px;background:#e6e6ec;color:#171717;border-radius:50%;font-size:29px;font-weight:300}.dial-actions{width:235px;display:flex;justify-content:center;position:relative;margin-top:24px}.call-button{width:67px;height:67px;border-radius:50%;background:#34c759;color:#fff;display:grid;place-items:center}.dial-delete{position:absolute;right:0;top:17px;background:none;color:#999}.calculator{background:#080809;color:#fff;flex:1;padding:15px 18px 32px;display:flex;flex-direction:column;justify-content:flex-end}.calc-display{font-size:52px;text-align:right;white-space:nowrap;overflow:hidden;margin-bottom:25px;font-weight:300}.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.calc-grid button{height:65px;width:65px;border-radius:50%;background:#333335;color:#fff;font-size:25px}.calc-grid button.special{background:#a4a4a6;color:#000}.calc-grid button.operator{background:#ff9e0c}.calc-grid button.wide{grid-column:span 2;width:auto;border-radius:40px}.photos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.photos-grid button{aspect-ratio:1;display:grid;place-items:center;font-size:45px}.photo-full{flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}.photo-full>span{font-size:110px}.photo-full>b{font-size:24px;color:#fff;text-shadow:0 2px 5px #0006}.photo-nav{position:absolute;bottom:20px;display:flex;gap:40px}.photo-nav button{background:#fff8;border-radius:50%;height:40px;width:40px}.weather-screen{flex:1;background:linear-gradient(#287bc6,#77b8e2);color:#fff;display:flex;align-items:center;flex-direction:column;padding:40px 16px}.weather-screen h2{font-size:30px;margin:10px 0}.weather-big{font-size:83px;font-weight:200}.weather-screen h3{font-size:17px;margin:12px 0 3px}.weather-screen>p{font-size:13px;margin:4px 0}.weather-hourly{display:flex;justify-content:space-around;width:100%;background:#ffffff2b;border-radius:16px;padding:14px 5px;margin-top:48px}.weather-hourly div{display:flex;align-items:center;flex-direction:column;gap:10px}.weather-hourly small{font-size:10px}.demo-note{font-size:10px!important;opacity:.8;line-height:1.6;text-align:center;margin-top:25px!important}.calendar-head{display:flex;justify-content:space-between;align-items:center}.calendar-head h1{font-size:23px}.calendar-head button{color:#1683ed;background:none;padding:3px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px 2px;text-align:center}.calendar-grid b{font-size:10px;color:#999}.calendar-grid span{font-size:13px;height:33px;display:grid;place-items:center}.calendar-grid span.today{color:#fff;background:#f44;border-radius:50%;font-weight:700}.calendar-event{background:#fff;padding:15px;border-radius:13px;margin-top:35px;font-size:12px;display:flex;gap:12px;color:#333}.event-bar{width:4px;border-radius:4px;background:#fd4c44}.clock-screen{flex:1;display:flex;align-items:center;flex-direction:column;justify-content:center}.clock-face{position:relative;width:235px;height:235px;border:8px solid #222;background:radial-gradient(circle,#24242d,#08090e);border-radius:50%;box-shadow:inset 0 0 0 2px #9e9e9e}.hand{position:absolute;bottom:50%;left:calc(50% - 2px);width:4px;transform-origin:bottom;background:#fff;border-radius:3px}.hand.hour{height:65px}.hand.minute{height:91px;width:3px}.hand.second{height:100px;width:2px;background:#fd4b4b}.clock-center{position:absolute;top:calc(50% - 5px);left:calc(50% - 5px);background:red;width:10px;height:10px;border-radius:50%}.clock-digital{font-size:35px;margin-top:30px;font-variant-numeric:tabular-nums}.clock-screen p{font-size:12px;color:#888}.safari-screen{display:flex;flex-direction:column;padding:25px;flex:1}.safari-logo{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#308cf3}.safari-logo h1{font-size:32px;margin:13px}.safari-logo p{font-size:13px;color:#999}.safari-screen form{display:flex;gap:8px}.safari-screen>small{margin-top:10px;text-align:center;color:#999}.music-screen{background:linear-gradient(160deg,#633043,#16161b);color:#fff;flex:1;display:flex;flex-direction:column;align-items:center;padding:38px 23px}.album-art{width:250px;height:250px;background:linear-gradient(135deg,#f27b9a,#913d9d,#353081);border-radius:18px;box-shadow:0 14px 40px #0007;display:grid;place-items:center;color:#fff9}.music-screen h2{margin:35px 0 4px;font-size:21px}.music-screen>p{font-size:12px;color:#fffa}.music-progress{width:100%;background:#fff4;height:4px;border-radius:5px;margin-top:22px}.music-progress span{display:block;width:37%;height:100%;background:#fff;border-radius:5px}.music-controls{display:flex;justify-content:space-around;width:100%;align-items:center;margin-top:30px}.music-controls button{background:transparent;color:#fff}.mail-row{padding:15px 6px;border-bottom:1px solid #ddd;display:flex;gap:4px;flex-direction:column;font-size:13px;position:relative}.mail-row b{font-size:14px}.mail-row strong{font-weight:500}.mail-row span{color:#888;font-size:11px}.mail-dot{background:#1688ff;border-radius:50%;width:7px;height:7px;position:absolute;right:3px;top:20px}.maps-screen{flex:1;text-align:center}.map-background{height:62%;background:repeating-linear-gradient(80deg,#e8e6d8 0,#e8e6d8 38px,#dddecf 38px,#dddecf 40px);position:relative;overflow:hidden}.fake-road{width:150%;height:22px;background:#fff;position:absolute;left:-20%}.map-pin{position:absolute;top:47%;left:46%}.maps-screen h2{font-size:21px}.maps-screen p{font-size:12px;color:#888}.primary-btn{background:#1688ed;border-radius:12px;color:#fff;padding:12px 20px;display:inline-flex;gap:8px;align-items:center}.instagram-head{display:flex;gap:10px;align-items:center}.instagram-head strong{flex:1;font-size:20px;font-family:cursive}.instagram-head span{font-size:30px}.insta-story{display:flex;justify-content:space-between;margin:21px 0}.insta-story>div{display:flex;flex-direction:column;align-items:center;gap:6px}.insta-story span{border:3px solid #fa6099;border-radius:50%;width:58px;height:58px;display:grid;place-items:center;font-size:25px}.insta-story small{font-size:9px}.insta-post{height:230px;display:grid;place-items:center;font-size:110px}.insta-caption{font-size:11px;line-height:2}.search-panel{position:absolute;top:47px;right:0;bottom:0;left:0;z-index:15;padding:15px;background:#1c1a2cee;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.search-head{display:flex;align-items:center;gap:7px;background:#ffffff35;padding:8px 10px;border-radius:12px}.search-head input{background:transparent;color:#fff;border:0;outline:0;min-width:0;flex:1}.search-head button{background:none;color:#fff;font-size:11px}.search-results{margin-top:25px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px 4px;justify-items:center}.control-shade{position:absolute;top:42px;right:0;bottom:0;left:0;z-index:30;background:#242639ed;-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px);padding:26px 22px}.shade-top{display:flex;justify-content:space-between;align-items:center}.shade-top button{background:#fff2;border-radius:50%;color:#fff;padding:6px}.shade-grid{margin-top:25px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.shade-grid button{background:#4e4e60;color:#fff;border-radius:20px;padding:20px 10px;display:flex;align-items:center;justify-content:center;gap:8px}.shade-grid button.enabled{background:#287df0}.lockscreen{position:absolute;top:55px;right:0;bottom:0;left:0;z-index:11;display:flex;flex-direction:column;align-items:center;padding-top:35px}.lock-time{font-size:82px;font-weight:200;letter-spacing:-4px}.lockscreen h3{font-size:15px;font-weight:500;margin:0}.lockscreen p{position:absolute;bottom:70px;font-size:12px}.below-phone{display:flex;align-items:center;gap:14px;margin-top:24px;color:#8a8b98;font-size:12px}.below-phone button{display:flex;align-items:center;gap:6px;background:#292a32;color:#fff;border:1px solid #444651;border-radius:15px;padding:9px 15px;font-size:12px}.workspace footer{margin-top:15px;color:#696975;font-size:11px}@keyframes app-open{0%{transform:scale(.8) translateY(65px);opacity:.4;border-radius:65px}to{transform:scale(1);opacity:1;border-radius:0}}@media(max-height:890px)and (min-width:460px){.workspace{padding-top:36px}.phone-shell{transform:scale(.85);margin:-56px 0}.below-phone{margin-top:-30px}}@media(max-width:440px){.workspace{padding:14px 0 22px;justify-content:flex-start}.workspace-header{display:none}.phone-shell{transform:scale(min(1,calc((100vw - 15px)/368)));transform-origin:top center}.below-phone{margin-top:22px;font-size:10px;flex-direction:column;gap:8px}.workspace footer{font-size:9px}}@media(max-width:355px){.phone-shell{transform:scale(.88);margin-bottom:-80px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}