@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg:#09090c;--ink:#f6f2eb;--muted:#9b969d;--line:rgba(246,242,235,.16);--pink:#ff4eb8;--yellow:#ffe563;--cyan:#6ee7ff}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:Space Grotesk,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.app-shell{position:relative;min-height:100vh;isolation:isolate;background:radial-gradient(circle at 79% 19%,rgba(137,53,144,.13),transparent 28%),radial-gradient(circle at 10% 75%,rgba(46,90,130,.13),transparent 30%)}.word-field{position:fixed;top:-8%;right:-8%;bottom:-8%;left:-8%;z-index:-1;overflow:hidden;pointer-events:none;transform:rotate(-2deg) scale(1.05)}.word-field:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#07080ed1,#07080e80 44%,#07080ec4),url(/bggif.gif) center / cover no-repeat;opacity:.68;z-index:-2;animation:gifBreath 12s ease-in-out infinite alternate}@keyframes gifBreath{0%{filter:saturate(.9) contrast(1)}to{filter:saturate(1.18) contrast(1.08)}}.word-field span{position:absolute;color:var(--c);font-size:var(--size);opacity:var(--opacity);font-weight:700;letter-spacing:-.08em;transform:rotate(var(--rotate));animation:drift var(--duration) ease-in-out var(--delay) infinite alternate;filter:blur(.15px)}@keyframes drift{0%{translate:-2vw -1vh}to{translate:3vw 4vh}}.topbar{width:min(1400px,calc(100% - 48px));margin:0 auto;height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:3}.brand{font-weight:700;letter-spacing:-.06em;font-size:21px}.brand-dot{color:var(--pink);font-size:13px;margin-left:4px;vertical-align:top}.status-pill,.admin-link,.eyebrow,.count,.number,.scroll-mark,.footer-signal,.file-name,.notice,.section-label,.back-link{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.09em}.status-pill{border:1px solid var(--line);padding:9px 13px;border-radius:999px;color:#c7c2c7}.status-pill i,.footer-signal i{width:6px;height:6px;background:#65ec98;display:inline-block;border-radius:50%;margin-right:7px;box-shadow:0 0 12px #65ec98}.admin-link{display:flex;align-items:center;gap:7px;color:#c7c2c7;transition:color .2s}.admin-link:hover{color:var(--pink)}.admin-link svg,.footer-bar svg,.generate-button svg,.scroll-mark svg{width:14px;height:14px}main{width:min(1400px,calc(100% - 48px));margin:0 auto}.hero-row{min-height:300px;display:grid;grid-template-columns:1.45fr .55fr;align-items:center;padding:34px 0 22px}.hero-copy{position:relative}.eyebrow{color:#b6b0b8;display:flex;align-items:center;gap:10px}.eyebrow span{width:30px;height:1px;background:var(--pink);display:inline-block}h1{font-size:clamp(72px,13vw,190px);letter-spacing:-.105em;line-height:.77;margin:27px 0 32px;font-weight:600}h1 em{color:var(--pink);font-style:normal;text-shadow:4px 5px 0 rgba(255,229,99,.22)}.hero-sub{display:none}.hero-stamp{position:absolute;left:41%;top:35%;font-size:43px;line-height:.7;color:var(--yellow);transform:rotate(18deg);text-align:center;animation:spinSlow 18s linear infinite}.hero-stamp span{font-size:13px;letter-spacing:0}@keyframes spinSlow{to{transform:rotate(378deg)}}.hero-side{align-self:stretch;display:flex;align-items:flex-end;justify-content:flex-end;position:relative;padding-bottom:40px}.scroll-mark{position:absolute;top:53px;right:0;writing-mode:vertical-rl;display:flex;align-items:center;gap:8px;color:#a8a1a8}.scroll-mark svg{transform:rotate(90deg)}.hero-card{width:220px;aspect-ratio:1;border:1px solid rgba(246,242,235,.34);background:linear-gradient(145deg,#f6f2eb14,#ff4eb824);box-shadow:22px 26px #ff4eb82e,-10px -12px #6ee7ff21;transform:rotate(8deg) perspective(800px) rotateY(-22deg);display:grid;place-items:center;position:relative;overflow:hidden;animation:cardFloat 6s ease-in-out infinite alternate}.hero-card:after{content:"";position:absolute;top:20px;right:20px;bottom:20px;left:20px;border:1px dashed rgba(246,242,235,.45);border-radius:50%}.hero-card span{font-size:155px;font-weight:600;letter-spacing:-.16em;color:var(--yellow);text-shadow:10px 12px var(--pink);transform:rotate(-6deg)}.hero-card small{position:absolute;bottom:14px;left:17px;font:10px DM Mono;letter-spacing:.1em}@keyframes cardFloat{to{translate:0 -15px;transform:rotate(4deg) perspective(800px) rotateY(-15deg)}}.work-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;padding-bottom:82px}.panel{min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:15px;border-bottom:1px solid var(--line);margin-bottom:18px}.panel-heading h2{margin:7px 0 0;font-size:28px;letter-spacing:-.07em}.number{color:var(--pink)}.count{color:#8f8a91}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:180px;align-content:start;align-items:stretch;gap:10px;height:390px;max-height:390px;overflow-y:auto;padding:2px 5px 12px 0;scrollbar-width:thin;scrollbar-color:var(--pink) transparent}.gallery-item{aspect-ratio:auto;width:100%;height:180px;min-height:0;position:relative;overflow:hidden;border:1px solid rgba(246,242,235,.12);background:#16151a;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .22s ease,box-shadow .22s ease}.gallery-item:hover{box-shadow:0 18px 35px #00000061,0 0 0 1px #ff4eb8bf;z-index:2}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.75) contrast(1.05);transition:transform .5s ease,filter .5s ease}.gallery-item:hover img{transform:scale(1.07);filter:saturate(1.25) contrast(1.1)}.item-meta{position:absolute;inset:auto 7px 7px;display:flex;justify-content:space-between;font:9px DM Mono;text-shadow:0 1px 7px #000}.generator-panel{padding-left:14px}.generator-card{border:1px solid rgba(246,242,235,.22);background:#0a0a0da3;padding:13px;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .22s ease,border-color .22s}.generator-card:hover{border-color:var(--pink)}.drop-zone{min-height:270px;display:grid;place-items:center;border:1px dashed rgba(246,242,235,.3);background:linear-gradient(135deg,#ffe5630d,#ff4eb80a);cursor:pointer;position:relative;overflow:hidden}.drop-zone:before,.drop-zone:after{content:"";position:absolute;width:90px;height:90px;border:1px solid rgba(255,229,99,.3);border-radius:50%}.drop-zone:before{top:-32px;right:-35px}.drop-zone:after{bottom:-38px;left:-20px;border-color:#6ee7ff40}.drop-zone.has-preview{border-style:solid}.drop-zone img{width:100%;height:100%;min-height:270px;object-fit:cover;display:block}.drop-inner{text-align:center;display:grid;gap:10px;justify-items:center;position:relative;z-index:1}.upload-orb{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--yellow);color:var(--yellow);box-shadow:0 0 30px #ffe5632e}.upload-orb svg{width:23px}.drop-inner b{font-size:15px;letter-spacing:-.04em}.drop-inner span{font:10px DM Mono;color:#8f8a91}.scanline{position:absolute;inset:auto 0 0;height:34px;display:flex;align-items:center;gap:9px;padding:0 13px;background:#09090ccc;font:10px DM Mono;color:var(--yellow);z-index:2}.scanline i{height:1px;flex:1;background:var(--yellow);animation:pulse 1s ease-in-out infinite alternate}@keyframes pulse{to{opacity:.2}}.result-badge{position:absolute;top:11px;left:11px;background:var(--pink);color:#08080b;padding:8px 10px;display:flex;gap:6px;align-items:center;font:10px DM Mono;z-index:2}.generator-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px}.file-name{color:#96919a;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.generate-button{border:0;background:var(--yellow);color:#0a0a0b;padding:14px 16px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:-.02em;transition:transform .2s,background .2s,box-shadow .2s}.generate-button:hover:not(:disabled){transform:translateY(-3px) rotate(-1deg);box-shadow:7px 8px 0 var(--pink)}.generate-button:disabled{opacity:.35;cursor:not-allowed}.notice{color:var(--pink);padding-top:12px}.clear-button{background:none;color:#96919a;border:0;padding:17px 0 0;font:10px DM Mono;letter-spacing:.08em}.generator-note{display:flex;gap:12px;align-items:flex-start;color:#a6a0a9;font:10px DM Mono;line-height:1.7;margin-top:22px}.generator-note span:first-child{color:var(--pink);font-size:19px;line-height:.8}.footer-bar{position:fixed;bottom:0;left:0;right:0;height:69px;background:#09090cdb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line);z-index:5}.footer-inner{width:min(1400px,calc(100% - 48px));margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-mark{font-size:12px;font-weight:700;letter-spacing:-.04em}.footer-mark small{color:#77727b;font:9px DM Mono;margin-left:5px}.footer-bar nav{display:flex;height:100%}.footer-bar nav a{display:flex;gap:16px;align-items:center;padding:0 21px;border-left:1px solid var(--line);font:10px DM Mono;transition:background .2s,color .2s}.footer-bar nav a:last-child{border-right:1px solid var(--line)}.footer-bar nav a:hover{background:var(--pink);color:#08080b}.footer-signal{color:#8f8a91}.admin-shell{min-height:100vh;background:radial-gradient(circle at 80% 20%,rgba(255,78,184,.11),transparent 31%),#09090c;display:grid;place-items:center;position:relative;overflow:hidden}.admin-noise{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;opacity:.08;background-image:linear-gradient(transparent 95%,#ffffff80 96%),linear-gradient(90deg,transparent 95%,rgba(255,255,255,.5) 96%);background-size:26px 26px;transform:rotate(12deg)}.login-card,.settings-card{position:relative;z-index:1;border:1px solid var(--line);background:#0c0c10c2;box-shadow:22px 22px #ff4eb821;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-card{width:min(430px,calc(100% - 40px));padding:35px}.login-card .brand{display:block;margin-bottom:70px}.login-card h1,.settings-card h1{font-size:82px;margin-bottom:47px}.login-card label,.settings-card label{display:grid;gap:8px;font:10px DM Mono;color:#9b969d;margin-bottom:16px}.login-card input,.settings-card input{width:100%;background:#101015;border:1px solid var(--line);color:var(--ink);padding:13px;outline:none;transition:border .2s}.login-card input:focus,.settings-card input:focus{border-color:var(--pink)}.login-card .generate-button{width:100%;margin-top:11px}.settings-card{width:min(730px,calc(100% - 40px));padding:35px;margin:40px 0}.settings-top{display:flex;justify-content:space-between;margin-bottom:70px}.back-link{color:#a19ba4}.back-link:hover{color:var(--pink)}.form-section{border-top:1px solid var(--line);padding-top:18px;margin-top:27px}.section-label{color:var(--pink);margin-bottom:18px}.save-row{display:flex;align-items:center;gap:20px;margin-top:28px}.saved{font:10px DM Mono;color:#65ec98}@media(max-width:900px){.hero-row{grid-template-columns:1fr .35fr}.hero-card{width:150px}.hero-card span{font-size:102px}.work-grid{grid-template-columns:1.1fr .9fr;gap:12px}.generator-panel{padding-left:0}.gallery-grid{max-height:unset}.footer-signal{display:none}}@media(max-width:600px){.topbar,main,.footer-inner{width:calc(100% - 28px)}.topbar{height:65px}.status-pill{display:none}.hero-row{min-height:420px;padding:70px 0 40px;grid-template-columns:1fr}.hero-side{display:none}h1{font-size:78px}.hero-stamp{left:auto;right:22%;top:41%}.gallery-grid{grid-template-columns:repeat(2,1fr)}.footer-bar{height:auto}.footer-inner{flex-wrap:wrap;justify-content:center;padding:10px 0;gap:5px}.footer-mark{display:none}.footer-bar nav{width:100%;justify-content:center;height:44px}.footer-bar nav a{padding:0 11px;font-size:9px;gap:7px}.drop-zone,.drop-zone img{min-height:320px}.settings-card,.login-card{padding:24px}.settings-card h1,.login-card h1{font-size:66px}}