:root{--color-primary-green:#008542;--color-bg-cream:#f6ede4;--color-text-dark:#1b2027;--color-white:#fff;--color-accent-blue:#198cff;--color-accent-red:#ff5b4d;--color-gradient-orange:#ff6a57;--color-gradient-green:#00c798;--color-gradient-blue:#00b0e6;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--font-size-h1:28px;--font-size-h2:24px;--font-size-body:16px;--font-size-body-sm:14px;--font-size-caption:12px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:999px;--shadow-card:0 8px 24px rgba(27,32,39,.1);--shadow-button:0 8px 20px rgba(0,133,66,.25);--glass-bg:hsla(0,0%,100%,.2);--glass-bg-strong:hsla(0,0%,100%,.3);--glass-border:hsla(0,0%,100%,.35);--glass-blur:blur(10px);--theme-bg-primary:var(--color-bg-cream);--theme-bg-secondary:var(--color-white);--theme-text-primary:var(--color-text-dark);--theme-text-secondary:rgba(27,32,39,.6);--theme-border:rgba(27,32,39,.1);--theme-accent:var(--color-primary-green)}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--theme-bg-primary);color:var(--theme-text-primary);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:var(--font-size-body);line-height:1.4}.font-display{font-family:Comfortaa,Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-weight:700}.demo-bg{position:relative;min-height:100vh;overflow:hidden}.demo-bg:before{inset:-20%;background:radial-gradient(600px 600px at 20% 15%,#faf5ef 0,transparent 60%),radial-gradient(700px 700px at 90% 80%,#f1e5da 0,transparent 60%);opacity:.9}.demo-bg:after,.demo-bg:before{content:"";position:absolute;pointer-events:none}.demo-bg:after{left:50%;top:44%;width:520px;height:520px;transform:translate(-50%,-50%);background:radial-gradient(circle at 30% 25%,var(--color-gradient-orange) 0,transparent 45%),radial-gradient(circle at 45% 60%,var(--color-gradient-green) 0,transparent 50%),radial-gradient(circle at 70% 55%,var(--color-gradient-blue) 0,transparent 55%);filter:blur(42px);opacity:.45}.noise{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");opacity:.25;mix-blend-mode:multiply;pointer-events:none}.screen{position:relative;z-index:1;width:100%;max-width:420px;margin:0 auto;padding:calc(var(--space-lg) + env(safe-area-inset-top)) var(--space-lg) calc(var(--space-2xl) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--space-lg)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.logo-dot{width:34px;height:34px;border-radius:var(--radius-full);background:radial-gradient(circle at 30% 25%,var(--color-gradient-orange) 0,transparent 52%),radial-gradient(circle at 45% 60%,var(--color-gradient-green) 0,transparent 58%),radial-gradient(circle at 70% 55%,var(--color-gradient-blue) 0,transparent 62%),hsla(0,0%,100%,.35);border:1px solid hsla(0,0%,100%,.55);box-shadow:0 8px 24px rgba(27,32,39,.14)}.vibe-pill{font-size:var(--font-size-caption);color:var(--theme-text-secondary);padding:6px 10px;border-radius:var(--radius-full);border:1px solid var(--glass-border);background:var(--glass-bg)}.glass-card,.vibe-pill{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.glass-card{border-radius:var(--radius-lg);background:var(--glass-bg-strong);border:1px solid var(--glass-border);box-shadow:var(--shadow-card)}.card-pad{padding:var(--space-lg)}.title{margin:0;font-size:var(--font-size-h1);letter-spacing:-.02em}.subtitle{margin:0;font-size:var(--font-size-body-sm);color:var(--theme-text-secondary)}.input,.select{width:100%;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--theme-border);background:var(--theme-bg-secondary);color:var(--theme-text-primary);font-size:var(--font-size-body);outline:none}.input:focus,.select:focus{border-color:var(--theme-accent);box-shadow:0 0 0 4px rgba(0,133,66,.12)}.button-primary{border:0;border-radius:var(--radius-md);background:var(--theme-accent);color:#fff;box-shadow:var(--shadow-button)}.button-primary,.button-secondary{width:100%;padding:14px 16px;font-weight:700;font-size:var(--font-size-body)}.button-secondary{border:1px solid var(--theme-border);border-radius:var(--radius-md);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--theme-text-primary)}.button-primary:disabled{opacity:.55;box-shadow:none}.row{display:flex;gap:var(--space-md)}.row>*{flex:1 1}.tile{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.logo-badge{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:800;color:#fff}.logo-email{background:linear-gradient(135deg,#ea4335,#c5221f)}.logo-trello{background:linear-gradient(135deg,#0079bf,#005a8c)}.logo-telegram{background:linear-gradient(135deg,#2aabee,#1b7fb8)}.status{margin-left:auto;font-size:var(--font-size-caption);color:var(--theme-text-secondary)}.status-dot{width:10px;height:10px;border-radius:var(--radius-full);background:rgba(27,32,39,.25);box-shadow:0 0 0 4px rgba(27,32,39,.06)}.status-working{background:var(--color-accent-blue);box-shadow:0 0 0 4px rgba(25,140,255,.18)}.status-done{background:var(--theme-accent);box-shadow:0 0 0 4px rgba(0,133,66,.18)}.status-fail{background:var(--color-accent-red);box-shadow:0 0 0 4px rgba(255,91,77,.18)}.center{display:grid;place-items:center}.spacer{height:var(--space-lg)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.enter{animation:fadeUp .22s ease-out}