/* iPhone 17-inspired story shell. Product and platform names identify simulated apps only. */
.found-mark{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#16151b;color:#fff;font:700 13px/1 -apple-system,BlinkMacSystemFont,sans-serif;box-shadow:inset 0 0 0 1px #ffffff21}.ios-lock,.ios-home,.ios-native-app{width:100%;height:100%;min-height:0;position:relative;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC",sans-serif}.ios-lock{color:white;background:#121522}.ios-lock-depth{position:absolute;inset:-30px;background:radial-gradient(circle at 65% 30%,#ec9a826e 0 8%,transparent 27%),radial-gradient(circle at 35% 70%,#7d71c773 0 13%,transparent 34%),linear-gradient(150deg,#0c1528,#273a54 43%,#8c6976 75%,#171724);filter:saturate(1.15)}.ios-lock-depth:before,.ios-wallpaper:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent 15%,#ffffff0a 40%,transparent 66%),radial-gradient(circle at 50% 110%,#ffca9c66,transparent 48%)}.ios-lock-content{position:relative;height:100%;padding:24px 16px 66px;display:flex;flex-direction:column;align-items:center;z-index:1}.ios-lock-date{font-size:15px;font-weight:520;margin-top:6px;text-shadow:0 1px 12px #0006}.ios-lock-time{font-size:76px;font-weight:260;letter-spacing:-5px;line-height:1;margin-top:5px;text-shadow:0 2px 20px #0005}.ios-lock-owner{margin-top:11px;font-size:10px;letter-spacing:1.3px;color:#ffffffad;background:#00000018;border:1px solid #ffffff1f;padding:6px 10px;border-radius:20px;backdrop-filter:blur(10px)}.ios-lock-notifications{width:100%;margin-top:38px;display:grid;gap:9px}.ios-lock-note{width:100%;display:grid;grid-template-columns:38px 1fr auto;align-items:start;gap:9px;padding:11px;background:#f8f8faaf;color:#202127;border:1px solid #ffffff80;border-radius:17px;text-align:left;box-shadow:0 7px 24px #0002;backdrop-filter:blur(22px) saturate(1.4)}.ios-lock-note>span:nth-child(2){min-width:0}.ios-lock-note strong{font-size:11px;display:inline}.ios-lock-note small{font-size:8px;color:#65666b;margin-left:6px}.ios-lock-note b{font-size:10px;font-weight:450;display:block;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ios-lock-note time{font-size:8px;color:#7b7b80}.mini-app{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:white;font-weight:800;font-size:8px}.mini-app.kt{background:#fee500;color:#33291b}.mini-app.lysn{background:linear-gradient(145deg,#f490b1,#986dd5);font-size:20px}.ios-unlock{margin-top:auto;color:#fff;background:transparent;font-size:10px;letter-spacing:.5px;display:grid;gap:2px;justify-items:center;text-shadow:0 1px 8px #000}.ios-unlock span{font-size:24px;line-height:.6;animation:unlock-up 1.7s ease-in-out infinite}.ios-lock-tools{position:absolute;left:26px;right:26px;bottom:24px;display:flex;justify-content:space-between;z-index:2}.ios-lock-tools button{width:44px;height:44px;border-radius:50%;background:#1117;color:white;backdrop-filter:blur(15px);font-size:19px}.ios-home{color:white;background:#15162b}.ios-wallpaper{position:absolute;inset:-20px;background:radial-gradient(ellipse at 75% 22%,#ffb28d 0 8%,#e3809066 21%,transparent 43%),radial-gradient(ellipse at 28% 66%,#7d62d5 0 6%,#4158a1 29%,transparent 56%),linear-gradient(158deg,#11172e 2%,#2c4a6a 42%,#7b526d 72%,#111220)}.ios-home-content{position:relative;height:100%;display:flex;flex-direction:column;padding:16px 18px 25px;z-index:1}.ios-home-top{display:grid;grid-template-columns:1.15fr .85fr;gap:10px;margin-top:6px}.ios-date-widget,.ios-clue-widget{min-height:126px;border-radius:24px;padding:16px;background:#ffffff1b;border:1px solid #ffffff24;color:#fff;backdrop-filter:blur(24px) saturate(1.3);box-shadow:0 10px 30px #0002;text-align:left}.ios-date-widget small{font-size:11px;color:#ffffffc4}.ios-date-widget strong{font-size:42px;font-weight:300;display:block;line-height:1;margin:5px 0 9px}.ios-date-widget span{font-size:9px;color:#ffffffb5;line-height:1.5}.ios-clue-widget{display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,#1c1d2ba6,#6a5a77a3)}.ios-clue-widget span{font-size:31px;font-weight:300}.ios-clue-widget strong{font-size:11px;margin-top:5px}.ios-clue-widget small{font-size:8px;color:#ffffffa5;margin-top:3px}.ios-app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px 11px;margin-top:25px}.ios-app-button{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;color:white;background:transparent;font-size:9px;text-shadow:0 1px 4px #0008;min-width:0}.ios-app-icon{width:55px;height:55px;border-radius:14px;display:grid;place-items:center;position:relative;overflow:hidden;box-shadow:0 4px 13px #0003;border:1px solid #ffffff2b;text-shadow:none;font-weight:700}.ios-app-button>i{position:absolute;top:-5px;right:3px;min-width:18px;height:18px;border-radius:12px;display:grid;place-items:center;background:#ff3b30;color:#fff;font:700 9px/1 sans-serif;border:2px solid transparent;box-shadow:0 1px 5px #0004}.ios-app-icon.youtube{background:#fff}.yt-play{background:#ff0033;color:white;width:35px;height:24px;border-radius:8px;display:grid;place-items:center;font-size:12px;padding-left:2px}.ios-app-icon.kakao{background:#fee500;color:#30261d}.kt-bubble{font-size:8px;background:#362d2a;color:#fee500;width:40px;height:30px;border-radius:50%;display:grid;place-items:center;position:relative}.kt-bubble:after{content:"";position:absolute;left:7px;bottom:-3px;border-top:8px solid #362d2a;border-right:8px solid transparent}.ios-app-icon.instagram{background:radial-gradient(circle at 68% 74%,#ffd36b 0 14%,transparent 15%),radial-gradient(circle at 30% 100%,#f7a13b 0 21%,transparent 46%),linear-gradient(145deg,#7457d7,#c3318e 47%,#ec493b 72%,#ffd56d)}.ig-camera{width:29px;height:29px;border:3px solid white;border-radius:9px;position:relative}.ig-camera:before{content:"";position:absolute;width:9px;height:9px;border:3px solid white;border-radius:50%;left:7px;top:7px}.ig-camera:after{content:"";position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;right:4px;top:4px}.ios-app-icon.lysn{background:linear-gradient(145deg,#ff91b2,#9c71db);font:700 30px Georgia;color:white}.ios-app-icon.weverse{background:linear-gradient(145deg,#09d2a7,#15a3d5);font:800 29px Arial;color:#fff}.ios-app-icon.photos{background:#fff}.photo-flower{font-size:37px;color:#f24f5c;text-shadow:10px 0 #ffaf42,0 10px #67cd80,-10px 0 #578ee4,0 -10px #c875dc}.ios-app-icon.notes{background:linear-gradient(#ffdf43 0 18%,#fff 18%);color:#b6b6bb;font-size:24px}.ios-app-icon.ios-settings{background:linear-gradient(#aeb4bb,#737983);font-size:30px}.ios-page-dots{margin:auto auto 10px;display:flex;gap:5px}.ios-page-dots i{width:6px;height:6px;border-radius:50%;background:#fff}.ios-page-dots i+ i{opacity:.35}.ios-dock{display:grid;grid-template-columns:repeat(4,1fr);padding:11px 12px;background:#ffffff28;border:1px solid #ffffff25;border-radius:27px;backdrop-filter:blur(28px) saturate(1.5)}.ios-dock .ios-app-button>span:nth-child(2){display:none}.ios-dock .ios-app-icon{width:53px;height:53px}.ios-sim-caption{text-align:center;font-size:7px;letter-spacing:.5px;color:#ffffff82;margin:8px 0 -9px}.ios-native-app{background:#fff;color:#161616;display:flex;flex-direction:column}.ios-app-header{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;min-height:55px;padding:4px 8px;border-bottom:1px solid #ededed;flex-shrink:0;background:#fffffff2;backdrop-filter:blur(20px);z-index:3}.ios-app-header h2{text-align:center;font-size:16px;margin:0;white-space:nowrap}.ios-back,.ios-round-action{width:38px;height:38px;border-radius:50%;background:transparent;color:#151515;font-size:31px;display:grid;place-items:center}.ios-round-action{font-size:22px}.ios-head-actions{display:flex;justify-content:flex-end}.ios-app-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.sim-app-label{margin:30px 16px 24px;padding:10px 12px;border-radius:10px;background:#f5f5f5;color:#999;text-align:center;font-size:9px;line-height:1.5}.yt-logo-row{display:flex;align-items:center;justify-content:space-between;padding:16px}.yt-brand{font-weight:800;font-size:19px;letter-spacing:-1px}.yt-brand i{display:inline-grid;place-items:center;background:#ff0033;color:white;border-radius:6px;width:31px;height:21px;font-style:normal;font-size:10px}.yt-avatar{width:30px;height:30px;border-radius:50%;background:#25252b;color:white;display:grid;place-items:center}.yt-chips{display:flex;gap:7px;overflow:auto;padding:0 16px 14px;scrollbar-width:none}.yt-chips button{white-space:nowrap;border-radius:8px;padding:7px 11px;background:#f1f1f1;font-size:10px}.yt-chips .selected{background:#171717;color:white}.yt-card{display:block;width:100%;padding:0 0 17px;background:white;text-align:left}.yt-thumb{height:190px;position:relative;display:grid;place-items:center;color:white;overflow:hidden}.yt-thumb.backstage{background:linear-gradient(135deg,#11151c,#506271)}.yt-thumb.practice{background:linear-gradient(135deg,#c9b9ae,#6d7a76)}.yt-thumb.night{background:linear-gradient(135deg,#15182b,#73627f)}.yt-thumb:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#fff2 50%,transparent 70%),repeating-linear-gradient(90deg,#fff0 0 44px,#fff1 45px,#fff0 46px)}.yt-thumb>span{position:absolute;right:7px;bottom:6px;background:#000c;padding:3px 5px;border-radius:3px;font-size:9px}.yt-play-large{position:relative;font-style:normal;font-size:27px;opacity:.84}.yt-meta{display:flex;gap:10px;padding:10px 13px 0}.yt-channel{width:34px;height:34px;border-radius:50%;background:#252932;color:white;display:grid;place-items:center;flex-shrink:0}.yt-channel.warm{background:#b88768}.yt-channel.violet{background:#75648d}.yt-meta p{margin:0;min-width:0}.yt-meta strong{font-size:12px;line-height:1.4;display:block}.yt-meta small{display:block;font-size:9px;color:#777;margin-top:5px}.ig-wordmark{font:600 22px Georgia;padding:13px 14px;display:flex;justify-content:space-between}.ig-stories{display:flex;gap:14px;padding:3px 14px 15px;overflow:auto;border-bottom:1px solid #eee}.ig-stories button{background:transparent;display:grid;justify-items:center;gap:5px;font-size:9px}.ig-story-ring{width:61px;height:61px;padding:3px;border-radius:50%;display:grid;place-items:center;background:#d9d9dc}.ig-story-ring.active{background:linear-gradient(145deg,#6b4bd0,#e83388,#ffb229)}.ig-story-ring i{width:100%;height:100%;border:3px solid white;border-radius:50%;background:#ded7cf;display:grid;place-items:center;font-style:normal;font-weight:700}.ig-post{border-bottom:1px solid #ddd;padding-bottom:14px}.ig-post header{display:flex;align-items:center;padding:10px 12px;gap:9px}.ig-post header p{margin:0;flex:1}.ig-post header strong{display:block;font-size:11px}.ig-post header small{display:block;font-size:8px;color:#888;margin-top:2px}.ig-post header b{font-size:13px}.ig-userpic{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#d6b09a;color:white}.ig-userpic.muted{background:#74747c}.ig-photo{height:360px;position:relative;background:linear-gradient(145deg,#887567,#252a31);overflow:hidden;display:grid;place-items:end start;padding:24px;color:white;font:600 13px/1.5 monospace;letter-spacing:2px}.ig-photo-light{position:absolute;width:240px;height:240px;border-radius:50%;background:#f6ddbd88;filter:blur(30px);right:-60px;top:-45px}.ig-photo.abstract{height:260px;background:radial-gradient(circle at 40% 45%,#bd8777,#383b4a 50%,#171820);align-items:center;justify-items:center}.ig-actions{display:flex;align-items:center;padding:8px 10px;gap:12px}.ig-actions button{background:transparent;font-size:25px;line-height:1}.ig-actions .liked{color:#f44355}.ig-actions .save{margin-left:auto}.ig-caption{font-size:10px;line-height:1.6;padding:0 12px;margin:0}.ig-caption small{color:#888}.lysn-app{background:#fbf8fc}.lysn-hero{padding:26px 20px 18px;display:flex;align-items:center;gap:12px}.lysn-logo{width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,#ff8fac,#9872db);color:white;font:700 27px Georgia;display:grid;place-items:center}.lysn-hero strong,.lysn-hero small{display:block}.lysn-hero strong{font-size:12px;letter-spacing:1px}.lysn-hero small{font-size:9px;color:#999;margin-top:4px}.lysn-room{width:calc(100% - 28px);margin:0 14px 10px;background:#fff;border:1px solid #eee1f1;border-radius:17px;padding:13px;display:grid;grid-template-columns:48px 1fr auto;gap:10px;text-align:left;position:relative;box-shadow:0 6px 18px #6e41660b}.lysn-avatar{width:48px;height:48px;border-radius:16px;background:#ca8fba;color:white;display:grid;place-items:center;font-weight:700}.lysn-avatar.pale{background:#b6b2bd}.lysn-room strong{font-size:12px}.lysn-room p{font-size:9px;color:#8e878f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:7px 0 0;max-width:190px}.lysn-room time{font-size:8px;color:#aaa}.lysn-room>i{position:absolute;right:12px;bottom:12px;background:#f187aa;color:white;border-radius:20px;min-width:17px;height:17px;display:grid;place-items:center;font-size:8px}.lysn-banner{margin:25px 14px;padding:22px;border-radius:20px;color:white;background:linear-gradient(145deg,#382d56,#9b5c8d)}.lysn-banner small,.lysn-banner strong{display:block}.lysn-banner small{font-size:8px;letter-spacing:1px;opacity:.7}.lysn-banner strong{font-size:17px;margin:8px 0}.lysn-banner p{font-size:10px;line-height:1.7;opacity:.75}.wv-app{background:#f6f7f8}.wv-top{display:flex;align-items:center;gap:10px;padding:18px 15px;background:white}.wv-mark{width:44px;height:44px;border-radius:15px;background:linear-gradient(145deg,#0dd1a9,#18a1d5);color:white;display:grid;place-items:center;font:800 25px Arial}.wv-top>div{flex:1}.wv-top strong,.wv-top small{display:block}.wv-top strong{font-size:13px}.wv-top small{font-size:9px;color:#999;margin-top:3px}.wv-top button{background:#16c5a2;color:white;border-radius:18px;padding:7px 13px;font-size:9px}.wv-tabs{display:flex;background:white;border-bottom:1px solid #ddd;padding:0 12px}.wv-tabs button{background:transparent;padding:10px 13px;font-size:10px;color:#777;border-bottom:2px solid transparent}.wv-tabs .active{color:#111;border-color:#16b79c}.wv-post{display:block;width:calc(100% - 24px);margin:12px;background:white;border:1px solid #eaebec;border-radius:15px;padding:15px;text-align:left}.wv-post header{display:flex;justify-content:space-between;font-size:8px;color:#999}.wv-post header span{color:#11a98f;font-weight:700}.wv-post>strong{font-size:13px;display:block;margin:10px 0}.wv-post p{font-size:10px;line-height:1.65;color:#56595d}.wv-post>small{font-size:8px;color:#999}.wv-post.pinned{border-left:4px solid #19c4a5}.wv-post.artist{background:linear-gradient(145deg,#152d2a,#305553);color:white}.wv-post.artist p,.wv-post.artist small{color:#d7e6e3}.clue-modal>span,.clue-board>small{font-size:9px;letter-spacing:2px;color:#ae9270}.clue-modal h3,.clue-board h3{font-size:22px;margin-top:8px}.clue-row{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;padding:13px 0;border-bottom:1px solid #eee;color:#aaa}.clue-row span{font:12px Georgia}.clue-row strong{font-size:12px}.clue-row i{font-size:9px;font-style:normal}.clue-row.found{color:#333}.clue-row.found i{color:#2d9b80}.clue-board>p{font-size:10px!important}.ios-home~*{}.phone-screen[data-view="lock"] .status-bar,.phone-screen[data-view="phonehome"] .status-bar{background:transparent;color:white;position:absolute;left:0;right:0;top:0}.phone-screen[data-view="lock"] .status-bar{z-index:8}.phone-screen[data-view="phonehome"] .status-bar{z-index:8}.phone-screen[data-view="lock"] .battery,.phone-screen[data-view="phonehome"] .battery{border-color:white}.phone-screen[data-view="lock"] .battery:after,.phone-screen[data-view="lock"] .battery:before,.phone-screen[data-view="phonehome"] .battery:after,.phone-screen[data-view="phonehome"] .battery:before{background:white}.phone-screen[data-view="lock"] .screen,.phone-screen[data-view="phonehome"] .screen{padding-top:0}.phone-screen[data-view="lock"] .home-indicator{background:white}.home-indicator{z-index:40;display:block!important}.phone-screen[data-view="lock"] .home-indicator{pointer-events:none}.phone-screen[data-view="phonehome"] .home-indicator{background:white}.phone-screen[data-view="youtube"] .status-bar,.phone-screen[data-view="instagram"] .status-bar,.phone-screen[data-view="lysn"] .status-bar,.phone-screen[data-view="weverse"] .status-bar{background:white;color:#171717}.phone-screen[data-view="youtube"] .screen,.phone-screen[data-view="instagram"] .screen,.phone-screen[data-view="lysn"] .screen,.phone-screen[data-view="weverse"] .screen{background:white}.ios-native-app .ios-back{font-size:31px}.phone-screen[data-view="lock"]{--system-pad:0px}.phone-screen[data-view="phonehome"]{--system-pad:0px}.status-bar{height:48px}.screen{padding-bottom:16px}.phone-screen[data-view="lock"] .screen,.phone-screen[data-view="phonehome"] .screen{height:100%;padding-bottom:0}.phone-screen[data-view="lock"] .status-bar,.phone-screen[data-view="phonehome"] .status-bar{height:46px}.island{background:#050506}.phone-screen[data-view="lock"] .island,.phone-screen[data-view="phonehome"] .island{box-shadow:0 0 0 1px #ffffff0a}.phone-caption{letter-spacing:.2px}.intro h1{font-size:clamp(42px,3.6vw,58px)}
@keyframes unlock-up{50%{transform:translateY(-4px);opacity:.65}}
@media(max-width:900px),(hover:none) and (pointer:coarse){.status-bar{display:flex!important;position:relative;height:44px;padding-top:max(13px,env(safe-area-inset-top));padding-left:23px;padding-right:23px;flex-basis:calc(44px + env(safe-area-inset-top));background:white}.phone-screen{padding-top:0!important}.phone-screen[data-view="lock"] .status-bar,.phone-screen[data-view="phonehome"] .status-bar{padding-top:max(13px,env(safe-area-inset-top));height:calc(44px + env(safe-area-inset-top));flex-basis:calc(44px + env(safe-area-inset-top))}.phone-screen[data-view="lock"] .screen,.phone-screen[data-view="phonehome"] .screen{padding-top:0}.island{top:calc(9px + env(safe-area-inset-top));width:100px;height:26px}.home-indicator{bottom:calc(5px + env(safe-area-inset-bottom));height:5px;width:116px}.screen{padding-bottom:calc(14px + env(safe-area-inset-bottom))}.ios-lock-content{padding-bottom:55px}.ios-lock-tools{bottom:16px}.ios-home-content{padding-bottom:calc(21px + env(safe-area-inset-bottom))}.ios-native-app{padding-bottom:0}.ios-app-header{min-height:57px}.ios-app-icon{width:min(13.5vw,60px);height:min(13.5vw,60px);border-radius:min(3.8vw,17px)}.ios-app-grid{gap:18px 9px}.ios-dock .ios-app-icon{width:min(13.5vw,58px);height:min(13.5vw,58px)}.ios-app-button{font-size:11px}.ios-sim-caption{margin-bottom:-3px}.ios-app-scroll{padding-bottom:20px}.yt-thumb{height:min(53vw,255px)}.ig-photo{height:min(100vw,500px)}}

.ios-lock-depth,.ios-wallpaper{background:url("assets/wallpaper.jpeg") center/cover no-repeat}
@media(max-width:360px){.ios-home-content{padding-left:14px;padding-right:14px}.ios-home-top{gap:7px}.ios-date-widget,.ios-clue-widget{min-height:112px;padding:13px;border-radius:20px}.ios-date-widget strong{font-size:36px}.ios-app-grid{margin-top:18px;gap:15px 6px}.ios-lock-time{font-size:66px}.ios-lock-notifications{margin-top:28px}.ios-lock-note{padding:9px}.lysn-room p{max-width:145px}}

/* iOS 17-style icon refinement and story utilities. */
.ios-date-widget{display:block}.ios-app-icon{border-radius:13px;box-shadow:0 5px 14px #0004,inset 0 0 0 .5px #ffffff70;border:.5px solid #00000018}.ios-app-icon:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#ffffff32,transparent 42%);pointer-events:none}.ios-app-icon.notes{font-size:0}.ios-notes-mark{width:31px;height:25px;background:repeating-linear-gradient(#b8b8bd 0 2px,transparent 2px 7px);margin-top:8px}.ios-app-icon.notebook{background:linear-gradient(145deg,#fffefb,#e8e6df);color:#64666d;font-size:27px}.ios-app-icon.ios-settings{background:radial-gradient(circle,#858b91 0 18%,#eef0f2 19% 28%,transparent 29%),linear-gradient(#b7bdc4,#747b83)}.ios-gear-mark{filter:drop-shadow(0 1px 1px #0005)}.ios-app-icon.calendar{background:#fff;color:#151515}.ios-calendar-mark{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center}.ios-calendar-mark small{width:100%;padding:4px 0 3px;background:#ff3b30;color:white;font-size:8px;font-weight:700}.ios-calendar-mark b{font-size:28px;line-height:35px;font-weight:400}.ios-app-icon.timeline{background:linear-gradient(145deg,#f8fbff,#dfe8f3)}.ios-timeline-mark{display:grid;gap:6px;width:34px}.ios-timeline-mark i{height:5px;border-radius:5px;background:#147efb;box-shadow:12px 0 0 #97bffc}.ios-timeline-mark i:nth-child(2){background:#ff9f0a;box-shadow:8px 0 0 #f3c66c}.ios-timeline-mark i:nth-child(3){background:#34c759;box-shadow:16px 0 0 #8bd7a0}.ios-app-icon.phone{background:linear-gradient(145deg,#63dc74,#19ab42);color:#fff}.ios-phone-mark{font-size:0;position:relative;width:31px;height:31px;transform:rotate(-38deg)}.ios-phone-mark:before{content:"";position:absolute;left:9px;top:3px;width:12px;height:25px;border:5px solid white;border-top-width:7px;border-bottom-width:7px;border-radius:12px}.ios-app-icon.safari{background:#fff}.ios-safari-mark{width:39px;height:39px;border-radius:50%;background:conic-gradient(from 25deg,#ff3b30 0 12%,#1688ff 12% 62%,#d9efff 62% 100%);box-shadow:inset 0 0 0 4px white;position:relative}.ios-safari-mark:after{content:"";position:absolute;width:3px;height:27px;background:linear-gradient(#ff3b30 0 50%,white 50%);left:18px;top:6px;transform:rotate(34deg);clip-path:polygon(50% 0,100% 48%,65% 48%,65% 100%,35% 100%,35% 48%,0 48%)}.ios-app-icon.messages{background:linear-gradient(145deg,#65dd76,#20b64b)}.ios-message-mark{width:35px;height:27px;border-radius:50%;background:white;position:relative}.ios-message-mark:after{content:"";position:absolute;left:4px;bottom:-4px;border-top:9px solid white;border-right:10px solid transparent;transform:rotate(9deg)}.ios-app-icon.music{background:linear-gradient(145deg,#ff5574,#ef1745);color:#fff}.ios-music-mark{font-size:34px;font-weight:500}
.ios-calendar-app,.ios-timeline-app,.ios-phone-app{background:#f2f2f7}.ios-calendar-title{display:grid;grid-template-columns:1fr auto;align-items:end;padding:18px 18px 8px}.ios-calendar-title span{grid-column:1;font-size:11px;color:#ff3b30;font-weight:650}.ios-calendar-title strong{grid-column:1;font-size:31px;letter-spacing:-1px}.ios-calendar-title button{grid-column:2;grid-row:1/3;background:#ff3b30;color:white;border-radius:17px;padding:8px 12px;font-size:10px}.ios-weekdays,.ios-month-grid{display:grid;grid-template-columns:repeat(7,1fr);padding:0 13px}.ios-weekdays span{text-align:center;font-size:9px;color:#8e8e93;padding:10px 0}.ios-month-grid button{height:42px;background:transparent;display:grid;place-items:center;position:relative;font-size:12px}.ios-month-grid button.today span{width:31px;height:31px;border-radius:50%;background:#ff3b30;color:white;display:grid;place-items:center}.ios-month-grid button i{position:absolute;bottom:3px;width:4px;height:4px;border-radius:50%;background:#ff3b30}.ios-month-grid button.today i{background:white;bottom:8px}.ios-day-events{margin:16px 13px 24px;padding:16px;background:white;border-radius:18px}.ios-day-events>small{color:#ff3b30;font-size:9px}.ios-day-events h3{font-size:18px;margin:5px 0 12px}.ios-day-events>button{width:100%;display:grid;grid-template-columns:42px 1fr auto;gap:8px;align-items:center;padding:12px 0;border-top:1px solid #ededf0;background:white;text-align:left}.ios-day-events time{font-size:9px;color:#8e8e93}.ios-day-events strong,.ios-day-events small{display:block}.ios-day-events strong{font-size:11px}.ios-day-events small{font-size:8px;color:#8e8e93;margin-top:3px}.ios-day-events b{font-size:20px;color:#c7c7cc}.ios-timeline-app header{padding:24px 20px 15px}.ios-timeline-app header>small{font-size:8px;letter-spacing:1.5px;color:#0a84ff}.ios-timeline-app header h2{font-size:25px;line-height:1.25;margin:8px 0}.ios-timeline-app header p{font-size:10px;color:#8e8e93}.ios-timeline-list{padding:0 16px 28px}.ios-timeline-list button{width:100%;display:grid;grid-template-columns:33px 1fr;grid-template-rows:auto auto auto;gap:2px 10px;padding:14px;background:white;text-align:left;border-radius:16px;margin-bottom:10px;box-shadow:0 4px 14px #00000008}.ios-timeline-dot{grid-row:1/4;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#e5e5ea;color:#8e8e93;font-size:10px}.ios-timeline-list .unlocked .ios-timeline-dot{background:#0a84ff;color:white}.ios-timeline-list time{font-size:8px;color:#8e8e93}.ios-timeline-list strong{font-size:12px}.ios-timeline-list small{font-size:8px;color:#8e8e93;line-height:1.5}.ios-timeline-list .locked{opacity:.62}.ios-safari-app{background:#f2f2f7}.ios-safari-toolbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px 10px;background:#f8f8fa;border-bottom:1px solid #d7d7db}.ios-safari-toolbar>span,.ios-safari-toolbar>button{font-size:10px;color:#007aff;background:transparent}.ios-safari-toolbar form{display:flex;align-items:center;background:#e3e3e8;border-radius:10px;padding:0 8px;min-width:0}.ios-safari-toolbar form i{font-style:normal;color:#777}.ios-safari-toolbar input{min-width:0;flex:1;border:0;background:transparent;padding:9px 6px;font-size:10px;outline:0}.ios-safari-toolbar form button{background:transparent;color:#007aff;font-size:9px}.ios-browser-start{text-align:center;padding:72px 24px 24px}.ios-browser-compass{width:94px;height:94px;margin:auto;border-radius:50%;background:conic-gradient(from 25deg,#ff3b30 0 12%,#1688ff 12% 62%,#d9efff 62% 100%);box-shadow:inset 0 0 0 9px white,0 8px 30px #006fd333;position:relative}.ios-browser-compass i{position:absolute;width:6px;height:67px;background:linear-gradient(#ff3b30 0 50%,white 50%);left:44px;top:14px;transform:rotate(34deg);clip-path:polygon(50% 0,100% 48%,65% 48%,65% 100%,35% 100%,35% 48%,0 48%)}.ios-browser-start h2{font-size:23px;margin:18px 0 6px}.ios-browser-start p{font-size:9px;line-height:1.7;color:#777}.ios-browser-suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:20px}.ios-browser-suggestions button{padding:8px 11px;border-radius:16px;background:white;color:#007aff;font-size:9px}.ios-search-results{padding:26px 15px}.ios-search-results>small{color:#777;font-size:9px}.ios-search-results h2{font-size:22px;margin:5px 0 18px}.ios-search-results>button{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;width:100%;padding:14px 0;border-top:1px solid #d8d8dc;background:transparent;text-align:left}.ios-search-favicon{width:32px;height:32px;border-radius:8px;background:#12131a;color:white;display:grid;place-items:center;font-size:9px}.ios-search-results strong,.ios-search-results small{display:block}.ios-search-results strong{font-size:11px}.ios-search-results small{font-size:8px;color:#777;margin-top:4px}.ios-search-results b{color:#aaa}.ios-safari-bottom{display:flex;justify-content:space-around;padding:10px;background:#f8f8fa;border-top:1px solid #d7d7db}.ios-safari-bottom button{background:transparent;color:#007aff;font-size:22px}.ios-phone-tabs{display:flex;gap:5px;margin:8px auto;padding:3px;background:#dedee3;border-radius:9px}.ios-phone-tabs button{background:transparent;border-radius:7px;padding:6px 18px;font-size:9px}.ios-phone-tabs .active{background:white;box-shadow:0 1px 4px #0002}.ios-call-list{margin-top:10px;padding-left:18px;background:white}.ios-call-list>button{display:grid;grid-template-columns:42px 1fr auto auto;gap:9px;align-items:center;width:100%;padding:10px 13px 10px 0;border-bottom:1px solid #e6e6e9;background:white;text-align:left}.ios-call-avatar{width:38px;height:38px;border-radius:50%;background:#e5e5ea;color:#777;display:grid;place-items:center;font-size:13px}.ios-call-list strong,.ios-call-list small{display:block}.ios-call-list strong{font-size:12px}.ios-call-list small{font-size:8px;color:#8e8e93;margin-top:3px}.ios-call-list time{font-size:9px;color:#8e8e93}.ios-call-list b{font-size:15px;color:#007aff}.ios-call-list .missed strong{color:#ff3b30}.ios-phone-note{font-size:9px;line-height:1.7;color:#8e8e93;padding:14px 20px}.ios-call-clue{margin:0 16px;padding:12px;border-radius:12px;background:#e5f2ff;color:#007aff;font-size:10px}.ios-phone-bottom{display:grid;grid-template-columns:repeat(4,1fr);padding:8px 6px;background:#fafafc;border-top:1px solid #ddd}.ios-phone-bottom span{display:grid;justify-items:center;gap:3px;color:#8e8e93;font-size:17px}.ios-phone-bottom span.active{color:#007aff}.ios-phone-bottom small{font-size:7px}