:root{--bg: #ffffff;--surface: #f7f7f6;--surface-2: #f0efee;--border: rgba(0, 0, 0, .08);--border-2: rgba(0, 0, 0, .05);--ink: #111111;--ink-soft: #3d3d3d;--muted: #888888;--faint: #bbb;--stage: #f0efee;--stage-hue: 30;--accent: #1a1a1a;--sans: "Hanken Grotesk", system-ui, -apple-system, sans-serif;--serif: "Fraunces", Georgia, "Times New Roman", serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--ease: cubic-bezier(.22, .61, .36, 1);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app{height:100%;display:grid;grid-template-rows:auto auto 1fr;overflow:hidden}.topbar{display:flex;align-items:center;gap:24px;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--bg);z-index:10;min-width:0;overflow:hidden}.brand{font-family:var(--serif);font-optical-sizing:auto;font-weight:500;font-size:20px;letter-spacing:-.02em;white-space:nowrap}.behavior-tabs{display:flex;gap:2px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.behavior-tabs::-webkit-scrollbar{display:none}.behavior-tab{appearance:none;border:1px solid transparent;background:transparent;font-family:var(--sans);font-size:13px;font-weight:500;color:var(--muted);padding:7px 14px;border-radius:8px;cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease),border-color .15s var(--ease);white-space:nowrap}.behavior-tab:hover{background:var(--surface);color:var(--ink-soft)}.behavior-tab.active{background:var(--ink);color:#fff;border-color:transparent}.seg{display:inline-flex;padding:3px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;position:relative;flex-shrink:0}.seg button{appearance:none;border:0;background:transparent;font-family:var(--sans);font-weight:600;font-size:12px;color:var(--muted);padding:6px 14px;min-width:88px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:color .2s var(--ease);z-index:1}.seg button[aria-pressed=true]{color:var(--ink)}.seg-thumb{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:999px;background:var(--bg);box-shadow:0 1px 3px #0000001a,0 0 0 1px var(--border-2);transition:transform .35s var(--ease);z-index:0}.stage-wrap{position:relative;overflow:hidden;background:radial-gradient(120% 92% at 50% 36%,#1b1b1f,#070708 68%);display:grid;place-items:center;padding:26px}.device-wrap{position:relative;aspect-ratio:402 / 872;height:min(100%,872px);width:auto;max-width:100%;border:8px solid #1a1a1a;border-radius:54px;background:#000;box-shadow:0 50px 100px #00000080,0 0 0 2px #333,inset 0 0 0 2px #333}.device-screen{position:absolute;inset:0;overflow:hidden;border-radius:46px;background:#f2f2f2}.status-bar{position:absolute;top:0;left:0;right:0;height:46px;display:flex;align-items:center;justify-content:space-between;padding:15px 30px 0;color:#000000d1;pointer-events:none;z-index:5000}.sb-time{font-family:var(--sans);font-size:15px;font-weight:600;letter-spacing:.02em}.sb-icons{display:inline-flex;align-items:center;gap:7px}.device-wrap.real-mobile{aspect-ratio:auto;width:100%!important;height:100%!important;max-width:100%!important;border:0;border-radius:0;background:transparent;box-shadow:none}.device-wrap.real-mobile .device-screen{border-radius:0}.ex-card{border-radius:20px;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.15);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.card-thumb{width:100%;height:100%;position:relative;display:flex;flex-direction:column;background:#fff;cursor:default}.card-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.card-thumb .placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;margin:auto;pointer-events:none;padding:16px;text-align:center}.card-thumb .placeholder svg{opacity:.25}.card-thumb .placeholder span{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);opacity:.7}.card-thumb.over{background:#eef2ff;outline:2px dashed #818cf8;outline-offset:-2px}.card-thumb .drop-flash{position:absolute;inset:0;background:#6366f11f;pointer-events:none}.app-shot{position:relative;flex:1 1 auto;overflow:hidden;min-height:0}.app-shot-svg{position:absolute;inset:0;width:100%;height:100%;display:block;font-family:var(--sans)}.app-foot{flex:0 0 auto;padding:13px 18px 16px;text-align:center;background:#fff;pointer-events:none}.app-name{font-family:var(--sans);font-size:18px;font-weight:700;letter-spacing:-.01em;color:#000000d1}.app-sub{font-family:var(--sans);font-size:12px;font-weight:500;color:#0000006b;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ex-hint{position:absolute;left:50%;top:14px;transform:translate(-50%);font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#00000038;pointer-events:none;white-space:nowrap;z-index:5}.device-wrap.mobile .ex-hint{display:none}.ex-feed-meta{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;pointer-events:none;white-space:nowrap;z-index:2000}.ex-feed-label{font-family:var(--sans);font-size:13px;font-weight:600;color:var(--ink)}.ex-feed-counter{font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:#00000047}.ex-feed-hint{font-family:var(--mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.device-wrap.mobile .ex-feed-hint{display:none}.ex-cat-head{position:absolute;top:calc(50% - 248px);left:0;right:0;text-align:center;pointer-events:none;z-index:4000}.ex-cat-title{font-family:var(--sans);font-size:17px;font-weight:700;letter-spacing:-.01em;color:#000000d1}.ex-cat-sub{font-family:var(--sans);font-size:12.5px;font-weight:500;color:#0000006b;margin-top:1px}.no-select,.no-select *{user-select:none;-webkit-user-select:none}.stage-wrap{touch-action:none}@media(max-width:639px){.app{grid-template-rows:auto 1fr}.stage-wrap{padding:0;background:hsl(var(--stage-hue),20%,93%)}.topbar{padding:max(10px,env(safe-area-inset-top)) 14px 10px;gap:0}.brand{display:none}.behavior-tabs{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}.behavior-tabs::-webkit-scrollbar{display:none}.behavior-tab{font-size:12px;padding:8px 12px}}.cf{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab;outline:none}.cf.no-select{cursor:grabbing}.cf-scene{position:absolute;inset:0;perspective-origin:50% 46%}.cf-card{position:absolute;top:50%;left:50%;cursor:pointer}.cf-dim{position:absolute;inset:0;background:#ffffff9e;border-radius:inherit;pointer-events:none}.cf-caps{position:absolute;left:0;right:0;pointer-events:none}.cf-cap{position:absolute;left:50%;text-align:center;white-space:nowrap;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.pf{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab;outline:none;display:grid;place-items:center}.pf.no-select{cursor:grabbing}.pf-scene{position:relative;width:100%;height:100%;perspective-origin:50% 50%;display:grid;place-items:center}.pf-card{position:absolute;cursor:pointer;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fan{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab;outline:none}.fan.no-select{cursor:grabbing}.fan-card{position:absolute;top:50%;left:50%;cursor:pointer;transform-origin:50% 50%;will-change:transform}.fan-dim{position:absolute;inset:0;background:#ffffff8c;border-radius:inherit;pointer-events:none}.fz{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab;outline:none}.fz.no-select{cursor:grabbing}.fz-card{position:absolute;top:50%;left:50%;cursor:pointer;transform-origin:50% 50%;will-change:transform}.slides{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab;outline:none}.slides.no-select{cursor:grabbing}.slides-card{position:absolute;top:50%;left:50%;cursor:pointer;transform-origin:50% 50%;will-change:transform}.stack{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab;outline:none}.stack.no-select{cursor:grabbing}.stack-card{position:absolute;top:50%;left:50%;cursor:pointer;transform-origin:50% 50%;will-change:transform}.stack-handle{position:absolute;top:50%;right:12px;width:30px;height:30px;margin-top:-15px;border-radius:999px;background:#ffffff80;border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none}.stack-handle:after{content:"";position:absolute;inset:0;margin:auto;width:8px;height:8px;border-radius:999px;background:#ffffffe6}.controls{display:flex;align-items:center;gap:4px;padding:8px 20px;border-bottom:1px solid var(--border);background:var(--bg);flex-wrap:wrap}.ctrl-group{display:flex;align-items:center;gap:8px;padding:0 10px}.ctrl-label{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap;min-width:52px}.ctrl-val{font-family:var(--mono);font-size:11px;color:var(--ink);min-width:32px;text-align:right}.ctrl-slider{-webkit-appearance:none;appearance:none;width:110px;height:4px;background:var(--border);border-radius:99px;outline:none;cursor:pointer;flex-shrink:0}.ctrl-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--ink);cursor:pointer;box-shadow:0 1px 3px #00000040;transition:transform .1s}.ctrl-slider:hover::-webkit-slider-thumb{transform:scale(1.15)}.ctrl-divider{width:1px;height:20px;background:var(--border);flex-shrink:0;margin:0 8px}.ctrl-seg button{min-width:96px;font-size:12px;padding:6px 14px}