:root{--ios-bg-top: #f5f5f7;--ios-bg-bot: #e5e5ea;--ios-fg: #1c1c1e;--ios-fg-2: #6e6e73;--ios-glass: rgba(255, 255, 255, .72);--ios-glass-strong: rgba(255, 255, 255, .86);--ios-glass-border: rgba(255, 255, 255, .55);--ios-shadow: 0 8px 30px rgba(20, 22, 30, .12), 0 2px 8px rgba(20, 22, 30, .06);--ios-shadow-strong: 0 20px 60px rgba(20, 22, 30, .22), 0 4px 16px rgba(20, 22, 30, .08);--ios-blue: #007aff;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;color:var(--ios-fg);background:var(--ios-bg-top);overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none;overscroll-behavior:none}button{font-family:inherit}.app{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:1fr}.stage{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 50% 0%,#ffffff 0%,var(--ios-bg-top) 45%,var(--ios-bg-bot) 100%)}.stage__canvas{position:absolute;top:0;right:0;bottom:0;left:0}.stage__canvas canvas{display:block;touch-action:none}.stage__vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(120% 100% at 50% 100%,rgba(0,0,0,.08),transparent 55%);mix-blend-mode:multiply}.topbar{position:absolute;top:calc(12px + var(--safe-top));left:12px;right:12px;display:flex;align-items:center;gap:8px;z-index:10}.topbar__title{flex:1;text-align:center;font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--ios-fg);padding:8px 14px;background:var(--ios-glass);-webkit-backdrop-filter:saturate(180%) blur(24px);backdrop-filter:saturate(180%) blur(24px);border-radius:999px;border:1px solid var(--ios-glass-border);box-shadow:var(--ios-shadow);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bottombar{position:absolute;left:0;right:0;bottom:calc(16px + var(--safe-bottom));display:flex;justify-content:center;align-items:center;gap:10px;z-index:10}.pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--ios-glass-border);background:var(--ios-glass-strong);-webkit-backdrop-filter:saturate(180%) blur(24px);backdrop-filter:saturate(180%) blur(24px);color:var(--ios-fg);width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--ios-shadow);cursor:pointer;transition:transform .05s ease,background .18s ease}.pill:active{transform:scale(.95)}.pill:hover{background:#fff}.sheet{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:#0000002e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-end;justify-content:center;animation:fade-in .18s ease both}.sheet__panel{width:min(420px,calc(100% - 24px));margin-bottom:calc(24px + var(--safe-bottom));background:var(--ios-glass-strong);-webkit-backdrop-filter:saturate(180%) blur(28px);backdrop-filter:saturate(180%) blur(28px);border:1px solid var(--ios-glass-border);border-radius:22px;padding:10px;box-shadow:var(--ios-shadow-strong);animation:slide-up .22s cubic-bezier(.2,.8,.2,1) both}.sheet__handle{width:36px;height:5px;border-radius:999px;background:#3c3c432e;margin:4px auto 8px}.sheet__title{text-align:center;font-size:13px;font-weight:600;color:var(--ios-fg-2);padding:6px 4px 8px}.sheet__row{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;background:transparent;border:0;border-radius:14px;color:var(--ios-fg);font-size:16px;font-weight:500;text-align:left;cursor:pointer}.sheet__row+.sheet__row{margin-top:2px}.sheet__row:hover{background:#0000000a}.sheet__row:active{background:#00000014}.sheet__rowIcon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;color:var(--ios-blue)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:15}.overlay--center{display:flex;align-items:center;justify-content:center}.overlay--drop{background:#007aff0f;outline:2px dashed rgba(0,122,255,.5);outline-offset:-16px;border-radius:0}.app.is-dragover .stage{filter:brightness(1.02)}.spinner{width:36px;height:36px;border-radius:50%;border:3px solid rgba(0,0,0,.08);border-top-color:var(--ios-fg);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.errorCard{pointer-events:auto;max-width:min(380px,calc(100% - 32px));padding:18px 18px 14px;background:var(--ios-glass-strong);-webkit-backdrop-filter:saturate(180%) blur(24px);backdrop-filter:saturate(180%) blur(24px);border:1px solid var(--ios-glass-border);border-radius:18px;text-align:center;box-shadow:var(--ios-shadow-strong)}.errorCard__title{font-size:15px;font-weight:600;margin-bottom:6px}.errorCard__body{font-size:13px;color:var(--ios-fg-2);margin-bottom:14px;word-break:break-word}.errorCard .pill{width:auto;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;color:var(--ios-blue)}.emptyState{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 32px 24px;max-width:min(420px,calc(100% - 32px));background:var(--ios-glass-strong);-webkit-backdrop-filter:saturate(180%) blur(24px);backdrop-filter:saturate(180%) blur(24px);border:1px solid var(--ios-glass-border);border-radius:22px;box-shadow:var(--ios-shadow-strong);text-align:center}.emptyState__brand{height:22px;width:auto;margin-bottom:6px;opacity:.9}.emptyState__icon{width:64px;height:64px;border-radius:50%;background:#007aff1a;color:var(--ios-blue);display:inline-flex;align-items:center;justify-content:center;margin-bottom:4px}.emptyState__title{font-size:17px;font-weight:600;letter-spacing:-.01em}.emptyState__hint{font-size:13px;color:var(--ios-fg-2);margin-bottom:6px}.emptyState__actions{display:flex;gap:8px;margin-top:6px}.pill--primary{width:auto;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:600;background:var(--ios-blue);color:#fff;border-color:transparent}.pill--primary:hover{background:#0a84ff}.pill--ghostText{width:auto;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:600;color:var(--ios-blue);background:transparent;border-color:transparent;box-shadow:none}.pill--ghostText:hover{background:#007aff14}.dropCard{pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--ios-blue);background:var(--ios-glass-strong);-webkit-backdrop-filter:saturate(180%) blur(24px);backdrop-filter:saturate(180%) blur(24px);border:1px solid var(--ios-glass-border);padding:22px 28px;border-radius:22px;box-shadow:var(--ios-shadow-strong)}.brandmark{position:absolute;left:calc(16px + env(safe-area-inset-left,0px));bottom:calc(18px + var(--safe-bottom));height:16px;width:auto;opacity:.45;pointer-events:none;z-index:10}@media (prefers-color-scheme: dark){:root{--ios-bg-top: #1c1c1e;--ios-bg-bot: #000000;--ios-fg: #f2f2f7;--ios-fg-2: #98989f;--ios-glass: rgba(28, 28, 30, .62);--ios-glass-strong: rgba(28, 28, 30, .78);--ios-glass-border: rgba(255, 255, 255, .08)}.stage{background:radial-gradient(120% 80% at 50% 0%,#2c2c2e,#1c1c1e 45%,#000)}.pill:hover,.sheet__row:hover{background:#ffffff0f}.sheet__row:active{background:#ffffff1a}.emptyState__brand,.brandmark{filter:invert(1) brightness(1.6)}}