*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;color:white;background:#15121e}body{display:flex;justify-content:center}#phone{width:100%;max-width:480px;height:100dvh;min-height:600px;position:relative;overflow:hidden;background:#1d162c}.wall{position:absolute;inset:0;background:radial-gradient(circle at 18% 20%,#e4a5c877,transparent 27%),radial-gradient(circle at 85% 70%,#8c8ed988,transparent 35%),linear-gradient(150deg,#171324,#352b55 55%,#16152c)}.wall:after{content:'✦  ·   ✧   ·  ✦  ·   ✧';position:absolute;top:28%;left:10%;font-size:32px;letter-spacing:20px;opacity:.24}.status{position:absolute;top:0;left:0;right:0;height:62px;display:flex;align-items:center;justify-content:space-between;padding:12px 28px;z-index:3;font-size:15px;font-weight:650}.island{background:#08070c;width:105px;height:30px;border-radius:28px;position:absolute;left:50%;transform:translateX(-50%);top:11px}.screen{display:none;position:absolute;inset:0;padding:76px 20px 45px;overflow:auto}.screen.active{display:block}#lock{text-align:center}.date{font-size:19px;margin-top:30px}.bigtime{font-size:clamp(75px,22vw,110px);font-weight:300;letter-spacing:-5px;line-height:1.25}.notice{position:absolute;bottom:150px;left:18px;right:18px;background:#eee7f1b8;color:#25202d;border-radius:20px;display:flex;gap:10px;padding:15px;text-align:left;align-items:center;backdrop-filter:blur(15px)}.notice span:nth-child(2){flex:1}.notice b{font-size:15px}.notice small{display:block;font-size:11px;margin-top:5px}.lockbottom{position:absolute;bottom:60px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;color:#eee;font-size:13px}.lockbottom span:first-child,.lockbottom span:last-child{background:#211c35a9;border-radius:50%;padding:12px}#pass{text-align:center;background:#16121c99;backdrop-filter:blur(20px)}#pass h2{font-size:22px;font-weight:400;margin-top:100px}.dots{display:flex;gap:22px;justify-content:center;margin:30px 0 45px}.dots i{border:2px solid white;width:13px;height:13px;border-radius:50%}.dots i.filled{background:white}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:315px;margin:auto}.keypad button{border:0;border-radius:50%;width:min(23vw,88px);height:min(23vw,88px);background:#ffffff37;color:white;font-size:38px;justify-self:center}.keypad small{font-size:9px;letter-spacing:2px;display:block}.passbottom{display:flex;justify-content:space-between;position:absolute;bottom:65px;left:35px;right:35px}.greeting{font-size:29px;font-weight:650;margin:38px 5px 36px}.greeting small{display:block;font-size:11px;font-weight:400;margin-top:10px;opacity:.8}.appgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px 8px}.appitem{text-align:center;font-size:11px}.appitem button,.dock button{width:62px;height:62px;border:0;border-radius:17px;font-size:31px;background:#ffffffd9;box-shadow:0 3px 16px #1114}.appitem span{display:block;margin-top:7px}.dock{position:absolute;bottom:55px;left:15px;right:15px;display:flex;justify-content:space-around;padding:12px 0;background:#ffffff42;border-radius:27px;backdrop-filter:blur(12px)}#app{background:#f5f5f9;color:#222;padding:70px 0 50px}.appheader{display:flex;align-items:center;justify-content:space-between;padding:0 18px 14px;border-bottom:1px solid #e2e2e7}.appheader button{background:none;border:0;color:#6c68b6;font-size:16px}.appheader strong{font-size:18px}#appcontent{padding:16px;overflow:auto;max-height:calc(100% - 42px)}.card{background:white;border-radius:17px;padding:17px;margin-bottom:13px;box-shadow:0 2px 12px #3331}.card h3{margin:0 0 12px}.muted{color:#999;font-size:12px}.row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #eee;padding:14px 0}.row:last-child{border:0}.avatar{background:#e4d9f3;border-radius:50%;height:44px;width:44px;display:grid;place-items:center;font-size:23px;flex-shrink:0}.rowtext{flex:1}.rowtext b{display:block}.rowtext small{display:block;color:#888;margin-top:5px}.bubble{background:white;border-radius:16px;padding:12px 15px;margin:12px 45px 12px 0;max-width:85%;width:fit-content}.bubble.me{background:#a6e8a2;margin-left:auto;margin-right:0}.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.photos div{aspect-ratio:1;background:linear-gradient(140deg,#b3a0cf,#f5d6e8);display:grid;place-items:center;font-size:37px}.pill{border:0;border-radius:18px;background:#dfe0f4;padding:10px 16px;color:#333}.homebar{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);height:5px;width:125px;background:white;border-radius:8px;z-index:5;cursor:pointer}#app~.homebar{background:#333}@media(max-height:740px){#pass h2{margin-top:30px}.dots{margin-bottom:25px}.keypad{gap:8px}.notice{bottom:120px}.greeting{margin-top:5px}}

/* User-provided wallpapers */
.wall{background-image:linear-gradient(#0002,#0003),url("images/lock.jpg");background-size:cover;background-position:center center}
.wall:after{content:none}
#phone[data-screen="home"] .wall,#phone[data-screen="app"] .wall{background-image:linear-gradient(#0005,#0005),url("images/home.jpg");background-position:center center}
#phone[data-screen="pass"] .wall{filter:blur(9px);transform:scale(1.06)}