:root{font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{color:#f8fafc;background:#05060a;min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input,select{font:inherit;font-weight:400}button,select{border:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app{--text:#f8fafc;--muted:#cbd5e1;--accent:#93c5fd;--panel-bg:#020617c7;--panel-border:#ffffff1a;--control-bg:#ffffff17;--select-bg:#ffffff1a;--frame-border:#ffffff17;--frame-shadow:inset 0 0 80px #0000008c, 0 24px 90px #00000059;--empty-bg:#0f172a94;--menu-bg:#0f172ab8;--photo-bg:#0f172a;min-height:100dvh;color:var(--text);background:radial-gradient(circle at 15% 20%,#3d7dff2e,#0000 30%),radial-gradient(circle at 80% 10%,#ec489929,#0000 30%),linear-gradient(135deg,#05060a 0%,#111827 100%);display:block;position:relative}.app--light{--text:#0f172a;--muted:#64748b;--accent:#8b5cf6;--panel-bg:#ffffffdb;--panel-border:#64748b2e;--control-bg:#f1f5f9f2;--select-bg:#f8fafcfa;--frame-border:#64748b2e;--frame-shadow:inset 0 0 44px #94a3b82e, 0 24px 90px #64748b38;--empty-bg:#ffffffb8;--menu-bg:#ffffffc2;--photo-bg:#f1f5f9;background:radial-gradient(circle at 16% 18%,#c4b5fd57,#0000 31%),radial-gradient(circle at 82% 12%,#fbcfe852,#0000 29%),radial-gradient(circle at 70% 88%,#bae6fd47,#0000 34%),linear-gradient(135deg,#fffaf3 0%,#f8fafc 48%,#eef2ff 100%)}.menu-toggle{z-index:20;background:var(--menu-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:14px;place-content:center;gap:5px;width:42px;height:42px;display:grid;position:fixed;top:18px;right:18px;box-shadow:0 16px 34px #0000004d}.app--light .menu-toggle{box-shadow:0 14px 32px #64748b3d}.menu-toggle span{background:var(--text);border-radius:999px;width:19px;height:2px;display:block}.backdrop{z-index:10;pointer-events:none;background:#02061700;transition:background .18s;position:fixed;inset:0}.backdrop--visible{pointer-events:auto;background:#02061785}.frame{isolation:isolate;place-items:center;min-height:100dvh;padding:10px;display:grid;position:relative;overflow:hidden}.frame:before{z-index:-1;content:"";border:1px solid var(--frame-border);box-shadow:var(--frame-shadow);border-radius:34px;position:absolute;inset:4px}.ambient{filter:blur(68px);opacity:.5;z-index:-2;border-radius:999px;width:38vw;height:38vw;position:absolute}.ambient--one{background:#2563eb;top:8%;left:12%}.ambient--two{background:#a855f7;bottom:8%;right:12%}.photo-stack{border-radius:28px;width:min(100%,100vw - 20px);height:min(940px,100dvh - 20px);position:relative;overflow:hidden;box-shadow:0 34px 110px #0000009e}.photo{object-position:center center;background:var(--photo-bg);border-radius:28px;width:100%;height:100%;animation-duration:2.2s;animation-timing-function:cubic-bezier(.16,.84,.24,1);animation-fill-mode:both;position:absolute;inset:0}.photo--exit{z-index:1}.photo--enter{z-index:2}.photo--contain{object-fit:contain}.photo--cover{object-fit:cover}.photo--stretch{object-fit:fill}.photo--fade{animation-name:fadeIn}.photo--zoom{animation-name:zoomIn}.photo--slide{animation-name:slideIn}.photo--flip{animation-name:flipIn}.photo--blur{animation-name:blurIn}.photo--exit-fade{animation-name:fadeOut}.photo--exit-zoom{animation-name:zoomOut}.photo--exit-slide{animation-name:slideOut}.photo--exit-flip{animation-name:flipOut}.photo--exit-blur{animation-name:blurOut}.photo-shadow{filter:blur(40px);z-index:-1;background:#00000073;border-radius:50%;height:80px;position:absolute;inset:auto 12% 5%}.clock-card{z-index:5;color:#fff;text-shadow:0 2px 18px #00000057;-webkit-backdrop-filter:blur(10px)saturate(1.08);backdrop-filter:blur(10px)saturate(1.08);background:#0f172a38;border:1px solid #ffffff1f;border-radius:18px;gap:5px;min-width:min(300px,100vw - 56px);padding:14px 18px 13px;display:grid;position:absolute;bottom:42px;left:28px;box-shadow:0 18px 48px #0000002e}.clock-card strong{letter-spacing:-.06em;font-size:clamp(1.65rem,3.6vw,3rem);font-weight:500;line-height:.9}.clock-card span{color:#ffffffc2;text-transform:capitalize;font-size:clamp(.82rem,1.4vw,1.05rem)}.loading-card{z-index:6;color:#fff;text-align:center;-webkit-backdrop-filter:blur(16px)saturate(1.18);backdrop-filter:blur(16px)saturate(1.18);background:#0f172a7a;border:1px solid #ffffff2e;border-radius:18px;justify-items:center;gap:8px;width:min(320px,100vw - 56px);padding:16px 18px;display:grid;position:absolute;top:28px;left:50%;transform:translate(-50%);box-shadow:0 18px 48px #00000047}.loading-card strong{font-size:.95rem;font-weight:500}.loading-card span:last-child{color:#ffffffc7;font-size:.78rem;line-height:1.35}.loader{border:3px solid #ffffff47;border-top-color:#fff;border-radius:999px;width:24px;height:24px;animation:.85s linear infinite spin}.empty-loader{margin:0 0 14px;display:block}.progress{z-index:4;background:#ffffff1f;border-radius:999px;height:4px;position:absolute;bottom:18px;left:22px;right:22px;overflow:hidden}.progress:before{content:"";transform-origin:0;width:100%;height:100%;animation:linear both progressBar;animation-duration:inherit;animation-play-state:inherit;background:linear-gradient(90deg,#60a5fa,#f472b6,#facc15);display:block}.empty-state{background:var(--empty-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff1f;border-radius:34px;width:min(680px,100%);padding:44px;box-shadow:0 24px 90px #0000006b}.hero-logo{object-fit:contain;width:clamp(180px,34vw,320px);height:clamp(180px,34vw,320px);margin:0 auto 14px;display:block}.hero-brand{color:var(--muted);letter-spacing:.08em;opacity:.42;text-align:center;text-transform:uppercase;margin:16px 0 0;font-size:.6rem;display:block}.empty-state p,.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:600}.empty-state h1{letter-spacing:-.06em;margin:0 0 16px;font-size:clamp(2.25rem,5.8vw,4.6rem);line-height:.96}.empty-state>span:not(.loader):not(.hero-brand){font-size:clamp(1rem,1.8vw,1.22rem);line-height:1.45;display:block}.empty-state span,.status,.meta{color:var(--muted)}.privacy-note{color:var(--muted);opacity:.72;margin-top:18px;font-size:.6rem;line-height:1.35;display:block}@media (width>=921px){.empty-state{width:min(720px,100vw - 80px);max-height:calc(100dvh - 48px);padding:32px}.hero-logo{width:clamp(170px,28dvh,280px);height:clamp(170px,28dvh,280px);margin-bottom:22px}.empty-state h1{font-size:clamp(2.1rem,4.8vw,3.9rem)}}.panel{z-index:15;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-left:1px solid var(--panel-border);background:var(--panel-bg);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);flex-direction:column;gap:10px;width:min(330px,100vw - 24px);height:100dvh;min-height:0;max-height:100dvh;padding:24px 20px;transition:transform .22s cubic-bezier(.2,.72,.24,1);display:flex;position:fixed;top:0;right:0;overflow:hidden scroll;transform:translate(105%);box-shadow:-22px 0 80px #0000004d}.panel::-webkit-scrollbar{width:8px}.panel::-webkit-scrollbar-thumb{border:2px solid var(--panel-bg);background:#94a3b873;border-radius:999px}.panel--open{transform:translate(0)}.panel h2{letter-spacing:-.05em;margin:0;font-size:1.55rem}.panel-title-row{align-items:center;gap:9px;display:flex}.panel-logo{object-fit:contain;flex:none;width:32px;height:32px}.status{margin:8px 0 0;font-size:.88rem;line-height:1.45}.hint{color:var(--muted);margin:-4px 0 0;font-size:.76rem;line-height:1.35}.primary,.ghost,.control-row button,.fullscreen-button{min-height:38px;color:var(--text);border-radius:12px;font-size:.86rem;font-weight:400;transition:transform .16s,background .16s}.primary:hover,.ghost:hover,.control-row button:hover:not(:disabled),.fullscreen-button:hover{transform:translateY(-1px)}.primary{color:#f8fafc;background:linear-gradient(135deg,#2563eb,#9333ea);font-weight:500;box-shadow:0 16px 34px #2563eb59}.fullscreen-button{color:#f8fafc;background:linear-gradient(135deg,#7c3aed,#db2777);box-shadow:0 14px 30px #7c3aed3d}.app--light .ghost,.app--light .control-row button,.app--light .field select{border:1px solid #64748b29}.ghost,.control-row button{background:var(--control-bg)}.control-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.icon-button{place-items:center;display:grid}.icon-button svg{fill:currentColor;width:20px;height:20px}.field{color:var(--text);gap:4px;font-size:.88rem;font-weight:400;display:grid}.field span{color:var(--accent);font-size:.82rem;line-height:1.1}.field input[type=range]{accent-color:#60a5fa;margin:0}.field select{width:100%;min-height:38px;color:var(--text);background:var(--select-bg);border-radius:12px;padding:0 12px;font-size:.88rem;font-weight:400}.meta{border-top:1px solid var(--panel-border);overflow-wrap:anywhere;gap:5px;margin-top:auto;padding-top:12px;font-size:.8rem;display:grid}.brand-mark{color:var(--muted);letter-spacing:.06em;opacity:.48;text-align:center;text-transform:uppercase;font-size:.55rem}.hidden-input{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes zoomIn{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes zoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.94)}}@keyframes slideIn{0%{opacity:0;transform:translate(46px)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-46px)}}@keyframes flipIn{0%{opacity:0;transform:perspective(900px)rotateY(-18deg)scale(.96)}to{opacity:1;transform:perspective(900px)rotateY(0)scale(1)}}@keyframes flipOut{0%{opacity:1;transform:perspective(900px)rotateY(0)scale(1)}to{opacity:0;transform:perspective(900px)rotateY(18deg)scale(.96)}}@keyframes blurIn{0%{opacity:0;filter:blur(18px);transform:scale(1.03)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes blurOut{0%{opacity:1;filter:blur();transform:scale(1)}to{opacity:0;filter:blur(18px);transform:scale(1.03)}}@keyframes progressBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=920px){body{overflow:auto}.frame{min-height:100dvh;padding:8px}.frame:before{border-radius:24px;inset:4px}.photo-stack{border-radius:20px;width:min(100%,100vw - 16px);height:calc(100dvh - 16px)}.photo{border-radius:20px}.panel{width:min(320px,100vw - 18px)}.progress{bottom:14px;left:16px;right:16px}.clock-card{border-radius:16px;min-width:0;max-width:min(260px,100vw - 32px);padding:11px 14px 10px;bottom:34px;left:16px;right:auto}.clock-card strong{font-size:clamp(1.45rem,8vw,2.25rem)}.clock-card span{font-size:.78rem}.loading-card{width:min(280px,100vw - 32px);padding:13px 15px;top:18px}}@media (height<=620px){.panel{gap:7px;padding:18px 16px}.panel h2{font-size:1.32rem}.status,.field,.field select{font-size:.8rem}.primary,.ghost,.control-row button,.fullscreen-button,.field select{border-radius:10px;min-height:34px}.eyebrow{margin-bottom:7px;font-size:.68rem}}