.app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(120% 120% at 50% 0%,#fff,#f7f5f2 60%,#f1eee9)}.bg-blobs{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;animation:float 18s ease-in-out infinite}.b1{width:460px;height:460px;left:-120px;top:-100px;background:radial-gradient(circle,#ffd9d9,transparent 70%)}.b2{width:520px;height:520px;right:-160px;top:20%;background:radial-gradient(circle,#d9e6ff,transparent 70%);animation-delay:-6s}.b3{width:400px;height:400px;left:30%;bottom:-160px;background:radial-gradient(circle,#e7ffd9,transparent 70%);animation-delay:-11s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,30px) scale(1.08)}66%{transform:translate(-30px,20px) scale(.96)}}.surface{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;touch-action:none;cursor:grab}.surface:active{cursor:grabbing}.world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}.ball{position:absolute;transform:translate(-50%,-50%);border-radius:50%;cursor:grab;touch-action:none}.ball.is-dragging{cursor:grabbing;z-index:50}.ball-inner{width:100%;height:100%;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 1px #ffffffe6 inset,0 24px 50px -18px #281e144d,0 6px 16px -8px #281e142e;border:6px solid #fff;display:flex;align-items:center;justify-content:center;transition:box-shadow .25s ease,transform .25s ease}.ball:hover .ball-inner{box-shadow:0 30px 60px -16px #281e1461}.ball.is-selected .ball-inner{outline:3px solid var(--red);outline-offset:4px}.ball.is-dragging .ball-inner{transform:scale(1.04)}.ball-img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none}.ball-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#b9b2aa}.ball-empty .plus{font-size:54px;font-weight:300;line-height:1;color:#cfc7be}.ball-empty .hint{font-size:14px;font-weight:600;letter-spacing:.02em}.ball-spinner{width:38px;height:38px;border-radius:50%;border:4px solid #eee;border-top-color:var(--red);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ball-label{position:absolute;left:50%;bottom:-30px;transform:translate(-50%);white-space:nowrap;font-size:14px;font-weight:700;color:#5a544d;background:#ffffffd9;padding:4px 12px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:240px;overflow:hidden;text-overflow:ellipsis}.topbar{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:18px;pointer-events:none}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:17px;letter-spacing:.01em;background:#ffffffb3;padding:8px 16px;border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 20px -10px #0000002e}.heart{width:16px;height:16px;display:inline-block;background:var(--red);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 21C5 16 3 11 6 8c2-2 5-1 6 1 1-2 4-3 6-1 3 3 1 8-6 13z'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 21C5 16 3 11 6 8c2-2 5-1 6 1 1-2 4-3 6-1 3 3 1 8-6 13z'/></svg>") center/contain no-repeat}.empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:5;pointer-events:none;color:#9a938b}.es-title{font-size:22px;font-weight:800;color:#6a635b;margin-bottom:8px}.es-sub{font-size:15px;font-weight:500;line-height:1.5}.fab{position:absolute;bottom:28px;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:8px;background:var(--ink);color:#fff;font-size:16px;font-weight:700;letter-spacing:.01em;padding:15px 26px;border-radius:999px;box-shadow:0 14px 34px -10px #14110f8c}.fab-plus{font-size:22px;font-weight:400;line-height:1}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#1e181252;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;padding:18px}@media (min-width: 640px){.sheet-backdrop{align-items:center}}.sheet{width:100%;max-width:440px;background:#fff;border-radius:28px;padding:24px 22px 22px;box-shadow:0 30px 70px -18px #0006}.sheet-title{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#b3aaa1;margin-bottom:12px}.sheet-input{width:100%;border:2px solid var(--line);border-radius:16px;padding:16px;font-size:16px;font-weight:600;color:var(--ink);outline:none;transition:border-color .2s;background:#fbfaf8}.sheet-input:focus{border-color:var(--ink);background:#fff}.sheet-actions{display:flex;gap:10px;margin-top:14px}.btn{flex:1;padding:15px;border-radius:14px;font-size:15px;font-weight:700;transition:transform .15s,opacity .2s;text-align:center}.btn:active{transform:scale(.97)}.btn.primary{background:var(--ink);color:#fff}.btn.ghost{background:#f1eee9;color:var(--ink)}.btn.danger{width:100%;margin-top:10px;background:transparent;color:#d23;font-weight:700}:root{--ink: #14110f;--muted: #8a847d;--line: #ece8e3;--bg: #f7f5f2;--red: #ff2d2d}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:Urbanist,system-ui,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;touch-action:none;user-select:none;-webkit-user-select:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font-family:inherit}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}