:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#000;color:#fff;--phone-width:390px;--steel-top:#b6c5d7;--steel-bottom:#526b8d}
*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;display:grid;place-items:center}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit}button,a{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible{outline:3px solid #ffc960;outline-offset:3px}button:disabled{opacity:1}button img{-webkit-user-drag:none}p,h1,h2{margin:0}[hidden]{display:none!important}
.phone{width:min(100%,var(--phone-width));height:100vh;height:100dvh;position:relative;background:#000;overflow:hidden;isolation:isolate}.statusbar{height:28px;display:flex;justify-content:space-between;align-items:center;padding:0 4px;font-size:14px;position:relative;z-index:5;background:#080808}.statusbar>span:nth-child(2){position:absolute;left:50%;transform:translateX(-50%)}.battery-status{display:flex;align-items:center;gap:3px}.battery{width:24px;height:13px;border:1px solid #aaa;border-radius:2px;position:relative}.battery:before{content:'';position:absolute;inset:2px auto 2px 2px;width:2px;background:#9f3535}.battery:after{content:'';position:absolute;right:-3px;top:3px;height:5px;width:2px;background:#999}.screen{position:absolute;inset:28px 0 0;overflow:hidden}.wallpaper{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:-2}.lock{display:flex;flex-direction:column}.clock-panel{text-align:center;min-height:135px;padding:17px 0 16px;background:linear-gradient(#acacacb0,#7777778c 49.7%,#29292985 50%,#39393985);border-bottom:1px solid #ffffff25;text-shadow:0 2px 3px #0007}.clock-panel time{font-family:Arial,sans-serif;font-size:78px;line-height:.98;font-weight:300;letter-spacing:-3px}.clock-panel p{font-size:22px;margin-top:1px}.notification{min-height:88px;width:100%;display:flex;align-items:center;gap:12px;padding:15px 8px;background:#3333338c;border-top:1px solid #ffffff35;border-bottom:1px solid #ffffff35;text-shadow:0 1px 2px #0008;position:relative}.notification:hover{background:#333333ad}.notification>img{width:52px;height:52px;object-fit:cover;border-radius:4px;flex-shrink:0;background:#eee}.notification-text{display:flex;flex-direction:column;gap:3px;min-width:0;padding-right:45px;font-size:16px}.notification-text strong{font-size:17px}.notification-age{position:absolute;right:8px;top:18px;font-size:14px;font-weight:bold}.unlock-panel{margin-top:auto;height:123px;display:grid;place-items:center;background:linear-gradient(#b2b2b270,#4b4b4b90 49.9%,#1c1c1c99 50%);border-top:1px solid #ffffff50;padding:24px 0}.slider-track{height:62px;width:80%;border-radius:9px;background:linear-gradient(#080808,#171717 45%,#535353);box-shadow:0 0 0 1px #777,0 1px 0 2px #222,inset 0 1px 5px #000;position:relative;overflow:hidden}.slide-label{position:absolute;left:92px;top:12px;white-space:nowrap;font-size:29px;line-height:38px;color:#aaa;text-shadow:0 -1px 1px #000}.slider-track button{position:absolute;left:0;top:0;width:85px;height:60px;border-radius:8px;background:linear-gradient(#fff,#f7f7f7 49%,#dedede 50%,#9b9b9b);box-shadow:0 1px 3px #0008;touch-action:none;user-select:none;display:grid;place-items:center;z-index:1}.slider-track svg{width:48px;fill:#999;filter:drop-shadow(0 1px 0 #fff)}
.home{display:flex;flex-direction:column;justify-content:space-between;animation:appear .24s ease-out}.home:before{content:'';position:absolute;inset:0;background:linear-gradient(#0001,transparent 40%,#0002);z-index:-1}.app-grid{padding:12px 12px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px 5px}.app-icon{min-width:0;display:flex;align-items:center;flex-direction:column;gap:9px;background:transparent;padding:0;text-align:center;text-shadow:0 1px 3px #000,0 0 5px #0008;min-height:94px}.app-icon img{width:70px;height:70px;object-fit:cover;border-radius:16px;box-shadow:0 1px 3px #0004}.app-icon span{font-size:12px;line-height:15px;white-space:nowrap}.app-icon:not(:disabled):active img{filter:brightness(.7);transform:scale(.96)}.dock{display:flex;justify-content:center;gap:24px;padding:17px 15px max(8px,env(safe-area-inset-bottom));position:relative}.dock:before{content:'';position:absolute;z-index:-1;inset:60% 0 0;background:linear-gradient(#c0c0c098,#616161b0);border-top:1px solid #ffffff55;box-shadow:0 -8px 25px #fff2}.dock .app-icon{gap:8px;min-width:78px}.dock img{width:78px;height:78px;border-radius:18px}.application{background:#e7e9ed;color:#151515;display:flex;flex-direction:column;animation:appear .2s ease-out}.app-header{min-height:54px;display:grid;grid-template-columns:85px 1fr 85px;align-items:center;flex-shrink:0;padding:0 8px;color:white;text-shadow:0 1px 2px #0009;border-bottom:1px solid #405574;background:linear-gradient(var(--steel-top),#91a2bb 49%,#7188a6 50%,var(--steel-bottom))}.app-header h1{text-align:center;font-size:20px}.app-header button{background:linear-gradient(#849ab6,#456083);border:1px solid #3b536f;border-radius:6px;min-height:34px;padding:8px;font-size:14px;box-shadow:inset 0 1px #ffffff60;text-shadow:0 -1px #0007}.app-header button:focus-visible{outline-offset:0}.app-header>span{text-align:right;font-size:13px}.leather{background:linear-gradient(#977354,#523525);border-color:#3b2b20}.leather button{background:linear-gradient(#997b61,#60442c);border-color:#4e3520}.notepaper{flex:1;overflow:auto;padding:16px 26px 40px 38px;background:linear-gradient(90deg,transparent 24px,#d1a389 24px,#d1a389 25px,transparent 25px),repeating-linear-gradient(#fff4b4 0px,#fff4b4 31px,#c0b58b 32px,#fff4b4 33px);line-height:33px}.note-date{font-size:14px;color:#7e623f}.notepaper #note-text{white-space:pre-wrap;font-family:Georgia,serif;font-size:22px}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:5px;overflow:auto}.gallery button{padding:0;background:#ccc;aspect-ratio:1;overflow:hidden}.gallery img{height:100%;width:100%;object-fit:cover}.contact-card{margin:24px 18px;padding:24px;border-radius:12px;background:white;border:1px solid #aaa;text-align:center;display:flex;align-items:center;flex-direction:column;gap:18px}.contact-card>img{object-fit:cover;border-radius:10px}.contact-card a{display:block;width:100%;padding:14px;border-top:1px solid #ddd;color:#27588a}.camera{background:#151515;color:#fff}.camera-preview{position:relative;min-height:0;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;padding:24px;text-align:center}.camera-preview video{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}.silver-button{border-radius:8px;padding:14px 20px;color:#222;background:linear-gradient(#fff,#aaa)}.camera-controls{min-height:100px;display:grid;place-items:center;background:linear-gradient(#bbb,#444)}.shutter{border:6px solid #ddd;width:64px;height:64px;border-radius:50%;background:linear-gradient(#fafafa,#999);box-shadow:0 0 0 1px #222}.shutter:disabled{opacity:.4}.shutter:active{transform:scale(.95)}
dialog{border:1px solid #666;border-radius:8px;padding:0 0 14px;max-width:94vw;max-height:94dvh;background:#111;color:#fff;box-shadow:0 10px 50px #0009}dialog::backdrop{background:#000d}dialog>img{display:block;max-width:90vw;max-height:80dvh;object-fit:contain}dialog>button{position:absolute;right:8px;top:8px;border-radius:50%;width:44px;height:44px;font-size:32px;background:#000a}dialog p{padding:14px 14px 0;font-size:14px}noscript{position:fixed;bottom:0;padding:20px;background:black;z-index:10}@keyframes appear{from{opacity:0;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
@media(min-width:600px){.phone{border-radius:0 0 12px 12px}}@media(max-width:359px){.app-grid{padding-inline:6px;gap:16px 3px}.app-icon img{width:62px;height:62px}.app-icon span{font-size:11px}.dock{gap:18px}.slide-label{font-size:23px;left:88px}}@media(max-height:550px){.clock-panel{min-height:100px;padding:12px}.clock-panel time{font-size:58px}.clock-panel p{font-size:18px}.unlock-panel{height:95px;padding:15px 0}.app-grid{gap:8px;padding-top:8px}.app-icon{gap:4px;min-height:80px}.app-icon img{height:58px;width:58px}.dock img{width:62px;height:62px}.dock{padding-top:8px}.notification{min-height:75px;padding-block:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
#status-time.locked{height:12px;width:11px;background:#898989;border-radius:2px;margin-top:5px}#status-time.locked:before{content:"";position:absolute;width:7px;height:8px;border:2px solid #898989;border-bottom:0;border-radius:6px 6px 0 0;left:2px;top:-6px}
.notepaper{background-position:0 12px;background-attachment:local;line-height:33px}.note-date,#note-text{line-height:33px}