:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--night:#0b1f3a;--smoke:#1b3556;--genie-blue:#2e9cca;--brass:#e8b14b;--brass-press:#c8941f;--spark:#fde68a;--carpet:#c84b4b;--parchment:#faf7f2;--bg:var(--night);--surface:var(--smoke);--ink:#fff;--ink-on-paper:#0b1f3a;--muted:#8aa4c7;--accent:var(--brass);--accent-press:var(--brass-press);--danger:var(--carpet);--border:#ffffff1f;--radius:12px}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--ink);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px}#root{flex-direction:column;display:flex}.app-shell{width:100%;max-width:480px;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom);flex-direction:column;flex:1;margin:0 auto;display:flex}.app-header{justify-content:space-between;align-items:center;padding:12px 4px;display:flex}.app-header h1{margin:0;font-size:18px;font-weight:600}.header-action{min-height:36px;color:var(--muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:0 12px;font-size:13px;font-weight:500}.header-action:active{color:var(--ink);border-color:#ffffff47}.header-actions{align-items:center;gap:8px;display:flex}.wordmark{width:auto;height:40px;color:var(--brass);display:block}.auth-loading{background:var(--night);position:fixed;inset:0}.splash{background:var(--night);z-index:1000;padding:env(safe-area-inset-top) 24px env(safe-area-inset-bottom);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:24px;transition:opacity .32s ease-out;display:flex;position:fixed;inset:0}.splash--leaving{opacity:0;pointer-events:none}.splash__glow{pointer-events:none;background:radial-gradient(at 50% 45%,#e8b14b38 0%,#e8b14b00 58%);animation:3.8s ease-out both rg-splash-glow;position:absolute;inset:0}.splash__lamp-wrap{aspect-ratio:1;touch-action:manipulation;width:min(60vw,320px);animation:.76s cubic-bezier(.22,1,.36,1) both rg-splash-lamp-in,4.2s ease-in-out .76s infinite rg-splash-lamp-float;position:relative}.splash__lamp{filter:drop-shadow(0 12px 40px #e8b14b47);width:100%;height:100%;display:block}@keyframes rg-splash-lamp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.splash__egg{aspect-ratio:1;background-color:var(--genie-blue);filter:blur(8px)drop-shadow(0 0 12px #2e9cca99);opacity:0;pointer-events:none;width:38%;margin-left:-19%;position:absolute;top:0;left:50%;transform:translateY(-10%)scale(.5);-webkit-mask:url(/personal-logo.svg) 50%/contain no-repeat;mask:url(/personal-logo.svg) 50%/contain no-repeat}.splash__egg--active{animation:1.7s cubic-bezier(.22,1,.36,1) forwards rg-splash-egg}@keyframes rg-splash-egg{0%{opacity:0;filter:blur(10px)drop-shadow(0 0 4px #2e9cca00);transform:translateY(-10%)scale(.55)}25%{opacity:.92;filter:blur()drop-shadow(0 0 14px #2e9ccabf);transform:translateY(-55%)scale(1)}65%{opacity:.92;filter:blur()drop-shadow(0 0 14px #2e9cca99);transform:translateY(-75%)scale(1.05)}to{opacity:0;filter:blur(6px)drop-shadow(0 0 4px #2e9cca00);transform:translateY(-110%)scale(1.1)}}@media (prefers-reduced-motion:reduce){.splash__egg--active{opacity:.5;filter:none;animation:none;transform:translateY(-55%)scale(1)}}.splash__wordmark-wrap{opacity:0;animation:.64s cubic-bezier(.22,1,.36,1) .9s both rg-splash-wordmark-in}.splash__wordmark{width:auto;height:clamp(48px,9vw,72px);color:var(--brass)}@keyframes rg-splash-glow{0%{opacity:0}35%{opacity:1}to{opacity:.6}}@keyframes rg-splash-lamp-in{0%{opacity:0;transform:scale(.82)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes rg-splash-wordmark-in{0%{opacity:0;transform:translateY(14px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.splash__glow,.splash__lamp-wrap,.splash__wordmark-wrap{opacity:1;transform:none;animation:none!important}}.splash--locked{cursor:default;padding-top:max(env(safe-area-inset-top), 64px);justify-content:flex-start}.splash__lamp-btn{cursor:pointer;appearance:none;background:0 0;border:0;outline:none;padding:0}.splash__lamp-btn:disabled{cursor:progress;opacity:.7}.locked-panel{text-align:center;flex-direction:column;align-items:stretch;gap:12px;width:100%;max-width:320px;display:flex}.locked-panel__hint{color:var(--ink);opacity:.85;margin:0;font-size:15px}.locked-panel__view{flex-direction:column;gap:12px;animation:.22s cubic-bezier(.22,1,.36,1) both rg-locked-view-in;display:flex}@keyframes rg-locked-view-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.locked-panel__view{animation:none}}.locked-panel__error{color:var(--danger);margin:0;font-size:13px}.locked-form{text-align:left;flex-direction:column;gap:10px;display:flex}.locked-form label{margin-bottom:0}.locked-code-input{text-align:center;letter-spacing:8px;min-height:60px;padding:10px 12px;font-family:SFMono-Regular,Consolas,Menlo,monospace;font-size:28px}.locked-code-actions{justify-content:space-between;gap:8px;display:flex}.locked-code-actions button{flex:1}.admin-modal{max-height:calc(100% - env(safe-area-inset-top) - 24px);overflow:auto}.admin-modal__header{justify-content:space-between;align-items:center;display:flex}.admin-modal__header .link-button{height:auto;min-height:0;color:var(--ink-on-paper);opacity:.7;flex:none;align-self:center;padding:0;font-size:14px}.admin-list{margin-bottom:4px}.admin-list .recipient-list__email{flex-direction:column;gap:2px;display:flex}.admin-badge,.admin-meta{text-transform:uppercase;letter-spacing:.06em;opacity:.7;font-size:11px;font-weight:600}.admin-badge{color:var(--brass-press)}.admin-meta--pending{color:var(--genie-blue);opacity:1}.admin-add{flex-direction:column;gap:8px;margin-top:8px;display:flex}.admin-add label{margin-bottom:0}.admin-add__row{align-items:stretch;gap:8px;display:flex}.admin-add__row input{flex:1;min-width:0}.admin-add__row button{flex:none;padding:0 18px}.admin-activity{border-top:1px solid var(--border);margin-top:24px;padding-top:16px}.admin-activity__heading{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 10px;font-size:14px;font-weight:600}.admin-activity__list{flex-direction:column;gap:0;max-height:320px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.admin-activity__item{border-bottom:1px solid var(--border);padding:10px 4px}.admin-activity__item:last-child{border-bottom:0}.admin-activity__row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.admin-activity__event{font-size:14px;font-weight:500}.admin-activity__time{white-space:nowrap;font-size:12px}.admin-activity__detail{word-break:break-all;margin-top:2px;font-size:12px}.shimmer-btn{isolation:isolate;transition:transform .12s ease-out,box-shadow .2s ease-out;position:relative;overflow:hidden}.shimmer-btn:active{transform:scale(.97);box-shadow:0 0 24px #e8b14b80}.shimmer-btn:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(105deg,#0000 0% 38%,#fde68ab3 50%,#0000 62% 100%);position:absolute;inset:0;transform:translate(-110%)}.shimmer-btn.shimmer-btn--active:before{animation:.6s cubic-bezier(.22,1,.36,1) forwards rg-shimmer}@keyframes rg-shimmer{to{transform:translate(110%)}}@media (prefers-reduced-motion:reduce){.shimmer-btn.shimmer-btn--active:before{animation:none}.shimmer-btn:active{transform:none}}.smoke-spinner{vertical-align:middle;color:var(--brass);justify-content:center;align-items:center;display:inline-flex}.primary .smoke-spinner{color:var(--ink-on-paper)}.smoke-spinner svg{width:100%;height:100%;overflow:visible}.smoke-spinner__ring{transform-origin:16px 16px}.smoke-spinner__ring--outer{animation:1.6s cubic-bezier(.65,0,.35,1) infinite rg-smoke-rotate}.smoke-spinner__ring--inner{animation:2.4s cubic-bezier(.65,0,.35,1) infinite rg-smoke-rotate-rev}.smoke-spinner__spark{fill:var(--spark);animation:1.6s ease-in-out infinite rg-smoke-spark}@keyframes rg-smoke-rotate{to{transform:rotate(360deg)}}@keyframes rg-smoke-rotate-rev{to{transform:rotate(-360deg)}}@keyframes rg-smoke-spark{0%,to{opacity:1;r:1.6}50%{opacity:.45;r:2.2}}@media (prefers-reduced-motion:reduce){.smoke-spinner__ring--outer,.smoke-spinner__ring--inner,.smoke-spinner__spark{animation:none}}.screen{flex-direction:column;flex:1;gap:16px;padding-top:8px;padding-bottom:24px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card--error{border-color:var(--danger)}.card--error strong{color:var(--danger)}.card--error p{margin:6px 0 0}.button-row{gap:12px;display:flex}button.primary,button.secondary,button.ghost{border-radius:var(--radius);cursor:pointer;border:none;flex:1;min-height:52px;padding:0 16px;font-size:16px;font-weight:600}button.primary{background:var(--accent);color:var(--ink-on-paper)}button.primary:active{background:var(--accent-press)}button.secondary{color:var(--ink);border:1px solid var(--genie-blue);background:0 0}button.secondary:active{background:#2e9cca1f}button.ghost{color:var(--muted);background:0 0}button.ghost:active{color:var(--ink)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,.header-action:focus-visible,.recipient-list__delete:focus-visible,.note-editor__color:focus-visible{outline:2px solid var(--genie-blue);outline-offset:2px;box-shadow:0 0 0 4px #2e9cca40}input[type=text],input[type=email]{border:1px solid var(--border);border-radius:var(--radius);width:100%;min-height:48px;color:var(--ink);background:#ffffff0a;padding:0 12px;font-size:16px}input[type=text]:focus,input[type=email]:focus{border-color:var(--genie-blue);outline:none;box-shadow:0 0 0 3px #2e9cca40}input[type=text]::placeholder,input[type=email]::placeholder{color:var(--muted)}label{color:var(--muted);margin-bottom:6px;font-size:13px;display:block}.modal-backdrop{z-index:50;background:#000000a6;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--parchment);color:var(--ink-on-paper);width:100%;max-width:480px;padding:20px 16px calc(20px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;flex-direction:column;gap:16px;display:flex}.modal input[type=text],.modal input[type=email]{color:var(--ink-on-paper);background:#fff;border-color:#0b1f3a2e}.modal label,.modal .muted{color:#0b1f3aa6}.modal h2{color:var(--ink-on-paper)}.modal button.secondary{color:var(--ink-on-paper);border-color:#2e9cca8c}.modal button.secondary:active{background:#2e9cca14}.modal button.ghost{color:#0b1f3a99}.modal button.ghost:active{color:var(--ink-on-paper)}.preview-canvas{border-radius:var(--radius);touch-action:none;background:#000;width:100%;height:auto}.muted{color:var(--muted);font-size:13px}.quad-editor{-webkit-user-select:none;user-select:none;touch-action:none;background:#000;border-radius:8px;position:relative;overflow:hidden}.quad-editor__image{pointer-events:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.quad-editor__outline{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.quad-editor__handle{touch-action:none;cursor:grab;width:44px;height:44px;position:absolute;transform:translate(-50%,-50%)}.quad-editor__handle:after{content:"";background:var(--spark);border:3px solid var(--brass);border-radius:50%;transition:transform .12s ease-out,box-shadow .12s ease-out,background .12s ease-out;position:absolute;inset:12px;box-shadow:0 2px 8px #00000080}.quad-editor__handle:active:after{background:var(--brass);transform:scale(1.18);box-shadow:0 2px 8px #00000080,0 0 0 6px #e8b14b47}@media (prefers-reduced-motion:reduce){.quad-editor__handle:after{transition:none}.quad-editor__handle:active:after{transform:none}}.note-editor-wrap{flex-direction:column;gap:10px;display:flex}.note-editor{-webkit-user-select:none;user-select:none;touch-action:none;position:relative;container-type:inline-size}.note-editor__image{pointer-events:none;-webkit-user-drag:none;background:#000;border-radius:8px;width:100%;height:auto;display:block}.note-editor__note{white-space:nowrap;cursor:grab;touch-action:none;outline-offset:2px;border-radius:4px;outline:1px dashed #e8b14b8c;padding:4px 8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700;line-height:1.1;position:absolute;transform:translate(-50%)}.note-editor__note:active{cursor:grabbing;outline-color:#e8b14be6}.note-editor__note>span{pointer-events:none}.note-editor__resize{background:var(--spark);border:2px solid var(--brass);cursor:nwse-resize;touch-action:none;border-radius:50%;width:32px;height:32px;position:absolute;bottom:-10px;right:-10px;box-shadow:0 2px 8px #00000080}.note-editor__field-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:10px 2px 6px;font-size:12px;font-weight:500;display:block}.note-editor__colors{justify-content:center;align-items:center;gap:10px;margin-top:2px;display:flex}.note-editor__colors-label{text-transform:uppercase;letter-spacing:.04em;margin-right:auto;padding-left:4px;font-size:12px;font-weight:500}.note-editor__color{cursor:pointer;border:2px solid #ffffff52;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:11px;font-weight:600;display:inline-flex}.note-editor__color.is-active{border-color:var(--brass);box-shadow:0 0 0 2px #e8b14b59}.field{flex-direction:column;margin-bottom:12px;display:flex}.field:last-child{margin-bottom:0}.field-row{gap:10px;display:flex}.field-row .field{flex:1}.filename-row{align-items:center;gap:6px;display:flex}.filename-row input{flex:1;min-width:0}.filename-ext{flex:none}.link-button{height:auto;min-height:0;color:var(--accent);align-self:flex-start;padding:8px 0 0;font-size:13px;font-weight:500}.select{border-radius:var(--radius);border:1px solid var(--border);width:100%;min-height:48px;color:var(--ink);background:#ffffff0a;margin-bottom:8px;padding:0 12px;font-size:16px}.select option{background:var(--smoke);color:var(--ink)}.checkbox-row{color:var(--ink);align-items:center;gap:8px;margin-top:10px;font-size:14px;display:flex}.card-header{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.card-header label{margin-bottom:0}.card-header__action{height:auto;min-height:0;color:var(--accent);flex:none;align-self:baseline;padding:0;font-size:13px;font-weight:500}.field-error{color:var(--danger);margin:6px 0 0;font-size:13px}.recipient-list{flex-direction:column;gap:6px;margin:0 0 8px;padding:0;list-style:none;display:flex}.recipient-list__item{border:1px solid var(--border);background:#ffffff0a;border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:8px 10px;display:flex}.recipient-list__email{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;overflow:hidden}.recipient-list__delete{border:1px solid var(--border);width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;flex:none;font-size:20px;line-height:1}.recipient-list__delete:active{color:var(--carpet);border-color:var(--carpet);background:#c84b4b2e}.result-card{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:36px 16px;display:flex}.result-title{opacity:0;margin:4px 0 0;font-size:22px;font-weight:600;animation:.52s cubic-bezier(.22,1,.36,1) 1.85s forwards rg-result-content-in}.result-recipient{word-break:break-all;opacity:0;margin:0;font-size:15px;animation:.52s cubic-bezier(.22,1,.36,1) 2.02s forwards rg-result-content-in}.result-filename{word-break:break-all;opacity:0;margin:0;animation:.52s cubic-bezier(.22,1,.36,1) 2.18s forwards rg-result-content-in}.result-cta{opacity:0;animation:.52s cubic-bezier(.22,1,.36,1) 2.35s forwards rg-result-content-in}@keyframes rg-result-content-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.result-title,.result-recipient,.result-filename,.result-cta{opacity:1;transform:none;animation:none!important}}.wish-sent{aspect-ratio:1;width:min(78vw,300px);margin:0 auto;position:relative}.wish-sent__lamp{filter:drop-shadow(0 12px 32px #e8b14b52);z-index:1;width:100%;height:100%;display:block;position:relative}.wish-sent__glow{opacity:0;pointer-events:none;background:radial-gradient(circle,#e8b14b61 0%,#e8b14b2e 35%,#e8b14b00 65%);border-radius:50%;animation:2.4s ease-out forwards rg-wish-glow;position:absolute;inset:8%}@keyframes rg-wish-glow{0%{opacity:0;transform:scale(.6)}20%{opacity:1;transform:scale(1)}85%{opacity:.7;transform:scale(1.05)}to{opacity:.45;transform:scale(1)}}.wish-sent__puff{filter:drop-shadow(0 0 6px #fde68ae6);opacity:0;pointer-events:none;z-index:2;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-12 -12 24 24'><path d='M0 -12 L2.2 -2.2 L12 0 L2.2 2.2 L0 12 L-2.2 2.2 L-12 0 L-2.2 -2.2 Z' fill='%23FDE68A'/></svg>") 50%/contain no-repeat;width:18px;height:18px;margin:-9px 0 0 -9px;animation:1.3s cubic-bezier(.22,1,.36,1) forwards rg-wish-puff;position:absolute;top:28%;left:50%;transform:translate(0)scale(0)}@keyframes rg-wish-puff{0%{opacity:0;transform:translate(0)scale(0)rotate(0)}35%{opacity:1;transform:translate(28px,-22px)scale(1.2)rotate(45deg)}to{opacity:0;transform:translate(56px,-54px)scale(.5)rotate(120deg)}}@media (prefers-reduced-motion:reduce){.wish-sent__glow,.wish-sent__puff{opacity:.5;transform:none;animation:none!important}}