@font-face{font-family:Moneygraphy-Rounded;font-style:normal;font-weight:400;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/fontbee/font@main/Toss/Moneygraphy-Rounded.woff2)format("woff2")}*{box-sizing:border-box}:root{--bg:#050711;--surface:#0b1022;--surface-strong:#111a36;--text:#f8fbff;--muted:#aab6d3;--cyan:#35e7ff;--pink:#ff4fb8;--violet:#8b5cff;--warning:#ffd166;--border:#ffffff29;--shadow:0 24px 90px #00000073;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg);font-synthesis:none;letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Moneygraphy-Rounded,ui-rounded,Apple SD Gothic Neo,Malgun Gothic,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{min-height:100%}body{background:linear-gradient(#35e7ff0b 1px, transparent 1px), linear-gradient(90deg, #ff4fb80a 1px, transparent 1px), radial-gradient(circle at 50% -10%, #8b5cff38, transparent 38%), var(--bg);background-size:36px 36px,36px 36px,auto,auto;min-width:320px;min-height:100svh;margin:0;overflow-x:hidden}button{font:inherit}img,svg,video,canvas{max-width:100%;display:block}.app-shell{width:100%;max-width:480px;min-height:100svh;padding:max(14px, env(safe-area-inset-top)) 14px max(14px, env(safe-area-inset-bottom));isolation:isolate;flex-direction:column;margin:0 auto;display:flex;position:relative}.app-header{justify-content:space-between;align-items:center;gap:10px;padding:4px 0 12px;display:flex}.app-header h1{color:var(--text);letter-spacing:0;text-align:left;text-shadow:0 0 16px #35e7ff6b,0 0 24px #ff4fb847;flex:1;margin:0;font-size:clamp(1.8rem,8vw,2.45rem);font-weight:400;line-height:1.1}.language-toggle{background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;grid-template-columns:repeat(2,minmax(34px,1fr));min-width:76px;padding:3px;display:inline-grid}.language-button{min-height:34px;color:var(--muted);letter-spacing:0;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 8px;font-size:.8rem;font-weight:400}.language-button--active{color:#031017;background:#35e7ff;box-shadow:0 0 18px #35e7ff47}.capture-panel{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.camera-stage{border:1px solid var(--border);width:100%;min-height:360px;max-height:660px;box-shadow:inset 0 0 0 1px #35e7ff14, inset 0 -80px 120px #050711a3, var(--shadow);background:#070914;border-radius:8px;flex:1;position:relative;overflow:hidden}.stage-backdrop,.camera-video,.stage-shine,.viewfinder{position:absolute;inset:0}.stage-backdrop{z-index:0;background:radial-gradient(circle at 30% 18%,#35e7ff3d,#0000 28%),radial-gradient(circle at 76% 74%,#ff4fb838,#0000 28%),linear-gradient(145deg,#0e1637fa,#04050cfa)}.stage-backdrop:before{content:"";background-color:#0000;background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:44px 44px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 74%,#0000);mask-image:linear-gradient(#0000,#000 18% 74%,#0000)}.camera-video{z-index:1;object-fit:contain;opacity:0;background:#050711c7;width:100%;height:100%;transition:opacity .22s}.camera-video--mirrored{transform:scaleX(-1)}.camera-stage--ready .camera-video{opacity:1}.camera-stage--ready .stage-backdrop{opacity:.38}.camera-stage--recording{border-color:#ff4366d1}.stage-shine{z-index:3;pointer-events:none;background:radial-gradient(circle at 18% 16%,#35e7ff33,#0000 34%),radial-gradient(circle at 74% 68%,#ff4fb82e,#0000 36%),linear-gradient(#0000 58%,#05071152)}.viewfinder{z-index:5;pointer-events:none;background:linear-gradient(90deg,#35e7ffc7,#0000) 18px 18px/68px 1px no-repeat,linear-gradient(#35e7ffc7,#0000) 18px 18px/1px 68px no-repeat,linear-gradient(270deg,#ff4fb8c7,#0000) right 18px top 18px/68px 1px no-repeat,linear-gradient(#ff4fb8c7,#0000) right 18px top 18px/1px 68px no-repeat,linear-gradient(90deg,#ff4fb8b8,#0000) left 18px bottom 18px/68px 1px no-repeat,linear-gradient(#0000,#ff4fb8b8) left 18px bottom 18px/1px 68px no-repeat,linear-gradient(270deg,#35e7ffb8,#0000) right 18px bottom 18px/68px 1px no-repeat,linear-gradient(#0000,#35e7ffb8) right 18px bottom 18px/1px 68px no-repeat}.signature-canvas{z-index:8;pointer-events:none;touch-action:auto;width:100%;height:100%;position:absolute;inset:0}.signature-canvas--active{cursor:crosshair;pointer-events:auto;touch-action:none}.recording-pill{z-index:9;color:#fff;letter-spacing:0;pointer-events:none;background:#0f030bb8;border:1px solid #ff4366b8;border-radius:8px;align-items:center;gap:7px;min-height:34px;padding:0 10px;font-size:.84rem;font-weight:400;display:inline-flex;position:absolute;top:14px;left:14px;box-shadow:0 0 22px #ff43664d}.recording-dot{background:#ff4366;border-radius:999px;width:9px;height:9px;animation:1s ease-in-out infinite rec-pulse;box-shadow:0 0 12px #ff4366f2}.photo-flash{z-index:10;pointer-events:none;opacity:0;background:#fff;position:absolute;inset:0}.photo-flash--active{animation:.26s ease-out photo-flash}.recording-ready{color:#dbffed;background:#48ffad1c;border:1px solid #48ffad57;border-radius:8px;margin:0;padding:9px 12px;font-size:.9rem;font-weight:400;line-height:1.35}.controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.action-button{min-height:54px;color:var(--text);letter-spacing:0;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #ffffff2e;border-radius:8px;padding:0 12px;font-size:1rem;font-weight:400;transition:transform .16s,box-shadow .16s,border-color .16s,opacity .16s}.action-button:not(:disabled):active{transform:translateY(1px)scale(.99)}.action-button:focus-visible{outline-offset:3px;outline:3px solid #ffffffb8}.action-button:disabled{cursor:not-allowed;opacity:.64}.action-button--cyan{color:#031017;background:linear-gradient(135deg,#35e7ff,#d9fbff);box-shadow:0 0 28px #35e7ff52}.action-button--violet{color:#fff;background:linear-gradient(135deg,#8b5cff,#5136d8);box-shadow:0 0 28px #8b5cff4d}.action-button--red{color:#fff8fb;background:linear-gradient(135deg,#ff4366,#ff8ba2);box-shadow:0 0 28px #ff436652}.action-button--green{color:#03130b;background:linear-gradient(135deg,#48ffad,#d6ffe9);box-shadow:0 0 28px #48ffad47}.action-button--ghost{color:#f8fbff;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff14}.error-message{color:#fff6d7;background:#ffd1661f;border:1px solid #ffd1665c;border-radius:8px;margin:0;padding:10px 12px;font-size:.9rem;font-weight:400;line-height:1.45}.sr-only{white-space:nowrap;clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@keyframes rec-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.78)}}@keyframes photo-flash{0%{opacity:0}18%{opacity:.78}to{opacity:0}}@media (height<=720px){.camera-stage{min-height:320px}.action-button{min-height:48px;font-size:.92rem}}@media (width>=700px){.app-shell{max-width:430px;padding-block:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}