:root{--bg:#070b1c;--bg-gradient:linear-gradient(180deg, #131a38 0%, #0d1329 48%, #070b1c 100%);--panel:#0e1328;--panel-glass:#0e132873;--card-navy-1:#171d3a;--card-navy-2:#1c2244;--card-navy-3:#11172e;--ink:#f9f8f4;--muted:#6b7290;--accent:#e56e4d;--slate:#b0c5d3;--red:#c43b2a;--border-soft:#f9f8f41f;--border-strong:#f9f8f429;--radius-card:16px;--radius-capsule:999px;--shadow-cover:0 22px 60px #0009;--shadow-thumb:0 4px 12px #00000073;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:500}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font-sans);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}#app{position:fixed;inset:0}.canvas{background:var(--bg-gradient);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);position:absolute;inset:0;overflow:hidden}.canvas__glow,.canvas__starfield{pointer-events:none;position:absolute}.canvas__glow--bottom{background:radial-gradient(130% 55% at 50% 112%,#566ebe4d 0%,#566ebe00 62%);inset:0}.canvas__glow--top-left{background:radial-gradient(90% 42% at 16% -8%,#3a4a8c38 0%,#3a4a8c00 60%);inset:0}.canvas__starfield{background:0 0;border-radius:50%;width:1px;height:1px;top:0;left:0}.signin{z-index:10;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.signin__card{background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius-card);width:min(360px,100%);box-shadow:var(--shadow-cover);gap:14px;padding:28px 24px;display:grid}.signin__title{color:var(--ink);font:600 20px/1.2 var(--font-sans);letter-spacing:.01em;margin:0}.signin__hint{color:var(--muted);font:400 14px/1.45 var(--font-sans);margin:0}.signin__email{background:var(--card-navy-3);color:var(--ink);border:1px solid var(--border-strong);border-radius:var(--radius-capsule);font:400 15px/1 var(--font-sans);outline:none;width:100%;padding:12px 16px}.signin__email:focus{border-color:var(--slate)}.signin__send{background:var(--accent);color:var(--ink);border-radius:var(--radius-capsule);font:600 15px/1 var(--font-sans);cursor:pointer;border:none;padding:12px 16px}.signin__send:disabled{opacity:.55;cursor:default}.signin__status{min-height:1.45em;font:400 13px/1.45 var(--font-sans);color:var(--muted);margin:0}.signin__status--error{color:var(--red)}.mosaic{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);touch-action:pan-y;position:absolute;inset:0;overflow:hidden auto}.mosaic__grid{opacity:1;width:100%;transition:opacity .17s;position:relative}.mosaic__tile{background:var(--card-navy-1);box-shadow:var(--shadow-thumb);will-change:transform;contain:strict;border-radius:2px;transition:opacity .26s,filter .26s;position:absolute;top:0;left:0;overflow:hidden}.mosaic__tile--tint-1{background:var(--card-navy-2)}.mosaic__tile--tint-2{background:var(--card-navy-3)}.mosaic__placeholder{box-sizing:border-box;border:1px solid var(--border-soft);border-radius:inherit;flex-direction:column;justify-content:space-between;padding:8%;display:flex;position:absolute;inset:0}.mosaic__initial{color:var(--ink);opacity:.85;font-size:34%;font-weight:600;line-height:1}.mosaic__meta{color:var(--ink);opacity:.7;font-size:11%;line-height:1.35;overflow:hidden}.mosaic__meta b{font-weight:600;display:block}.mosaic__meta span{color:var(--muted);display:block}.mosaic__cover{object-fit:cover;border-radius:inherit;opacity:0;width:100%;height:100%;transition:opacity .16s;position:absolute;inset:0}.mosaic__cover--shown{opacity:1}.mosaic__status{left:0;right:0;bottom:calc(12px + env(safe-area-inset-bottom));text-align:center;pointer-events:none;position:absolute}.mosaic__tile--morph{transition:transform .34s cubic-bezier(.22,.85,.3,1),width .34s cubic-bezier(.22,.85,.3,1),height .34s cubic-bezier(.22,.85,.3,1),opacity .26s,filter .26s}.mosaic__tile--veiled{opacity:0;pointer-events:none}.mosaic__chip{top:calc(12px + env(safe-area-inset-top));z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);letter-spacing:.1em;color:#f9f8f4;white-space:nowrap;pointer-events:none;opacity:0;background:#121830bf;border:1px solid #f9f8f41a;border-radius:999px;padding:6px 12px;font-size:10px;font-weight:500;transition:opacity .22s;position:absolute;right:10px}.mosaic__lens{z-index:4;-webkit-backdrop-filter:blur(26px)saturate(1.9);backdrop-filter:blur(26px)saturate(1.9);touch-action:none;background:#0e132873;border:1px solid #f9f8f424;border-radius:999px;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:118px;right:12px;box-shadow:0 10px 30px #00000080,inset 0 1px #ffffff2e,inset 0 -1px #ffffff0a}@media (orientation:landscape){.mosaic__lens{right:calc(12px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom))}.mosaic__chip{top:calc(74px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right))}}.mosaic__lens-button{color:#f9f8f4;cursor:pointer;background:0 0;border:none;width:38px;height:36px;font-family:inherit;font-size:17px;transition:transform .13s}.mosaic__lens-button:active{transform:scale(.8)}.mosaic__lens-dots{flex-direction:column;align-items:center;gap:5px;padding:3px 0;display:flex}.mosaic__lens-dot{background:#f9f8f447;border-radius:999px;width:5px;height:4px;transition:width .3s cubic-bezier(.3,1.5,.4,1),background .22s}.mosaic__lens-dot--on{background:#f9f8f4;width:16px}