:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#090714;--bg-secondary:#131125;--bg-tertiary:#1c1a36;--accent-gradient:linear-gradient(135deg, #ec4899 0%, #8b5cf6 50%, #3b82f6 100%);--accent-pink:#ec4899;--accent-purple:#8b5cf6;--accent-blue:#3b82f6;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--glass-bg:#131125b3;--glass-border:#ffffff14;--glass-highlight:#ffffff08;--shadow-sm:0 2px 8px -2px #00000080;--shadow-md:0 12px 24px -4px #0009;--shadow-lg:0 20px 40px -8px #000c;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);overscroll-behavior-y:contain;min-height:100vh;font-size:15px;overflow-x:hidden}input,button,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-md)}.glass-card{background:linear-gradient(135deg, #ffffff0d 0%, #ffffff03 100%), var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:active,.glass-card.interactive:hover{box-shadow:var(--shadow-md);background:linear-gradient(135deg, #ffffff14 0%, #ffffff05 100%), var(--glass-bg);border-color:#ffffff26;transform:translateY(-2px)}.text-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-weight:800}.app-container{background-color:var(--bg-primary);border-left:1px solid var(--glass-border);border-right:1px solid var(--glass-border);max-width:480px;height:100vh;box-shadow:var(--shadow-lg);flex-direction:column;margin:0 auto;display:flex;position:relative}.app-content{padding:calc(20px + var(--safe-area-inset-top)) 20px calc(80px + var(--safe-area-inset-bottom)) 20px;flex:1;overflow-y:auto}.bottom-nav{height:calc(64px + var(--safe-area-inset-bottom));padding-bottom:var(--safe-area-inset-bottom);border-top:1px solid var(--glass-border);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);z-index:100;grid-template-columns:repeat(3,1fr);align-items:center;display:grid;position:absolute;bottom:0;left:0;right:0}.nav-item{color:var(--text-secondary);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:100%;font-size:11px;font-weight:500;transition:color .2s;display:flex}.nav-item.active{color:var(--accent-purple)}.nav-item svg{transition:transform .2s}.nav-item:active svg{transform:scale(.9)}.input-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.input-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.input-field{border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);-webkit-user-select:text;user-select:text;padding:12px 16px;transition:all .2s}.input-field:focus{border-color:var(--accent-purple);background:var(--bg-tertiary);box-shadow:0 0 0 2px #8b5cf633}.btn{border-radius:var(--radius-md);cursor:pointer;text-align:center;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.btn-primary:active{opacity:.95;transform:scale(.98);box-shadow:0 2px 6px #8b5cf633}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--glass-border);color:var(--text-primary)}.btn-secondary:active{background:#ffffff0d}.btn-danger{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.btn-danger:active{background:#ef444440}.fab{bottom:calc(84px + var(--safe-area-inset-bottom));border-radius:var(--radius-full);background:var(--accent-gradient);color:#fff;width:56px;height:56px;box-shadow:var(--shadow-lg), 0 8px 16px #ec48994d;cursor:pointer;z-index:90;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;right:20px}.fab:active{transform:scale(.9)rotate(45deg)}.camera-container{z-index:200;background:#000;flex-direction:column;display:flex;position:absolute;inset:0}.camera-preview{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.camera-guide-overlay{pointer-events:none;border:40px solid #0009;position:absolute;inset:0}.camera-guide-frame{border:2px dashed var(--accent-pink);border-radius:var(--radius-md);width:100%;height:100%;position:relative;box-shadow:0 0 0 9999px #0006}.camera-guide-frame:before{content:"명함을 가이드선에 맞추어 주세요";color:#fff;white-space:nowrap;border-radius:var(--radius-full);background:#000000b3;padding:4px 12px;font-size:12px;position:absolute;bottom:-32px;left:50%;transform:translate(-50%)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-pulse{animation:1.5s infinite pulse}.spinner{border:3px solid #ffffff1a;border-top-color:var(--accent-purple);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}