:root{--bg: #0a0a0f;--surface: #12121a;--surface-2: #1a1a25;--border: #26263a;--text: #f2f2f5;--muted: #9a9aad;--accent: #f5d90a;--accent-ink: #131309;--ok: #10b981;--danger: #ef4444;--radius: 12px;--font-body: "Inter", system-ui, sans-serif;--font-display: "Space Grotesk", var(--font-body);--shadow-pop: 0 12px 40px rgba(0, 0, 0, .55)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.5;overflow:hidden}button{font:inherit;cursor:pointer;border:0}input,select,textarea{font:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-family:var(--font-display);line-height:1.15}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;font-weight:600;background:var(--surface-2);color:var(--text);border:1px solid var(--border);transition:transform .14s cubic-bezier(.2,.8,.2,1),background .14s ease,box-shadow .14s ease}.btn:hover{background:#232333;transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.975)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #f5d90a66}.btn-accent{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:0 4px 18px -6px #f5d90a99}.btn-accent:hover{background:#ffe93d;box-shadow:0 6px 24px -6px #f5d90abf}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted);box-shadow:none}.btn-ghost:hover{color:var(--text);background:var(--surface-2)}.btn:disabled{opacity:.5;pointer-events:none}.btn-sm{padding:6px 12px;font-size:13px;border-radius:8px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:13px;font-weight:600;color:var(--muted)}.field input,.field select,.field textarea{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:10px 12px;color:var(--text);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}.field .err{color:var(--danger);font-size:12px;display:none}.field.invalid input,.field.invalid select{border-color:var(--danger)}.field.invalid .err{display:block}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05050ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;display:flex;align-items:center;justify-content:center;animation:fade-in .16s ease both}.modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-pop);width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 64px);overflow:auto;padding:28px;animation:pop-in .24s cubic-bezier(.2,.8,.2,1) both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal h2{margin-bottom:6px}.modal .sub{color:var(--muted);margin-bottom:20px;font-size:14px}.panel{position:fixed;top:76px;left:50%;transform:translate(-50%);width:min(1080px,calc(100vw - 32px));max-height:calc(100vh - 100px);overflow:auto;background:#12121af7;border:1px solid var(--border);border-radius:16px;padding:28px;z-index:30;box-shadow:var(--shadow-pop);animation:panel-in .3s cubic-bezier(.2,.8,.2,1) both}@keyframes panel-in{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast-wrap{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;gap:8px}.toast{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px 16px;font-size:14px;box-shadow:var(--shadow-pop);animation:toast-in .18s ease}.toast.err{border-color:var(--danger)}.toast.ok{border-color:var(--ok)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.header{position:fixed;top:0;left:0;right:0;height:60px;display:flex;align-items:center;gap:18px;padding:0 18px;background:#0a0a0fd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:40}.header .logo{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--text);letter-spacing:.2px;display:inline-flex;align-items:center;gap:8px}.header .logo .sq{color:var(--accent);filter:drop-shadow(0 0 6px rgba(245,217,10,.55))}.header .counter{position:relative;display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;padding-left:14px}.header .counter:before{content:"";position:absolute;left:0;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 #f5d90a80;animation:live-pulse 2.4s ease-out infinite}.header .counter b{color:var(--text);font-weight:600;transition:color .3s ease}.header .counter.counter-bump b{color:var(--accent)}@keyframes live-pulse{0%{box-shadow:0 0 #f5d90a80}70%{box-shadow:0 0 0 6px #f5d90a00}to{box-shadow:0 0 #f5d90a00}}.header nav{display:flex;gap:2px;margin-left:auto}.header nav .btn-ghost{position:relative}.header nav .btn-ghost.active{color:var(--text);background:var(--surface-2)}.header nav .btn-ghost.active:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;border-radius:2px;background:var(--accent);box-shadow:0 0 8px #f5d90a99}.hero{position:fixed;left:24px;bottom:24px;z-index:20;width:min(430px,calc(100vw - 48px));background:linear-gradient(180deg,#181822f0,#0f0f16f0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:18px;padding:28px;box-shadow:var(--shadow-pop);overflow:hidden;animation:hero-in .5s cubic-bezier(.2,.8,.2,1) both}.hero:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.8}.hero h1{font-size:31px;letter-spacing:-.4px;margin-bottom:12px}.hero h1 em{font-style:normal;color:var(--accent);text-shadow:0 0 22px rgba(245,217,10,.35)}.hero p{color:var(--muted);font-size:14px;margin-bottom:18px}.hero .close{position:absolute;top:6px;right:6px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;color:var(--muted);font-size:18px;line-height:1;border-radius:8px;transition:color .15s ease,background .15s ease}.hero .close:hover{color:var(--text);background:var(--surface-2)}@keyframes hero-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cardgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:18px}.dcard{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px;transition:transform .16s cubic-bezier(.2,.8,.2,1),border-color .16s ease,box-shadow .16s ease}.dcard:hover{transform:translateY(-3px);border-color:#3a3a52;box-shadow:0 10px 30px -12px #000000b3}.dcard .top{display:flex;gap:12px;align-items:center}.dcard canvas{border-radius:8px;image-rendering:pixelated}.dcard .nm{font-weight:600}.dcard .meta{font-size:12.5px;color:var(--muted)}.dcard .badge-avail{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--ok);font-weight:600}.dcard .badge-avail:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok)}.dcard .badge-feat{font-size:11px;font-weight:700;color:var(--accent-ink);background:var(--accent);border-radius:6px;padding:2px 7px;letter-spacing:.3px}.badge-pro{font-size:10.5px;font-weight:700;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);border-radius:6px;padding:1px 6px;letter-spacing:.4px;white-space:nowrap}.dcard .badge-unavail{color:var(--muted)}.dcard .badge-unavail:before{background:var(--muted)}.dcard-skills{display:flex;flex-wrap:wrap;gap:6px}.dcard-skills .pc-skill{font-size:11px;font-weight:600;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:2px 8px}.pcard .pc-report{background:none;border:0;color:var(--muted);font-size:11px;cursor:pointer;padding:0;opacity:.7}.pcard .pc-report:hover{color:var(--danger);opacity:1}.char-count{font-size:11px;font-weight:400;color:var(--muted);margin-left:4px}.char-count.warn{color:var(--accent)}.char-count.max{color:var(--danger);font-weight:600}.card-tagline{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.dcard-avail-row{display:flex;align-items:center;gap:8px}.dcard-poico{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border-radius:6px;background:var(--surface);border:1px solid var(--border);color:var(--muted);font-size:13px;line-height:1;text-decoration:none;cursor:pointer}.dcard-poico:hover{color:var(--accent);border-color:#3a3a52}.dcard-star{background:none;border:0;color:var(--muted);font-size:18px;line-height:1;cursor:pointer;padding:0;transition:color .12s,transform .12s}.dcard-star:hover{color:var(--accent);transform:scale(1.12)}.dcard-star.on{color:var(--accent)}.dcard .links{display:flex;gap:10px;font-size:13px;align-items:center;margin-top:auto}.pcard{position:fixed;z-index:45;width:300px;max-height:calc(100dvh - 84px);overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:var(--shadow-pop);animation:pop-in .18s cubic-bezier(.2,.8,.2,1) both}.pcard .nm{font-family:var(--font-display);font-weight:700;font-size:17px}.pcard .pc-x{position:absolute;top:10px;right:10px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:14px;cursor:pointer;line-height:1;transition:color .12s,border-color .12s}.pcard .pc-x:hover{color:var(--text);border-color:#3a3a52}.pcard .pc-skills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.pcard .pc-skill{font-size:11.5px;font-weight:600;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:3px 9px}.pcard .pc-links{display:flex;flex-direction:column;gap:9px}.pcard .pc-portfolio{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:13.5px;text-decoration:none;padding:7px 14px;border-radius:9px}.pcard .pc-portfolio:hover{filter:brightness(1.05)}.pcard .pc-email{display:flex;align-items:center;gap:6px}.pcard .pc-email-link{color:var(--text);font-size:13.5px;text-decoration:none;min-width:0;overflow:hidden;text-overflow:ellipsis}.pcard .pc-email-link:hover{text-decoration:underline}.pcard .pc-copy{flex-shrink:0;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;color:var(--muted);font-size:12px;cursor:pointer}.pcard .pc-copy:hover{color:var(--text);border-color:#3a3a52}.pcard .pc-socials{display:flex;gap:8px;margin-top:12px}.pcard .pc-socials a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:var(--surface-2);border:1px solid var(--border);color:var(--muted);transition:color .12s,border-color .12s}.pcard .pc-socials a:hover{color:var(--accent);border-color:#3a3a52}.chat-modal{display:flex;flex-direction:column;max-width:460px;width:min(460px,calc(100vw - 24px));max-height:min(80vh,640px);padding:0;overflow:hidden}.chat-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border)}.chat-head .pc-x{position:static}.chat-scroll{flex:1;overflow-y:auto;padding:16px 18px;display:flex;flex-direction:column;gap:8px;min-height:220px}.chat-empty{color:var(--muted);text-align:center;margin:auto;font-size:13.5px}.chat-row{display:flex}.chat-row.mine{justify-content:flex-end}.chat-bubble{max-width:78%;padding:8px 12px 6px;border-radius:14px;font-size:14px;line-height:1.4;white-space:pre-wrap;word-break:break-word}.chat-row.theirs .chat-bubble{background:var(--surface-2);border:1px solid var(--border);border-bottom-left-radius:5px}.chat-row.mine .chat-bubble{background:var(--accent);color:var(--accent-ink);border-bottom-right-radius:5px}.chat-time{display:block;font-size:10.5px;opacity:.6;margin-top:2px;text-align:right}.chat-compose{display:flex;gap:8px;padding:12px 14px;border-top:1px solid var(--border);align-items:flex-end}.chat-compose textarea{flex:1;resize:none;max-height:120px;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:9px 12px;color:var(--text);font:inherit;font-size:14px}.chat-note{font-size:11px;color:var(--muted);text-align:center;padding:0 14px 12px;margin:0}.pcard .badge-avail{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--ok);font-weight:600}.pcard .badge-avail:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok)}.pcard .badge-unavail,.dcard .badge-unavail{color:var(--muted)}.pcard .badge-unavail:before,.dcard .badge-unavail:before{background:var(--muted)}.pcard .badge-feat{font-size:10px;font-weight:700;color:var(--accent-ink);background:var(--accent);border-radius:5px;padding:1px 6px;vertical-align:middle}.swatches{display:flex;flex-wrap:wrap;gap:6px}.swatch{width:26px;height:26px;border-radius:7px;border:2px solid transparent;cursor:pointer}.swatch.sel{border-color:#fff}.swatch.transparent{background:repeating-conic-gradient(#333,#333 25%,#555 0%,#555 50%) 0 / 10px 10px}.pixed{display:flex;gap:16px;flex-wrap:wrap}.pixed canvas.grid{border:1px solid var(--border);border-radius:8px;cursor:crosshair;touch-action:none}.pixed .tools{display:flex;flex-direction:column;gap:10px;min-width:130px}.steps{display:flex;gap:6px;margin-bottom:18px}.steps span{height:4px;flex:1;border-radius:2px;background:var(--surface-2)}.steps span.on{background:var(--accent)}.rights h1{font-size:34px;margin-bottom:8px}.rights .promise{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--border)}.rights .promise .ic{font-size:22px}.rights .promise b{display:block;font-size:16.5px;margin-bottom:3px}.rights .promise p{color:var(--muted);font-size:14px}canvas#wall{position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:100vw;height:100vh;touch-action:none}#overlay:not(:empty){position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;background:#030308d1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fade-in .16s ease both}.pick-banner{position:fixed;left:50%;transform:translate(-50%);bottom:max(20px,env(safe-area-inset-bottom,0px));z-index:46;display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--accent);border-radius:12px;padding:10px 12px 10px 16px;box-shadow:var(--shadow-pop);font-size:14px;max-width:calc(100vw - 24px)}.pick-banner span{color:var(--text)}.legalbar{position:fixed;bottom:0;left:0;z-index:15;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12.5px;padding:8px 16px;border-top-right-radius:10px;background:#0a0a0fd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-left:0;border-bottom:0}.legalbar a{color:var(--muted);text-decoration:none}.legalbar a:hover{color:var(--accent);text-decoration:underline}.legalbar span{color:#3a3a52}.legalbar .c{color:var(--muted);opacity:.8}@media(max-width:720px){.legalbar{left:0;right:0;bottom:0;justify-content:center;gap:6px;font-size:11px;padding:7px 10px calc(7px + env(safe-area-inset-bottom,0px));border-radius:0;border-right:0}.legalbar .c{flex-basis:100%;text-align:center}.pick-banner{bottom:max(64px,calc(52px + env(safe-area-inset-bottom,0px)))}}.spotlight{position:fixed;top:76px;right:16px;z-index:20;display:flex;align-items:center;gap:10px;background:#12121aeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:14px;padding:10px 38px 10px 12px;box-shadow:var(--shadow-pop);cursor:pointer;max-width:340px;animation:hero-in .5s cubic-bezier(.2,.8,.2,1) both}.spotlight:hover{border-color:#3a3a52}.spotlight canvas{border-radius:6px;image-rendering:pixelated;flex-shrink:0}.spotlight .sp-body{display:flex;flex-direction:column;line-height:1.35;min-width:0}.spotlight .sp-body b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spotlight .sp-body span{font-size:11px;color:var(--muted)}.spotlight .close{position:absolute;top:4px;right:4px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:none;color:var(--muted);font-size:14px;border-radius:6px}.spotlight .close:hover{color:var(--text);background:var(--surface-2)}.tile-stats{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 14px;padding:10px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;font-size:13px}.tile-stats .ts-item b{color:var(--accent);font-variant-numeric:tabular-nums}.tile-stats .ts-muted{color:var(--muted);font-size:12px}.swatch:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent)}@media(max-width:860px){.header{gap:10px;padding:0 12px}.header .logo .word{display:none}.header .counter{font-size:12px}.header nav .btn-ghost{padding:8px 10px}.hero{width:min(380px,calc(100vw - 32px));left:16px;bottom:16px}}@media(max-width:600px){.header{flex-wrap:wrap;height:auto;min-height:52px;padding:max(6px,env(safe-area-inset-top,0px)) 12px 6px;gap:6px 8px}.header .counter{font-size:12px;padding-left:12px}.header .counter .c-suffix{display:none}.header #who{order:2}.header #who .btn{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header #cta{order:2;margin-left:auto;padding:8px 12px;font-size:13px}.header nav{order:3;flex-basis:100%;width:100%;margin:2px 0 0;gap:4px;background:#ffffff08;border-radius:10px;padding:3px}.header nav .btn-ghost{flex:1;min-height:40px;justify-content:center;padding:6px 2px;font-size:12px}.header nav .btn-ghost.active:after{left:8px;right:8px;bottom:3px}.hero{left:12px;right:12px;bottom:12px;width:auto;padding:20px;padding-bottom:max(20px,env(safe-area-inset-bottom,0px))}.hero h1{font-size:25px}.hero p{font-size:13.5px}.panel{top:124px;padding:20px 16px;max-height:calc(100dvh - 140px)}.modal{padding:22px 18px}.pixed{gap:12px}.pixed canvas.grid{width:100%;max-width:300px;height:auto;aspect-ratio:1 / 1}.pixed .tools{width:100%;min-width:0}.pcard{width:min(300px,calc(100vw - 24px))}.pcard .btn-sm,.header #cta{min-height:40px}.spotlight{top:124px;left:12px;right:12px;max-width:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.btn:hover,.dcard:hover{transform:none}}