:root,.dark{--moment-canvas:#061124;--moment-panel:#111e36;--moment-ink:#f4f7ff;--moment-muted:#aec0e2;--moment-edge:#3d577e;--moment-cyan:#22d7e8;--moment-purple:#9852f5}.moment-screen{background:var(--moment-canvas);color:var(--moment-ink);min-height:100dvh;padding:1rem 1rem calc(7rem + env(safe-area-inset-bottom))}.moment-capture-screen{padding-top:calc(env(safe-area-inset-top,0px) + 4.5rem)}@media(min-width:768px){.moment-capture-screen{padding-top:1rem}}.moment-editor{max-width:34rem;margin:0 auto;border:1px solid var(--moment-edge);border-radius:1.6rem;padding:1.15rem;box-shadow:0 12px 40px #0003}.moment-editor h1{font-size:clamp(1.65rem,7vw,2.2rem);font-weight:750;letter-spacing:-.04em;line-height:1.15}.moment-editor p,.moment-subtitle{color:var(--moment-muted)}.moment-section{margin-top:1rem}.moment-label{display:block;font-size:.85rem;margin-bottom:.5rem;color:var(--moment-muted)}.moment-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.moment-venue-indicator{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;border:1px solid var(--moment-edge);background:var(--moment-panel);border-radius:2rem;padding:.4rem .8rem;margin-top:.75rem}.moment-screen button,.moment-gallery button{touch-action:manipulation}.moment-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:.6rem .8rem;border:1px solid var(--moment-edge);border-radius:.85rem;background:var(--moment-panel);color:var(--moment-ink);font-size:.85rem}.moment-button:disabled{opacity:.5}.moment-primary{background:linear-gradient(110deg,var(--moment-purple),var(--moment-cyan));font-weight:650;border:none}.moment-link{color:var(--moment-muted);font-size:.8rem;white-space:nowrap}.moment-carousel{display:flex;gap:.55rem;overflow-x:auto!important;touch-action:pan-x!important;padding:.15rem 0 .35rem;max-width:100%}.moment-venue{flex:0 0 6.8rem;min-height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;border:1px solid var(--moment-edge);border-radius:.65rem;background:var(--moment-panel);padding:.4rem;font-size:.7rem;text-align:center}.moment-venue img{height:35px;width:85px;-o-object-fit:contain;object-fit:contain}.moment-venue span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.moment-selected{border-color:var(--moment-cyan)!important;box-shadow:0 0 10px #22d7e82e}.moment-formats{display:flex;gap:.25rem;background:var(--moment-panel);padding:.25rem;border:1px solid var(--moment-edge);border-radius:1rem}.moment-formats button{flex:1;border:none;background:transparent;white-space:nowrap;font-size:.75rem;min-height:42px;border-radius:.75rem}.moment-formats button[aria-pressed=true]{background:linear-gradient(110deg,var(--moment-cyan),var(--moment-purple))}.moment-preview{margin-top:1rem;position:relative;border-radius:.9rem;overflow:hidden;border:1px solid var(--moment-cyan);background:var(--moment-canvas);box-shadow:0 0 18px #22d7e826}.moment-preview canvas{display:block;width:100%;height:auto;touch-action:none}.moment-thumbnails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.moment-thumbnail{min-width:0;padding:.15rem;border:1px solid var(--moment-edge);border-radius:.55rem;background:var(--moment-canvas)}.moment-thumbnail canvas,.moment-thumbnail img{display:block;width:100%;aspect-ratio:4/3;-o-object-fit:contain;object-fit:contain}.moment-thumbnail span{display:block;font-size:.6rem;line-height:1.3;padding:.3rem .1rem;color:var(--moment-muted)}.moment-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.moment-full{grid-column:1/-1}.moment-controls{display:grid;grid-template-columns:1fr;gap:.6rem;padding:.65rem 0}.moment-controls label{display:flex;align-items:center;gap:.65rem;font-size:.75rem;color:var(--moment-muted)}.moment-controls input[type=range]{flex:1;min-width:0;accent-color:var(--moment-cyan)}.moment-input{width:100%;min-height:44px;border:1px solid var(--moment-edge);border-radius:.7rem;background:var(--moment-panel);color:var(--moment-ink);padding:.65rem}.moment-status{padding:.8rem;border-radius:.75rem;border:1px solid var(--moment-edge);font-size:.85rem;margin-top:.8rem}.moment-error{border-color:#f87171;color:#fecaca}.moment-gallery{background:var(--moment-canvas);padding:1rem;border:1px solid var(--moment-edge);border-radius:1rem}.moment-saved-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem}.moment-saved{overflow:hidden;border:1px solid var(--moment-edge);border-radius:.75rem;background:var(--moment-panel);color:var(--moment-ink);text-align:left}.moment-saved img{width:100%;height:180px;-o-object-fit:contain;object-fit:contain}.moment-saved span{display:block;font-size:.75rem;padding:.6rem}.moment-manager-list{display:grid;gap:.75rem;margin-top:1rem}.moment-manager-list article{border:1px solid var(--moment-edge);border-radius:.75rem;padding:.8rem}.moment-downloads{display:flex;justify-content:center;gap:1rem;margin-top:.9rem;font-size:.75rem}.moment-downloads a{color:var(--moment-cyan)}