: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,.signin *,.signin :before,.signin :after{box-sizing:border-box}.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)}.signin__dismiss{color:var(--muted);font:400 13px/1.4 var(--font-sans);cursor:pointer;background:0 0;border:0;justify-self:center;padding:4px 0 0}.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}.mosaic__mark{color:#8a90ac;pointer-events:none;background:#0a0e1cb8;border:1px dashed #8a90acbf;border-radius:999px;justify-content:center;align-items:center;width:clamp(12px,18%,22px);height:clamp(12px,18%,22px);font-size:clamp(8px,11%,13px);font-weight:500;line-height:1;display:none;position:absolute;bottom:8%;right:8%}.mosaic__grid--marks .mosaic__tile--unidentified .mosaic__mark{display:flex}.mosaic__grid--marks .mosaic__tile--in-progress:after{content:"";border-radius:inherit;pointer-events:none;border:2px solid #b0c5d3cc;animation:1.1s ease-in-out infinite mus-pulse;position:absolute;inset:0}.connect,.connect *{box-sizing:border-box}.connect{z-index:5;pointer-events:none;font-family:var(--font-sans);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:absolute;inset:0}.connect__label{letter-spacing:.16em}.connect__headline{color:#f9f8f4;margin:0 0 14px;font-size:21px;font-weight:300}.connect__door{pointer-events:auto;text-align:left;-webkit-backdrop-filter:blur(20px)saturate(1.6);backdrop-filter:blur(20px)saturate(1.6);width:min(340px,100%);color:inherit;cursor:pointer;background:#0e132873;border:1px solid #e56e4d80;border-radius:16px;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 18px;font-family:inherit;transition:transform .13s;display:flex;box-shadow:inset 0 1px #ffffff1f}.connect__door:active{transform:scale(.98)}.connect__door--offline{opacity:.55;cursor:default}.connect__door-title{letter-spacing:.12em;color:#e56e4d;font-size:11px;font-weight:500}.connect__door-sub{color:#96978b;font-size:12px}.import-strip,.import-strip *{box-sizing:border-box}.import-strip{top:calc(12px + env(safe-area-inset-top));z-index:6;-webkit-backdrop-filter:blur(22px)saturate(1.8);backdrop-filter:blur(22px)saturate(1.8);width:calc(100% - 24px);max-width:560px;font-family:var(--font-sans);background:#0e1328b8;border:1px solid #f9f8f424;border-radius:14px;padding:11px 14px;animation:.26s mus-pop;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000073,inset 0 1px #ffffff24}@keyframes mus-pop{0%{transform:translate(-50%)scale(.96)}60%{transform:translate(-50%)scale(1.012)}to{transform:translate(-50%)scale(1)}}@keyframes mus-pulse{0%,to{opacity:.35}50%{opacity:1}}.import-strip__row{align-items:center;gap:8px;display:flex}.import-strip__dot{background:#e56e4d;border-radius:999px;flex:none;width:7px;height:7px}.import-strip__dot--pulsing{animation:1.1s ease-in-out infinite mus-pulse}.import-strip__title{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.12em;color:#f9f8f4;flex:1;min-width:0;font-size:10px;font-weight:500;overflow:hidden}.import-strip__action{color:#e56e4d;letter-spacing:.1em;cursor:pointer;background:#e56e4d24;border:1px solid #e56e4d99;border-radius:999px;flex:none;padding:5px 10px;font-family:inherit;font-size:9px;font-weight:500}.import-strip__dismiss{color:#6b7290;cursor:pointer;background:0 0;border:none;flex:none;padding:2px 4px;font-family:inherit;font-size:11px}.import-strip__counters{gap:18px;margin-top:8px;display:flex}.import-strip__counter{align-items:baseline;gap:6px;display:flex}.import-strip__n{font-variant-numeric:tabular-nums;font-size:15px;font-weight:500}.import-strip__counter--resolved .import-strip__n{color:#f9f8f4}.import-strip__counter--progress .import-strip__n{color:#b0c5d3}.import-strip__counter--review .import-strip__n{color:#dbd895}.import-strip__label{letter-spacing:.12em;color:#6b7290;font-size:8px;font-weight:500}.import-strip__note{color:#96978b;text-wrap:pretty;margin:8px 0 0;font-size:11px;line-height:1.55}.import-strip__attribution,.wall-attribution{color:#6b7290;margin:8px 0 0;font-size:9px}.import-strip__attribution a,.wall-attribution a{color:inherit;text-decoration:underline}.wall-attribution{left:0;right:0;bottom:calc(30px + env(safe-area-inset-bottom));text-align:center;z-index:3;pointer-events:none;margin:0;position:absolute}.wall-attribution a{pointer-events:auto}.starter-empty{left:0;right:0;bottom:calc(12px + env(safe-area-inset-bottom));text-align:center;pointer-events:none;padding:0 24px;position:absolute}
