*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;align-items:center;justify-content:center;gap:9vw;background:radial-gradient(ellipse at 70% 40%,#e4e8f4,transparent 55%),#f4f1ec;color:#343c59;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}button{font:inherit;cursor:pointer;border:0;color:inherit}button:active{transform:scale(.96)}aside{width:350px}.eyebrow{font-size:10px;letter-spacing:3px;color:#858da6}h1{font-size:45px;font-weight:400;line-height:1.5;letter-spacing:3px;margin:28px 0}aside p{font-size:14px;color:#8b8fa0;line-height:2.1}.line{height:1px;width:45px;background:#b6bcd0;margin:35px 0}aside small{font-size:10px;color:#979aab;line-height:2;letter-spacing:1px}#phone{position:relative;width:390px;height:min(844px,94svh);min-height:650px;border:8px solid #242630;outline:2px solid #8a8c97;border-radius:55px;overflow:hidden;background:#eff0f4;box-shadow:0 35px 80px #3c49682b}header{position:absolute;top:18px;left:27px;right:24px;display:flex;justify-content:space-between;font-size:12px;z-index:8;pointer-events:none}.island{position:absolute;top:10px;left:50%;transform:translateX(-50%);background:#15151c;width:108px;height:28px;border-radius:22px;z-index:9}.screen{position:absolute;inset:0;overflow:auto;scrollbar-width:none}.hidden{display:none!important}#lock{background:#f6f3e9 url('assets/A0CCD421-A2E0-4B4F-B36C-A7BC710F7E4B(1).jpg') center center/cover}.locktime{text-align:center;padding-top:71px;color:#354979;text-shadow:0 1px 5px #fff7}.locktime>span{font-size:14px}.locktime h2{font-size:65px;font-weight:300;margin:0;letter-spacing:-3px}.locktime p{font-size:10px;letter-spacing:3px}.notification{position:absolute;bottom:102px;left:15px;right:15px;border-radius:22px;padding:14px;background:#fff9;backdrop-filter:blur(18px);display:flex;align-items:center;text-align:left;gap:10px}.notification>span{background:#6d82bd;color:white;font-size:24px;width:36px;height:36px;border-radius:12px;text-align:center}.notification b{font-size:12px}.notification p{font-size:11px;margin:5px 0 0}.notification small{margin-left:auto;font-size:9px;color:#8b8fa0}.swipe{position:absolute;bottom:35px;width:100%;text-align:center;background:none;font-size:11px;line-height:1.7;color:white;text-shadow:0 1px 4px #123}.homebar{position:absolute;bottom:9px;width:120px;height:5px;background:#ffffffcf;left:50%;transform:translateX(-50%);border-radius:8px;z-index:20;box-shadow:0 1px 3px #0002}#pin{background:#d9e2f1ee;backdrop-filter:blur(25px);text-align:center;padding:120px 35px 40px}#pin h2{font-size:21px;font-weight:400}#pin p,#pin small{font-size:11px;color:#7986a0}#dots{font-size:25px;letter-spacing:10px;margin:25px 0}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.keypad button{height:67px;width:67px;border-radius:50%;background:#ffffff75;font-size:27px;justify-self:center}.plain{background:none;margin:20px;font-size:13px}#home{background:linear-gradient(#10347c22,#11286300 55%,#13275150),url('assets/IMG_1392(1).jpg') center/cover;color:white;padding:70px 22px 30px}.widgets{display:flex;gap:12px}.widgets button{border-radius:22px;width:50%;min-height:125px;background:#f8f9ffe0;backdrop-filter:blur(10px);color:#364d79;text-align:left;padding:15px}.widgets small{display:block;font-size:10px}.widgets strong{display:block;font-size:40px;font-weight:300}.widgets span{font-size:10px}.widgets .quote{background:#dbe6ffad;position:relative}.quote>span{display:block;font-size:13px;line-height:1.8;margin-top:15px}.quote small{font-size:7px;letter-spacing:1px}.quote i{position:absolute;right:15px;bottom:10px;font-size:25px}#apps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 13px;margin-top:24px}#apps button{background:none;padding:0;font-size:10px;color:#fff;text-shadow:0 1px 4px #18336b}#apps i{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 6px;background:linear-gradient(145deg,#fffffff5,#dce6fff2);border-radius:16px;color:#5873a8;font-size:28px;font-style:normal;text-shadow:none;box-shadow:0 5px 12px #17274a15}.homecaption{position:absolute;bottom:140px;left:0;width:100%;font-size:8px;text-align:center;letter-spacing:3px;opacity:.7}.dock{position:absolute;bottom:25px;left:14px;right:14px;background:#f0f4ff66;backdrop-filter:blur(20px);border-radius:29px;display:flex;justify-content:space-around;padding:12px}.dock button{border-radius:16px;width:54px;height:54px;background:#fbfbf2ed;color:#6c7da4;font-size:29px}#app{background:#faf9f6;padding-top:59px}nav{height:47px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;border-bottom:1px solid #8c96af20}nav button{background:none;color:#667fae;font-size:13px;padding:9px 0}nav b{font-size:14px;font-weight:500}#content{padding:20px 18px 45px}h2{font-weight:500;font-size:25px;margin:0 0 6px}.sub{font-size:11px;color:#9499a7;margin:0 0 25px}.album{margin-bottom:25px}.albumhead{display:flex;justify-content:space-between;font-size:13px;margin:16px 0 9px}.albumhead small{color:#a0a6b3}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.grid button{padding:0;background:#e6e8ed;aspect-ratio:1;overflow:hidden;border-radius:4px}.grid img{width:100%;height:100%;object-fit:cover}.card{background:white;border:1px solid #dfe3eb;border-radius:18px;padding:18px;margin:12px 0}.card h3{font-size:14px;font-weight:500;margin:0 0 10px}.card p{font-size:12px;line-height:1.9;color:#8991a2}.months{display:flex;gap:8px;margin:20px 0}.months button,.pill{border-radius:20px;padding:9px 14px;background:#edf0f5;font-size:12px}.months .active{background:#7589b2;color:white}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;text-align:center}.calendar span{font-size:10px;color:#959cad}.calendar button{aspect-ratio:1;background:none;border-radius:50%;font-size:13px}.calendar button.has{background:#dce5f6;color:#516f9f}.calendar button.selected{background:#748bb8;color:white}textarea,input{width:100%;font:inherit;border:1px solid #dfe3eb;border-radius:12px;padding:12px;background:#fff;color:#4d5872}textarea{height:180px;resize:vertical;font-size:13px;line-height:1.9}.primary{background:#7589b2;color:white;padding:11px 20px;border-radius:20px;font-size:12px;margin-top:10px}.musicart{width:190px;height:220px;object-fit:cover;display:block;margin:30px auto 25px;border-radius:16px;box-shadow:0 15px 30px #36497622}.music{text-align:center}.music h3{font-weight:500;font-size:17px}.music p{font-size:12px;color:#9099a9}.music .play{display:block;margin:20px auto;border-radius:50%;width:60px;height:60px;background:#768bb4;color:white;font-size:25px}.music input{font-size:11px}.setting{display:flex;align-items:center;justify-content:space-between;font-size:13px;gap:15px}.setting input{width:90px}.night #app{background:#222938;color:#e2e7f3}.night .card{background:#30394b;border-color:#46516a}.night textarea{background:#30394b;color:white}#viewer{background:#10131b;padding-top:56px;color:#fff;z-index:12}#large{width:100%;height:calc(100% - 130px);object-fit:contain}#photodate{font-size:11px}.viewcontrols{display:flex;justify-content:space-around;align-items:center;font-size:11px;color:#aab4c8}.viewcontrols button{background:none;color:white;font-size:28px}#heart{font-size:25px}.empty{padding:50px 15px;text-align:center;color:#9ca5b7;font-size:13px;line-height:2}@media(max-width:760px){aside{display:none}body{background:#232630}#phone{height:100svh;min-height:0;width:100%;max-width:460px;border:0;outline:0;border-radius:0;box-shadow:none}.island{top:9px}header{top:20px}#home{padding-top:72px}.homecaption{bottom:137px}}@media(prefers-reduced-motion:no-preference){.screen:not(.hidden){animation:appear .3s ease}@keyframes appear{from{opacity:.4;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}}

#apps{position:absolute;bottom:145px;left:22px;right:22px}.homecaption{display:none}#lock{background-size:100% auto;background-position:center bottom;background-repeat:no-repeat;background-color:#f3f0e9}

.music-eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:13px}.record-wrap{position:relative;background:linear-gradient(135deg,#e9eefa,#e4dfed);border-radius:20px;overflow:hidden;display:grid;place-items:center;height:185px;margin:18px 0}.vinyl{width:150px;height:150px;border-radius:50%;background:repeating-radial-gradient(circle,#32394b 0px,#32394b 2px,#222b3b 3px,#364153 4px);display:grid;place-items:center;box-shadow:6px 9px 18px #34415e44;transform:rotate(-15deg)}.record-label{border-radius:50%;height:59px;width:59px;background:#a0afd0;color:#f4f4f0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:26px}.record-label span{font-size:5px;letter-spacing:1px}.record-note{position:absolute;bottom:10px;right:12px;font-size:6px;letter-spacing:1px;color:#7e89a3}.current-track{display:flex;justify-content:space-between;align-items:center;margin:18px 1px}.current-track small{font-size:9px;letter-spacing:1px;color:#9ba2b2}.current-track h3{font-size:21px;font-weight:400;margin:5px 0}.current-track p{font-size:12px;color:#8b95aa;margin:0}.track-arrows{display:flex;gap:8px}.track-arrows button{width:33px;height:33px;border-radius:50%;background:#edf0f7;color:#7385aa;font-size:24px}.apple-player{border:0;width:100%;height:175px;border-radius:12px;display:block;background:#edf0f5}.full-listen{display:block;text-align:center;color:#627ca9;text-decoration:none;padding:12px;font-size:11px;border:1px solid #dce2ed;border-radius:14px;margin-top:10px}.platform-note{font-size:10px;line-height:1.8;color:#a1a8b6;margin:10px 2px 23px}.playlist-title{display:flex;justify-content:space-between;font-size:12px;padding:0 3px 9px}.playlist-title b{font-weight:500}.playlist-title span{font-size:10px;color:#9ca7b9}.track-list{background:#fff;border:1px solid #e3e7f0;border-radius:17px;overflow:hidden}.track-row{display:flex;align-items:center;gap:12px;width:100%;padding:15px 13px;text-align:left;background:none;border-bottom:1px solid #edf0f5}.track-row:last-child{border-bottom:0}.track-row.chosen{background:#edf2fc}.track-row b{display:block;font-weight:500;font-size:13px}.track-row small{display:block;font-size:10px;color:#9ba4b8;margin-top:5px}.track-number{font-size:12px;color:#9baac6;width:18px}.track-select{margin-left:auto;font-size:10px;color:#8a9cbb}.night .track-list{background:#30394b;border-color:#46516a}.night .track-row.chosen{background:#44516b}.night .record-wrap{background:#3c4861}
.homebar:active{transform:translateX(-50%)}

.letter-eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:14px}.letter-paper{position:relative;padding:27px 23px;background:linear-gradient(140deg,#fffefb,#f6f3ed);border-color:#e7e1d7}.letter-paper h3{margin:23px 0 20px;font-size:15px;color:#526384}.letter-paper p{font-size:13px;line-height:2.2;color:#707b90;margin:0 0 19px;letter-spacing:.3px}.letter-moon{display:block;font-size:29px;text-align:center;color:#a5afc4}.letter-paper .letter-sign{text-align:right;margin:28px 0 5px;font-size:12px}.letter-sign b{font-size:18px;font-weight:400;letter-spacing:2px;color:#768bb4}.night .letter-paper{background:#30394b;border-color:#46516a}.night .letter-paper p,.night .letter-paper h3{color:#c8d0df}