:root{--ink:#141917;--paper:#fffcee;--muted:#59615b;--acid:#d8ff45;--tomato:#f95d42;--sky:#94e7f2;--body-font:"Avenir Next", "Trebuchet MS", sans-serif;--display-font:"Avenir Next", "Trebuchet MS", sans-serif;--mono-font:"Andale Mono", "Courier New", monospace;--soft-shadow:0 24px 70px #33291321;color:var(--ink);font-family:var(--body-font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 14% 18%,#f95d4242,#0000 28%),radial-gradient(circle at 82% 10%,#d8ff4580,#0000 26%),linear-gradient(145deg,#fffcee 0%,#fff3ca 44%,#f5fbf6 100%);font-size:18px;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%}body{min-width:320px;min-height:100%;margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#1419170b 1px,#0000 1px),linear-gradient(90deg,#1419170b 1px,#0000 1px);background-size:34px 34px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000bf,#0000 82%);mask-image:linear-gradient(#000000bf,#0000 82%)}button,input{font:inherit}button,a{transition:transform .16s,box-shadow .16s,background .16s}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--tomato);outline-offset:4px}#root{min-height:100svh}.page-shell{z-index:1;min-height:100svh;padding:28px clamp(18px,4vw,58px) 56px;position:relative}.results-page-shell{min-height:100svh;padding:28px clamp(18px,4vw,58px) 56px}.auth-shell{place-items:center;min-height:100svh;padding:28px clamp(18px,4vw,58px);display:grid}.auth-panel{border:2px solid var(--ink);background:radial-gradient(circle at 18% 18%, #f95d422e, transparent 28%), radial-gradient(circle at 82% 8%, #d8ff4561, transparent 26%), linear-gradient(135deg, #fffffff0, #fff7d7eb), var(--paper);border-radius:36px;width:min(1120px,100%);padding:clamp(24px,4vw,42px);box-shadow:16px 16px #141917eb}.auth-panel-loading{max-width:720px}.auth-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:clamp(24px,4vw,56px);display:grid}.auth-copy{animation:.65s both rise-in}.auth-preview{flex-wrap:wrap;gap:10px;display:flex}.auth-preview span,.user-chip{border:2px solid var(--ink);font-family:var(--mono-font);background:#fffceedb;border-radius:999px;padding:10px 12px;font-size:.78rem;font-weight:400;box-shadow:6px 6px #1419171f}.auth-card{border:2px solid var(--ink);background:#fffceed6;border-radius:32px;padding:clamp(20px,3vw,30px);box-shadow:12px 12px #14191729}.nav-bar{justify-content:space-between;align-items:center;gap:24px;max-width:1180px;margin:0 auto;display:flex}.brand,.nav-links a,.hero-actions a{color:inherit;text-decoration:none}.brand{font-family:var(--display-font);letter-spacing:-.04em;align-items:center;gap:10px;font-size:1.25rem;font-weight:400;display:inline-flex}.brand-mark{border:2px solid var(--ink);background:var(--acid);width:38px;height:38px;box-shadow:5px 5px 0 var(--ink);border-radius:14px;place-items:center;display:grid}.nav-links{box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffceec7;border:1px solid #1419171f;border-radius:999px;gap:8px;padding:7px;display:flex}.nav-links a{border-radius:999px;padding:8px 14px;font-size:.9rem;font-weight:400}.nav-links a:hover{background:var(--paper)}.nav-actions{align-items:center;gap:12px;display:flex}.hero-section{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:center;gap:clamp(30px,5vw,84px);max-width:1180px;margin:82px auto 0;display:grid}.hero-copy{animation:.65s both rise-in}.eyebrow,.section-kicker{color:var(--tomato);font-family:var(--mono-font);letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px;font-size:.78rem;font-weight:400}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);font-family:var(--display-font);line-height:.92}h1{letter-spacing:-.085em;max-width:760px;margin-bottom:26px;font-size:clamp(4.2rem,10vw,8.4rem);font-weight:400}h2{letter-spacing:-.07em;margin-bottom:14px;font-size:clamp(2.3rem,5vw,4.6rem)}h3{letter-spacing:-.04em;margin-bottom:10px;font-size:1.55rem}.hero-text{max-width:620px;color:var(--muted);margin-bottom:30px;font-size:clamp(1.05rem,2vw,1.28rem)}.auth-note{color:var(--muted);margin-bottom:18px;font-size:1rem;font-weight:400}.auth-preview span{white-space:nowrap}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.primary-action,.secondary-action,.generate-button,.caption-card button,.tone-row button,.google-auth-button,.logout-button{border:2px solid var(--ink);color:var(--ink);font:400 .96rem/1 var(--body-font);cursor:pointer}.generate-button:disabled,.google-auth-button:disabled,.logout-button:disabled{cursor:progress;opacity:.7}.primary-action,.secondary-action{border-radius:999px;justify-content:center;align-items:center;min-height:50px;padding:0 22px;display:inline-flex}.hero-actions .primary-action{background:var(--ink);color:var(--paper);box-shadow:8px 8px 0 var(--acid)}.hero-actions .secondary-action{background:var(--paper);color:var(--ink);box-shadow:8px 8px #14191721}.google-auth-button{background:var(--acid);border-radius:20px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:56px;padding:0 18px;display:inline-flex;box-shadow:8px 8px #141917eb}.google-auth-button:hover,.logout-button:hover,.tone-row button:hover,.caption-card button:hover,.generate-button:hover,.primary-action:hover,.secondary-action:hover{transform:translate(-2px,-2px)}.google-auth-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.google-auth-icon{border:2px solid var(--ink);background:#fffceef0;border-radius:14px;place-items:center;width:38px;height:38px;display:grid}.google-logo{width:20px;height:20px}.message-banner{min-height:48px;color:var(--tomato);margin:14px 0 0;font-size:.95rem;font-weight:400}.generation-banner{min-height:44px;color:var(--muted);margin:14px 0 0;font-size:.95rem}.generation-banner-loading{color:var(--ink)}.generation-banner-success{color:#18794e}.generation-banner-error{color:var(--tomato)}.generator-card{border:2px solid var(--ink);background:linear-gradient(135deg, #fffffff0, #fff7d7e0), var(--paper);border-radius:34px;padding:clamp(18px,3vw,28px);animation:6s ease-in-out infinite float-card;position:relative;box-shadow:16px 16px #141917eb}.card-header{color:var(--muted);font-family:var(--mono-font);justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;font-size:.82rem;font-weight:800;display:flex}.status-pill{background:var(--acid);color:var(--ink);border:1px solid #14191724;border-radius:999px;padding:8px 11px}.drop-zone{text-align:center;cursor:pointer;background:radial-gradient(circle at 22% 26%,#f95d4230,#0000 27%),radial-gradient(circle at 76% 72%,#48b1cf42,#0000 30%),repeating-linear-gradient(-12deg,#1419170a 0 8px,#0000 8px 18px),#fff7dd;border:2px dashed #1419177a;border-radius:28px;place-items:center;min-height:300px;padding:30px;display:grid;position:relative;overflow:hidden}.drop-zone input{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-icon{border:2px solid var(--ink);background:var(--tomato);width:98px;height:98px;color:var(--paper);font-family:var(--display-font);letter-spacing:-.08em;box-shadow:8px 8px 0 var(--ink);border-radius:28px;place-items:center;margin-bottom:18px;font-size:1.9rem;font-weight:400;display:grid;transform:rotate(-7deg)}.drop-title{color:var(--ink);font-family:var(--display-font);letter-spacing:-.07em;margin-bottom:8px;font-size:2.2rem;font-weight:400;display:block}.drop-hint{max-width:310px;color:var(--muted);font-weight:400;display:block}.upload-preview-card{gap:10px;margin-top:18px;display:grid}.upload-preview-frame{border:2px solid var(--ink);background:radial-gradient(circle at 22% 26%,#f95d4224,#0000 27%),radial-gradient(circle at 76% 72%,#48b1cf29,#0000 30%),#fff7dd;border-radius:24px;place-items:center;min-height:220px;display:grid;overflow:hidden}.upload-preview-image{object-fit:contain;max-width:100%;max-height:340px;display:block}.tone-row{grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0;display:grid}.tone-row button{background:var(--paper);border-radius:18px;padding:13px 10px}.tone-row button:nth-child(2){background:var(--acid)}.generate-button{background:var(--ink);width:100%;color:var(--paper);border-radius:22px;margin-top:18px;padding:18px;box-shadow:0 8px #14191738}.results-page{max-width:1180px;margin:82px auto 0}.results-toolbar{justify-content:flex-start;margin-bottom:22px;display:flex}.results-layout{grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);align-items:start;gap:clamp(24px,4vw,42px);display:grid}.result-gif-card,.result-captions-panel,.results-empty{border:2px solid var(--ink);background:#fffceee6;border-radius:34px;padding:clamp(20px,3vw,30px);box-shadow:12px 12px #14191729}.result-gif-frame{border:2px solid var(--ink);background:radial-gradient(circle at 20% 24%,#f95d4224,#0000 28%),radial-gradient(circle at 78% 76%,#48b1cf2e,#0000 30%),#fff7dd;border-radius:28px;place-items:center;min-height:360px;margin-top:18px;display:grid;overflow:hidden}.result-gif{object-fit:contain;max-width:100%;max-height:520px;display:block}.result-captions-panel{gap:22px;display:grid}.caption-grid{gap:16px;display:grid}.caption-card{border:2px solid var(--ink);background:#fffceedb;border-radius:24px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:18px;animation:.6s both slide-in;display:grid;box-shadow:8px 8px #14191729}.caption-card:nth-child(2){animation-delay:90ms}.caption-card:nth-child(3){animation-delay:.18s}.caption-card span{background:var(--sky);color:var(--ink);font-family:var(--mono-font);text-transform:uppercase;border-radius:999px;padding:9px 11px;font-size:.72rem;font-weight:400}.caption-card p{color:var(--ink);margin-bottom:0;font-size:1.05rem;font-weight:400}.caption-card button{background:var(--paper);white-space:nowrap;border-radius:999px;padding:12px 14px}.logout-button{background:var(--paper);border-radius:999px;width:auto;min-height:44px;padding:0 18px;box-shadow:6px 6px #14191721}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes float-card{0%,to{transform:rotate(1deg)translateY(0)}50%{transform:rotate(-1deg)translateY(-10px)}}@media (width<=880px){.page-shell{padding-top:20px}.nav-bar,.auth-grid,.hero-section,.results-layout{grid-template-columns:1fr}.nav-bar{flex-wrap:wrap;align-items:flex-start}.nav-links{display:none}.nav-actions{justify-content:space-between;width:100%}.hero-section{margin-top:58px}.generator-card{box-shadow:10px 10px #141917eb}.caption-card{grid-template-columns:1fr}.caption-card button{width:100%}}@media (width<=560px){h1{letter-spacing:-.065em;font-size:clamp(3.35rem,16vw,4.2rem);line-height:.96}.hero-actions,.tone-row{grid-template-columns:1fr}.primary-action,.secondary-action,.logout-button{width:100%}.nav-actions{flex-direction:column;align-items:stretch}.results-toolbar .secondary-action{width:100%}.tone-row{display:grid}.drop-zone{min-height:250px}}