:root{color-scheme:dark;font-family:"Noto Serif SC",PingFang SC,Microsoft YaHei,serif;background:radial-gradient(circle at top,rgba(88,42,82,.5),transparent 32%),radial-gradient(circle at bottom,rgba(168,80,88,.24),transparent 24%),#07050c}html,body,#app{margin:0;min-height:100%}body{min-height:100vh;overflow:hidden}.app-shell,.layer{position:absolute;top:0;right:0;bottom:0;left:0}.app-shell{overflow:hidden;isolation:isolate}.layer-camera,.layer-hints{pointer-events:none}.layer-mode-switcher{display:flex;align-items:flex-start;justify-content:flex-end;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 0 0;z-index:3;pointer-events:none}.layer-camera{display:flex;align-items:flex-start;justify-content:flex-end;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 24px 24px}.layer-particles{width:100%;height:100%;opacity:.8}.layer-stage{display:grid;place-items:center;perspective:1200px;transform-style:preserve-3d;touch-action:manipulation}.layer-focus{display:grid;place-items:center;pointer-events:none}.layer-entry{display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));z-index:2;pointer-events:none}.layer-entry[data-entry-active=true]{pointer-events:auto}.focus-photo{width:min(74vw,420px);aspect-ratio:3 / 4.4;border-radius:28px;box-shadow:0 40px 110px #00000073,0 0 0 1px #ffffff24;transform:scale(1.04)}.album-card{position:absolute;width:min(34vw,172px);aspect-ratio:3 / 4.4;border-radius:22px;box-shadow:0 24px 70px #00000080;opacity:var(--opacity);transform:translate3d(var(--x),var(--y),0) rotateY(var(--rotate-y)) scale(var(--scale));z-index:var(--z)}.album-card__frame,.focus-photo__frame{width:100%;height:100%;overflow:hidden;border-radius:inherit;background:radial-gradient(circle at top,rgba(255,255,255,.16),transparent 42%),#110e1cf5}.album-card__image,.focus-photo__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.camera-preview{width:min(26vw,220px);aspect-ratio:4 / 3;object-fit:cover;border-radius:20px;opacity:.78;box-shadow:0 18px 48px #00000061,0 0 0 1px #ffffff1a}.mode-switcher{display:inline-flex;align-items:center;gap:6px;margin-right:max(14px,env(safe-area-inset-right));padding:8px;border-radius:999px;background:#0a0812ad;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 40px #0000003d;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mode-switcher__button{min-height:34px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:#fff4ecc2;font:inherit;font-size:13px;line-height:1;cursor:pointer}.mode-switcher__button[aria-pressed=true]{background:linear-gradient(135deg,#f6c092eb,#e78363eb);color:#22110e;font-weight:700}.layer-hints{display:flex;align-items:flex-end;justify-content:center;gap:12px;padding:0 max(20px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.entry-overlay{width:min(100%,520px);pointer-events:auto}.entry-overlay__panel{display:grid;gap:14px;padding:clamp(24px,4vw,36px);border-radius:28px;background:linear-gradient(180deg,#120e1eeb,#0a0812e0),#0a0812e0;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 80px #0000006b,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.entry-overlay__eyebrow{margin:0;color:#ffe0d4b8;font-size:12px;letter-spacing:.18em;text-transform:uppercase}.entry-overlay__title{margin:0;color:#fff4ef;font-size:clamp(28px,5vw,40px);line-height:1.08}.entry-overlay__body{margin:0;color:#fff4ecd6;font-size:15px;line-height:1.65}.entry-overlay__action{justify-self:start;min-height:48px;padding:0 22px;border:0;border-radius:999px;background:linear-gradient(135deg,#f6c092,#e78363);color:#22110e;font:inherit;font-size:15px;font-weight:700;letter-spacing:.02em;box-shadow:0 16px 34px #e7836347;cursor:pointer}.entry-overlay__action:disabled{opacity:.72;cursor:progress}.hint-pill{padding:10px 16px;border-radius:999px;background:#0c0a16a3;border:1px solid rgba(255,255,255,.14);color:#fff4ecf0;font-size:14px;letter-spacing:.04em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-banner{max-width:min(60vw,320px);padding:12px 16px;border-radius:16px;background:#681620e0;border:1px solid rgba(255,219,214,.28);color:#fff3f0;font-size:14px;line-height:1.4;box-shadow:0 16px 44px #00000052}[data-profile=light] .layer-particles{opacity:.48}[data-profile=light] .album-card,[data-profile=light] .focus-photo,[data-profile=light] .camera-preview,[data-profile=light] .entry-overlay__panel,[data-profile=light] .hint-pill{box-shadow:none}[data-profile=light] .entry-overlay__panel,[data-profile=light] .hint-pill{-webkit-backdrop-filter:none;backdrop-filter:none}[data-profile=light] .mode-switcher{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}@media(max-width:640px){.layer-camera{justify-content:center;align-items:flex-start}.camera-preview{width:min(56vw,220px)}.mode-switcher{gap:4px;margin-right:max(10px,env(safe-area-inset-right));padding:6px}.mode-switcher__button{min-height:30px;padding:0 10px;font-size:12px}.layer-hints{flex-wrap:wrap}.entry-overlay__action{justify-self:stretch}}@media(max-width:480px){.album-card{width:min(38vw,148px)}.focus-photo{width:min(82vw,360px)}.camera-preview{width:min(28vw,132px)}}