@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");:root{--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--space-xs:clamp(4px,1vw,6px);--space-sm:clamp(8px,2vw,12px);--space-md:clamp(12px,3vw,16px);--space-lg:clamp(16px,4vw,24px);--space-xl:clamp(24px,6vw,32px);--space-2xl:clamp(32px,8vw,48px);--space-3xl:clamp(48px,12vw,80px);--text-xs:clamp(11px,2.5vw,12px);--text-sm:clamp(13px,3vw,14px);--text-base:clamp(15px,3.5vw,16px);--text-lg:clamp(17px,4vw,18px);--text-xl:clamp(20px,4.5vw,24px);--text-2xl:clamp(28px,6vw,32px);--text-3xl:clamp(36px,8vw,48px);--text-4xl:clamp(48px,10vw,64px);--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.7;--weight-light:300;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.02em;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--touch-target:44px;--button-height-sm:40px;--button-height-md:48px;--button-height-lg:56px;--color-text-primary:#f8fafc;--color-text-secondary:#e2e8f0;--color-text-muted:#cbd5e1;--color-text-faint:#94a3b8}*{box-sizing:border-box}html{background:#0a101a;font-feature-settings:"kern" 1,"liga" 1,"cv01" 1,"cv02" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:var(--font-primary);font-weight:var(--weight-normal);background:transparent;color:var(--color-text-primary);position:relative;min-height:100vh;overflow-x:hidden;font-size:var(--text-base);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal)}a{color:var(--color-text-muted);text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}a:hover{color:var(--color-text-primary)}a:visited{color:#cbd5f5}.bg-figure{background-image:url(/background.jpg);background-size:cover;background-position:50%;filter:blur(1px) saturate(.35) brightness(1.15);transform:scale(1.005);opacity:1;z-index:-2}.bg-figure,body:after{position:fixed;inset:0}body:after{content:"";background:linear-gradient(180deg,rgba(6,7,10,.08),rgba(6,7,10,.3)),radial-gradient(circle at 20% 20%,rgba(30,41,59,.12),transparent 55%),radial-gradient(circle at 80% 30%,rgba(30,41,59,.14),transparent 60%);z-index:-1}main{max-width:1200px;margin:0 auto;padding:0 var(--space-sm);position:relative;z-index:1}h1{font-size:var(--text-2xl);margin:0 0 var(--space-sm)}h1,h2{font-family:var(--font-primary);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}h2{font-size:var(--text-xl);margin:var(--space-xl) 0 var(--space-md)}h3{font-family:var(--font-primary);font-size:var(--text-lg);font-weight:var(--weight-medium);margin:var(--space-lg) 0 var(--space-sm);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);color:var(--color-text-primary)}h2:first-child{margin-top:0}.small{font-size:var(--text-sm);font-weight:var(--weight-normal);letter-spacing:var(--tracking-normal);color:var(--color-text-muted);line-height:var(--leading-normal)}.card{background:rgba(15,23,42,.52);border:1px solid rgba(148,163,184,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl)}.card:last-child{margin-bottom:0}.btn{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#1e293b;border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);border:1px solid rgba(148,163,184,.2);display:inline-flex;align-items:center;justify-content:center;line-height:1;font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--weight-medium);letter-spacing:var(--tracking-normal);cursor:pointer;transition:all .2s ease;text-decoration:none;gap:var(--space-sm);min-height:var(--touch-target);min-width:var(--touch-target);white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06)}.btn:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.08);border-color:rgba(148,163,184,.3)}.btn.primary{background:linear-gradient(135deg,#1e293b,#0f172a);color:#f8fafc;font-weight:600;border-color:rgba(148,163,184,.1);box-shadow:0 4px 12px rgba(0,0,0,.25),0 2px 4px rgba(0,0,0,.1)}.btn.primary:hover{background:linear-gradient(135deg,#0f172a,#020617);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3),0 4px 8px rgba(0,0,0,.15)}.btn.secondary{background:linear-gradient(135deg,#64748b,#475569);color:#f8fafc;border-color:rgba(148,163,184,.2)}.btn.secondary:hover{background:linear-gradient(135deg,#475569,#334155);transform:translateY(-1px)}.btn.large{padding:var(--space-lg) var(--space-2xl);font-size:var(--text-lg);min-height:var(--button-height-lg);border-radius:var(--radius-lg)}.btn.full-width{width:100%;justify-content:center}.btn.is-active{box-shadow:inset 0 0 0 1px rgba(148,163,184,.45),inset 0 6px 16px rgba(15,23,42,.85)}.btn.is-active,.btn.is-active:hover{background:#0f172a;transform:translateY(1px)}.toggle-button{background:#1f2937;color:var(--color-text-secondary);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);border:none;cursor:pointer;font-size:var(--text-sm);transition:all .15s ease}.toggle-button.selected{background:#94a3b8;color:#0f172a;font-weight:500}.toggle-button.selected:hover{background:#94a3b8}textarea{width:100%;min-height:120px;background:rgba(15,23,42,.35);border:1px solid rgba(148,163,184,.22);border-radius:var(--radius-md);padding:var(--space-md);color:var(--color-text-primary);font-family:inherit;font-size:var(--text-base);line-height:var(--leading-normal)}textarea:focus{outline:none;border-color:rgba(148,163,184,.4)}.log{background:rgba(15,23,42,.35);border-radius:var(--radius-md);padding:var(--space-lg);white-space:pre-wrap;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary);border:1px solid rgba(148,163,184,.1)}.log,.mono{font-family:var(--font-mono)}.row{display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap}.content-row{align-items:flex-start}.header-row{justify-content:space-between;gap:var(--space-lg);flex-wrap:wrap;margin:0;padding:var(--space-xs) 0}.header-brand,.header-row{display:flex;align-items:center}.header-brand{gap:var(--space-sm)}.header-brand,.header-brand:hover{text-decoration:none}.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs)}.header-top-auth{display:flex;justify-content:flex-end;width:100%}.header-nav{display:flex;gap:var(--space-lg);align-items:center}.header-user-inline{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm)}.header-logout-link{background:none;border:none;color:rgba(0,0,0,.7);font-size:var(--text-sm);padding:0;cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:transparent;text-decoration-color:transparent;transition:all .15s ease}.header-logout-link:hover{color:#000;-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.header-link{color:var(--color-text-muted);text-decoration:none;font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--weight-medium);letter-spacing:var(--tracking-normal);padding:var(--space-xs);transition:color .15s ease;white-space:nowrap}.header-link:hover{color:var(--color-text-primary);text-decoration:none}.header-logo{width:60px;height:auto}.corner-logo{position:fixed;top:var(--space-sm);right:var(--space-sm);width:40px;height:auto;z-index:1000;opacity:.8;transition:all .2s ease;cursor:pointer}.corner-logo:hover{opacity:1;transform:scale(1.05)}.more-menu{display:none}.desktop-only{display:inline-block}.back-button{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:rgba(15,23,42,.6);border:1px solid rgba(148,163,184,.3);border-radius:var(--radius-md);color:var(--color-text-primary);text-decoration:none;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--weight-medium);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .2s ease;margin-bottom:var(--space-lg)}.back-button:hover{background:rgba(15,23,42,.8);border-color:rgba(148,163,184,.4);transform:translateX(-2px);color:var(--color-text-primary)}.site-footer{margin-top:var(--space-3xl);padding:var(--space-xl) var(--space-lg) var(--space-3xl)}.site-footer-inner{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;align-items:center;border-top:1px solid rgba(148,163,184,.25);padding-top:var(--space-lg)}.site-footer a{text-decoration:none;color:var(--color-text-muted);font-size:var(--text-sm)}.site-footer a:hover{text-decoration:underline;color:var(--color-text-secondary)}.low-credit{animation:slow-blink 2s ease-in-out infinite}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.grid{display:grid;grid-gap:var(--space-lg);gap:var(--space-lg)}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.hero{text-align:center;padding:0}.hero-title{font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--space-md);background:linear-gradient(135deg,#f8fafc,#cbd5e1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:var(--leading-tight)}.hero-subtitle{font-size:var(--text-xl);color:var(--color-text-secondary);margin-bottom:var(--space-xl);line-height:var(--leading-relaxed)}.action-cards{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-gap:var(--space-lg);gap:var(--space-lg);margin:0}.action-cards>div:nth-child(3){grid-column:1/-1}.action-card{background:rgba(15,23,42,.52);border:1px solid rgba(148,163,184,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius-xl);padding:var(--space-md);text-align:center;transition:all .3s ease;cursor:pointer;text-decoration:none;color:inherit;position:relative;overflow:hidden}.action-card:hover{transform:translateY(-4px);border-color:rgba(148,163,184,.4);box-shadow:0 20px 40px rgba(0,0,0,.1)}.action-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.05),transparent);transition:left .6s ease}.action-card:hover:before{left:100%}.action-card-title{font-family:var(--font-primary);font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin-bottom:var(--space-sm);color:var(--color-text-primary)}.action-card-description{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal);margin-bottom:var(--space-md)}.recording-name-field{margin-bottom:var(--space-md);text-align:left}.recording-name-label{display:block;font-weight:var(--weight-medium);margin-bottom:var(--space-xs)}.recording-name-input,.recording-name-label{font-size:var(--text-sm);color:var(--color-text-primary)}.recording-name-input{width:100%;padding:var(--space-sm);font-family:var(--font-primary);background:rgba(15,23,42,.6);border:1px solid rgba(148,163,184,.3);border-radius:var(--radius-md);transition:all .2s ease}.recording-name-input::placeholder{color:var(--color-text-muted);font-style:italic}.recording-name-input:focus{outline:none;border-color:rgba(148,163,184,.6);background:rgba(15,23,42,.8)}.coupon-section{display:flex;justify-content:center;align-items:center;margin:var(--space-3xl) 0;padding:var(--space-xl);background:rgba(15,23,42,.32);border:1px solid rgba(148,163,184,.16);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-xl);position:relative}.coupon-component{max-width:100%}.section-divider{height:1px;background:rgba(148,163,184,.16);margin:var(--space-2xl) 0}@media (max-width:767px){main{padding:var(--space-md)}.hero{padding:var(--space-2xl) 0}.hero .hero-title{font-size:var(--text-2xl)}.hero-icons-wrapper{flex-direction:column!important;gap:var(--space-sm)!important}.hero-icons-wrapper span{font-size:var(--text-2xl)!important}.action-cards{gap:var(--space-xl)}.action-card{padding:var(--space-xl)}.action-cards{grid-template-columns:1fr;grid-template-rows:auto}.action-cards>div:nth-child(3){grid-column:1}.row{flex-direction:column;align-items:stretch}.btn.large{padding:var(--space-lg) var(--space-xl)}.coupon-section{margin:var(--space-xl) 0;padding:var(--space-lg)}.coupon-section:before{top:var(--space-sm);left:var(--space-sm);font-size:var(--text-lg)}}@media (min-width:768px){.action-cards,.grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){main{padding:var(--space-2xl)}.hero{padding:var(--space-sm) 0 0}}@keyframes slow-blink{0%,to{opacity:.85}50%{opacity:.25}}@media (max-width:768px){main{padding:var(--space-md)}.header-row{gap:var(--space-md);margin-bottom:0}.header-nav{gap:var(--space-sm)}.header-link{padding:var(--space-xs) 0}.desktop-only{display:none}.more-menu{position:relative;display:inline-block}.more-dropdown{position:absolute;top:100%;right:0;background:rgba(10,16,26,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(203,213,225,.2);border-radius:var(--radius-md);padding:var(--space-xs);margin-top:var(--space-xs);min-width:180px;z-index:1000;box-shadow:0 4px 6px -1px rgba(0,0,0,.3)}.more-dropdown-link{display:block;padding:var(--space-sm);color:var(--color-text-muted);text-decoration:none;font-size:var(--text-sm);border-radius:var(--radius-sm);transition:all .15s ease}.more-dropdown-link:hover{background:rgba(203,213,225,.1);color:var(--color-text-primary)}.more-button{background:none;border:none;color:#f8fafc;font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--weight-medium);padding:var(--space-xs) 0;cursor:pointer;transition:color .15s ease;white-space:nowrap}.more-button:hover{color:var(--color-text-primary)}.hidden{display:none}.card{padding:var(--space-lg)}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}}