.iphone-shell{display:flex;align-items:center;justify-content:center;min-height:100dvh;background:#1a1a1a;padding:24px}.iphone-shell__device{width:393px;height:852px;max-height:calc(100dvh - 48px);border-radius:50px;border:4px solid #2a2a2a;overflow:hidden;position:relative;box-shadow:0 0 0 1px #ffffff0f,0 20px 60px #00000080,inset 0 0 0 1px #ffffff0a;display:flex;flex-direction:column}.iphone-shell__notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:126px;height:34px;background:#000;border-radius:0 0 20px 20px;z-index:20}@media (max-width: 480px){.iphone-shell{padding:0;background:#000}.iphone-shell__device{width:100%;height:100dvh;max-height:none;border-radius:0;border:none;box-shadow:none}.iphone-shell__notch{display:none}}.home-screen{display:flex;flex-direction:column;flex:1;background:linear-gradient(180deg,#0000004d,#0000001a 20%,#0000000d 50%,#00000026,#00000059),url(/ocean-wallpaper.webp) center / cover no-repeat;color:#fff;padding:env(safe-area-inset-top,20px) 20px env(safe-area-inset-bottom,20px);position:relative;overflow:auto}.home-screen__status-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 4px 12px;font-size:15px;font-weight:600}.home-screen__time{min-width:54px}.home-screen__status-icons{display:flex;align-items:center;gap:6px;color:#fff}.home-screen__battery{display:flex;align-items:center;gap:1px}.home-screen__battery-body{width:22px;height:10px;border:1.5px solid rgba(255,255,255,.5);border-radius:2px;padding:1px}.home-screen__battery-fill{width:70%;height:100%;background:#34c759;border-radius:1px}.home-screen__battery-tip{width:2px;height:4px;background:#ffffff4d;border-radius:0 1px 1px 0}.home-screen__memorial{text-align:center;padding:40px 0 48px}.home-screen__memorial-title{font-size:16px;font-weight:300;color:#fffc;margin:0 0 6px;letter-spacing:1.5px;text-transform:uppercase;text-shadow:0 1px 4px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.3)}.home-screen__memorial-name{font-size:36px;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.6),0 0 12px rgba(0,0,0,.3)}.home-screen__grid{display:grid;grid-template-columns:repeat(3,76px);gap:28px 24px;justify-content:center;padding:0 20px}.home-screen__app{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;width:76px}.home-screen__app:active .home-screen__app-icon{transform:scale(.9)}.home-screen__app-icon{width:76px;height:76px;border-radius:17px;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .15s ease;box-shadow:0 4px 12px #00000059}.home-screen__app-icon svg{width:38px;height:38px}.home-screen__app-label{font-size:12px;color:#fff;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.8),0 0 6px rgba(0,0,0,.4)}.home-screen__home-indicator{margin-top:auto;align-self:center;width:134px;height:5px;background:#ffffff4d;border-radius:3px;margin-bottom:4px;flex-shrink:0}:root{--ipad-pro-width: 1024px;--ipad-pro-height: 1366px;--ipad-pro-aspect-ratio: 3 / 4;--ipad-pro-ppi: 264;--ipad-pro-scale: 2;--safe-area-top: 24px;--safe-area-bottom: 20px;--safe-area-left: 0px;--safe-area-right: 0px;--space-unit: 8px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--grid-columns: 12;--grid-gutter: 24px;--grid-margin: 20px;--font-display: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-text: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", SFMono-Regular, "Courier New", monospace;--text-large-title: 34px;--text-title-1: 28px;--text-title-2: 22px;--text-title-3: 20px;--text-headline: 17px;--text-body: 17px;--text-callout: 16px;--text-subhead: 15px;--text-footnote: 13px;--text-caption-1: 12px;--text-caption-2: 11px;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-heavy: 800;--leading-tight: 1.2;--leading-snug: 1.3;--leading-normal: 1.41;--leading-relaxed: 1.5;--tracking-tight: -.41px;--tracking-normal: 0px;--tracking-wide: .38px;--nav-bar-height: 50px;--nav-bar-height-large: 102px;--tab-bar-height: 50px;--tab-bar-home-indicator: 20px;--tab-bar-total: 70px;--tab-bar-icon: 25px;--toolbar-height: 50px;--sidebar-collapsed: 88px;--sidebar-expanded: 320px;--sidebar-row-height: 44px;--sidebar-icon-size: 24px;--sidebar-gap: 16px;--split-view-one-third: 320px;--split-view-half: 512px;--split-view-two-thirds: 640px;--popover-min-width: 200px;--popover-max-width: 400px;--popover-radius: 12px;--popover-arrow-size: 12px;--popover-shadow: 0 10px 40px rgba(0, 0, 0, .15);--radius-card: 10px;--radius-button: 8px;--radius-popover: 12px;--radius-alert: 14px;--radius-sheet: 20px;--radius-icon: 22.5%;--icon-app: 167px;--icon-tab-bar: 25px;--icon-nav-bar: 22px;--icon-sidebar: 24px;--icon-toolbar: 22px;--touch-target-min: 44px;--list-row-height: 44px;--text-field-height: 36px;--segment-height: 36px;--ios-label: #000000;--ios-secondary-label: rgba(60, 60, 67, .6);--ios-tertiary-label: rgba(60, 60, 67, .3);--ios-quaternary-label: rgba(60, 60, 67, .18);--ios-system-background: #ffffff;--ios-secondary-background: #f2f2f7;--ios-tertiary-background: #ffffff;--ios-grouped-background: #f2f2f7;--ios-secondary-grouped-background: #ffffff;--ios-tertiary-grouped-background: #f2f2f7;--ios-system-blue: #007aff;--ios-system-green: #34c759;--ios-system-indigo: #5856d6;--ios-system-orange: #ff9500;--ios-system-pink: #ff2d55;--ios-system-purple: #af52de;--ios-system-red: #ff3b30;--ios-system-teal: #5ac8fa;--ios-system-yellow: #ffcc00;--ios-system-gray: #8e8e93;--ios-system-gray2: #aeaeb2;--ios-system-gray3: #c7c7cc;--ios-system-gray4: #d1d1d6;--ios-system-gray5: #e5e5ea;--ios-system-gray6: #f2f2f7;--ios-separator: rgba(60, 60, 67, .29);--ios-opaque-separator: #c6c6c8;--ios-system-fill: rgba(120, 120, 128, .2);--ios-secondary-system-fill: rgba(120, 120, 128, .16);--ios-tertiary-system-fill: rgba(118, 118, 128, .12);--ios-quaternary-system-fill: rgba(116, 116, 128, .08)}@media (prefers-color-scheme: dark){:root{--ios-label: #ffffff;--ios-secondary-label: rgba(235, 235, 245, .6);--ios-tertiary-label: rgba(235, 235, 245, .3);--ios-quaternary-label: rgba(235, 235, 245, .16);--ios-system-background: #000000;--ios-secondary-background: #1c1c1e;--ios-tertiary-background: #2c2c2e;--ios-grouped-background: #000000;--ios-secondary-grouped-background: #1c1c1e;--ios-tertiary-grouped-background: #2c2c2e;--ios-system-blue: #0a84ff;--ios-system-green: #30d158;--ios-system-indigo: #5e5ce6;--ios-system-orange: #ff9f0a;--ios-system-pink: #ff375f;--ios-system-purple: #bf5af2;--ios-system-red: #ff453a;--ios-system-teal: #64d2ff;--ios-system-yellow: #ffd60a;--ios-system-gray: #8e8e93;--ios-system-gray2: #636366;--ios-system-gray3: #48484a;--ios-system-gray4: #3a3a3c;--ios-system-gray5: #2c2c2e;--ios-system-gray6: #1c1c1e;--ios-separator: rgba(84, 84, 88, .29);--ios-opaque-separator: #38383a;--ios-system-fill: rgba(120, 120, 128, .32);--ios-secondary-system-fill: rgba(120, 120, 128, .24);--ios-tertiary-system-fill: rgba(118, 118, 128, .18);--ios-quaternary-system-fill: rgba(116, 116, 128, .12)}}*{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--font-text);font-size:17px;line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--ios-system-background);color:var(--ios-label)}.ipad-safe-area{padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom);padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}.ipad-container{width:var(--ipad-pro-width);height:var(--ipad-pro-height);max-width:100%;max-height:100%;margin:0 auto;background-color:var(--ios-system-background);overflow:hidden;position:relative}.text-large-title{font-size:var(--text-large-title);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.text-title-1{font-size:var(--text-title-1);font-weight:var(--font-bold);line-height:var(--leading-tight)}.text-title-2{font-size:var(--text-title-2);font-weight:var(--font-bold);line-height:var(--leading-snug)}.text-title-3{font-size:var(--text-title-3);font-weight:var(--font-semibold);line-height:var(--leading-snug)}.text-headline{font-size:var(--text-headline);font-weight:var(--font-semibold);line-height:var(--leading-normal);letter-spacing:var(--tracking-tight)}.text-body{font-size:var(--text-body);font-weight:var(--font-regular);line-height:var(--leading-normal);letter-spacing:var(--tracking-tight)}.text-callout{font-size:var(--text-callout);font-weight:var(--font-regular);line-height:var(--leading-normal)}.text-subhead{font-size:var(--text-subhead);font-weight:var(--font-regular);line-height:var(--leading-normal)}.text-footnote{font-size:var(--text-footnote);font-weight:var(--font-regular);line-height:var(--leading-normal)}.text-caption-1{font-size:var(--text-caption-1);font-weight:var(--font-regular);line-height:var(--leading-tight)}.text-caption-2{font-size:var(--text-caption-2);font-weight:var(--font-regular);line-height:var(--leading-tight)}.touch-target{min-width:var(--touch-target-min);min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center}.color-secondary{color:var(--ios-secondary-label)}.color-tertiary{color:var(--ios-tertiary-label)}.color-quaternary{color:var(--ios-quaternary-label)}