/* HACKERWEB iPHONE 17 V51: ADDITIVE; keep iphone-v49.css for geometry + photographic hand. */
/* Always-on display replaces the old looping Vimeo iframe on the desk. */
#vid{visibility:hidden!important;opacity:0!important}
#v51-table-aod{position:absolute;transform-origin:0 0;z-index:3;pointer-events:none;display:block;overflow:hidden;isolation:isolate;box-sizing:border-box;color:#b9c0c3;border-radius:11% 5% 10% 5%;background:#050608;backface-visibility:hidden;filter:brightness(.72)}
.scene.v18-day #v51-table-aod{filter:brightness(1.15)}
#v51-table-aod .v51-table-inner{width:100%;height:100%;position:relative;box-sizing:border-box;background:radial-gradient(ellipse 48% 62% at 50% 92%,#192026 0%,#08090c 72%,#010203 100%);text-align:center;padding:8% 4% 0;font:500 23px/1.15 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;text-shadow:0 0 3px #303842}
#v51-table-aod .v51-table-island{position:absolute;width:26%;height:4.6%;min-height:5px;background:#010203;border-radius:900px;top:2%;left:37%;box-shadow:inset 0 0 2px #222a31}
#v51-table-aod .v51-table-island span{position:absolute;right:6%;top:27%;height:45%;aspect-ratio:1;border-radius:50%;background:#0c1723}
#v51-table-aod .v51-table-date{font-size:clamp(11px,2.3vw,17px);opacity:.45;margin-top:14%;white-space:nowrap}
#v51-table-aod .v51-table-time{font-size:clamp(22px,5.1vw,46px);font-weight:250;letter-spacing:-.065em;opacity:.62;font-variant-numeric:tabular-nums}
/* The same original photo is kept. Screen UI is drawn BEHIND its transparent glass/frame layer. */
#v48-phone-screen{background:#030408}
#v48-phone-screen .v51-phone-panel{position:absolute;inset:0;display:none;overflow:hidden;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}
#v48-phone-overlay[data-phone-state="lock"] .v51-lock,
#v48-phone-overlay[data-phone-state="home"] .v51-home,
#v48-phone-overlay[data-phone-state="video"] .v51-video,
#v48-phone-overlay[data-phone-state="incoming"] .v51-call-incoming,
#v48-phone-overlay[data-phone-state="call"] .v51-call-active,
#v48-phone-overlay[data-phone-state="app"] .v51-app-view{display:flex}
#v48-phone-screen .v51-ios-status{position:absolute;top:1.4%;left:5%;right:5%;z-index:2;display:flex;justify-content:space-between;align-items:center;color:white;font-size:clamp(5px,.8vw,10px);font-weight:600;font-variant-numeric:tabular-nums}
#v48-phone-screen .v51-lock{align-items:center;flex-direction:column;color:#fff;background:radial-gradient(ellipse 160% 74% at 25% 95%,#fa9b3d 0%,#dc6125 28%,#af3b1a 55%,#65231d 85%,#251019 100%)}
#v48-phone-screen .v51-lock::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 45%,#ffbf6f47,transparent 48%),linear-gradient(115deg,transparent 20%,#fff2 22%,transparent 29%,transparent 64%,#fff1 74%,transparent 80%);mix-blend-mode:screen}
#v48-phone-screen .v51-lock-date{margin-top:25%;font-size:clamp(7px,1.05vw,14px);letter-spacing:.02em;z-index:1}
#v48-phone-screen .v51-lock-time{font-size:clamp(45px,6.25vw,79px);font-weight:250;line-height:1.03;letter-spacing:-.07em;text-shadow:0 1px 12px #4114;font-variant-numeric:tabular-nums;z-index:1}
#v48-phone-screen .v51-lock-footer{position:absolute;bottom:3%;left:7%;right:7%;display:flex;gap:5px;align-items:center;justify-content:space-between}
#v48-phone-screen .v51-lock-shortcut{display:grid;place-items:center;width:18%;aspect-ratio:1;border-radius:50%;background:#0006;font-size:clamp(8px,1.1vw,15px)}
#v48-phone-screen .v51-unlock{background:none;border:0;color:#fff;font-size:clamp(5px,.75vw,11px);white-space:nowrap;cursor:pointer;opacity:.9}
#v48-phone-screen .v51-unlock span{display:block;font-size:17px;line-height:.9;opacity:.8}
#v48-phone-screen .v51-home{align-items:stretch;flex-direction:column;background:radial-gradient(ellipse 95% 65% at 85% 30%,#fad0c5 0%,#b17bae 55%,#73558e 100%);color:#fff}
#v48-phone-screen .v51-home-heading{margin:16% 6% 4%;font-size:clamp(6px,.95vw,13px);text-shadow:0 1px 5px #0006;display:flex;flex-direction:column}
#v48-phone-screen .v51-home-heading strong{font-size:clamp(20px,3vw,39px);font-weight:600}
#v48-phone-screen .v51-apps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3.8% 2%;margin:5% 5% 0;position:relative;z-index:1}
#v48-phone-screen .v51-app{min-width:0;border:0;background:transparent;color:white;display:flex;flex-direction:column;align-items:center;gap:3px;padding:0;cursor:pointer;font:400 clamp(6px,.65vw,10px) -apple-system,BlinkMacSystemFont,sans-serif;text-shadow:0 1px 2px #0008}
#v48-phone-screen .v51-app-icon{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:85%;aspect-ratio:1;border-radius:22%;overflow:hidden;box-shadow:0 2px 5px #24142d30,inset 0 1px 2px #ffffff2e}
#v48-phone-screen .v51-app-icon svg{width:88%;height:88%;display:block}
#v48-phone-screen .v51-ico-green{background:linear-gradient(145deg,#7af69e,#19c54a)}
#v48-phone-screen .v51-ico-photos,#v48-phone-screen .v51-ico-calendar{background:#fff}
#v48-phone-screen .v51-ico-maps{background:linear-gradient(120deg,#91dd95 20%,#b6e8d2 33%,#e5e7d9 55%,#93bded 70%)}
#v48-phone-screen .v51-ico-camera{background:linear-gradient(#f2f4f7,#b9bfc6)}
#v48-phone-screen .v51-ico-safari{background:#eaf7fa}
#v48-phone-screen .v51-ico-settings{background:linear-gradient(#aab3bd,#7b8693)}
#v48-phone-screen .v51-ico-calendar{display:flex;flex-direction:column;line-height:1}
#v48-phone-screen .v51-cal-week{color:#ee4c48;font-size:clamp(4px,.6vw,8px);font-weight:600;margin-top:6%}
#v48-phone-screen .v51-cal-day{font-size:clamp(11px,1.9vw,24px);font-weight:300;color:#1b1c1f}
#v48-phone-screen .v51-dock{position:absolute;bottom:4%;left:5%;width:90%;display:flex;justify-content:space-around;align-items:center;padding:3% 2%;border-radius:18px;background:rgba(255,255,255,.31);backdrop-filter:blur(9px);box-sizing:border-box;font-size:clamp(8px,1.7vw,24px)}
#v48-phone-screen .v51-home-indicator{position:absolute;width:30%;height:3px;border-radius:10px;background:#fff;bottom:1%;left:35%}
#v48-phone-screen .v51-video{background:#000}
#v48-phone-screen .v51-video #v48-player{z-index:0}
#v48-phone-screen .v51-video-home{position:absolute;z-index:2;bottom:2%;left:50%;transform:translateX(-50%);color:#fff;background:#000a;border:1px solid #fff5;border-radius:100px;font-size:clamp(6px,.9vw,12px);padding:3px 9px;cursor:pointer}
#v48-phone-screen .v51-call-incoming,#v48-phone-screen .v51-call-active{flex-direction:column;align-items:center;text-align:center;color:#fff;padding-top:27%;background:radial-gradient(circle at 30% 10%,#415c66,#131b2b 70%)}
#v48-phone-screen .v51-call-label{font-size:clamp(6px,.8vw,12px);opacity:.65}
#v48-phone-screen .v51-call-name{font-size:clamp(15px,2.3vw,29px);margin-top:7%;font-weight:400;overflow-wrap:anywhere}
#v48-phone-screen .v51-call-subtitle,#v48-phone-screen .v51-call-seconds{font-size:clamp(6px,.85vw,13px);opacity:.7;margin-top:4%}
#v48-phone-screen .v51-call-options{position:absolute;bottom:12%;left:10%;right:10%;display:flex;justify-content:space-between}
#v48-phone-screen .v51-call-options button{background:none;color:#fff;border:0;display:flex;flex-direction:column;align-items:center;gap:4px;font:inherit;font-size:clamp(6px,.8vw,11px);cursor:pointer}
#v48-phone-screen .v51-call-options button span{display:grid;place-items:center;background:#db4652;border-radius:50%;width:32px;height:32px;font-size:18px}
#v48-phone-screen .v51-call-options button:last-child span{background:#4dbb61}
#v48-phone-screen .v51-call-speaker{font-size:clamp(7px,1vw,13px);margin-top:30%;cursor:pointer}
#v48-phone-screen .v51-call-active button[data-call="end"]{position:absolute;bottom:8%;background:#cf3544;border:0;border-radius:32px;color:#fff;padding:7px 12px;font-size:clamp(6px,.9vw,12px);cursor:pointer}
#v48-phone-screen .v51-app-view{flex-direction:column;align-items:stretch;background:linear-gradient(#f8f8fc,#f2f3f8);color:#202126;box-sizing:border-box;padding:15% 7% 7%}
#v48-phone-screen .v51-app-view .v51-ios-status{color:#1d2430}
#v48-phone-screen .v51-app-back{background:none;border:0;color:#2777ce;text-align:left;font-size:clamp(7px,1vw,13px);cursor:pointer}
#v48-phone-screen .v51-app-title{font-size:clamp(17px,2.4vw,29px);margin:6% 0 9%;letter-spacing:-.04em}
#v48-phone-screen .v51-app-content{font-size:clamp(8px,1.05vw,13px);line-height:1.5}
/* Media choices sit BESIDE the hand, outside the screen, never on the simulated iOS interface. */
#v51-experiences{position:absolute;z-index:5;bottom:max(20px,env(safe-area-inset-bottom));left:clamp(12px,3vw,48px);display:flex;align-items:center;gap:9px;flex-wrap:wrap;max-width:min(38%,420px)}
#v51-experiences .v51-experience{display:flex;gap:7px;align-items:center;border:1px solid #aab1b544;border-radius:100px;background:#08151e85;color:#b5b8c2;backdrop-filter:blur(13px);font:600 11px -apple-system,BlinkMacSystemFont,Arial,sans-serif;letter-spacing:.035em;padding:9px 13px;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
#v51-experiences .v51-experience.is-active{color:#ffd398;border-color:#e3a95ea8;background:#623a1f77}
#v51-experiences .v51-exp-icon{font-size:16px;opacity:.8}
#v51-audio{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));right:20px;z-index:6;background:#142532aa;border:1px solid #d7c39d88;border-radius:25px;color:#fff;font-size:11px;padding:9px 12px;cursor:pointer}
#v51-audio[hidden]{display:none}
/* Reduced animation, never lose critical content or controls. */
@media(max-width:650px){
 #v51-experiences{left:10px;right:10px;bottom:9px;max-width:none;gap:5px;justify-content:center}
 #v51-experiences .v51-experience{padding:7px 9px;font-size:9px}
 #v51-audio{bottom:55px;right:10px}
 #v48-phone-screen .v51-apps{gap:5% 2%}
}
@media(prefers-reduced-motion:reduce){#v51-experiences .v51-experience{transition:none}}