Upload folder using huggingface_hub

anxiety_app/static/app.css

@@ -1,15 +1,15 @@
 :root {
-  --bg: #14110d;          /* warm near-black */
-  --bg-2: #1b1712;        /* raised surface */
-  --bg-3: #221d16;        /* card / input */
-  --line: #2e2820;
-  --line-2: #3d352a;
-  --text: #ece6da;        /* warm off-white */
-  --muted: #9c9384;
-  --amber: #e0a23b;       /* primary accent */
-  --amber-soft: #f0c074;
-  --rust: #c9663a;        /* secondary accent */
-  --danger: #e06a52;
+  --bg: #161a1b;          /* lighter cool charcoal */
+  --bg-2: #1d2224;        /* raised surface */
+  --bg-3: #232a2b;        /* card / input */
+  --line: #2c3335;
+  --line-2: #3a4346;
+  --text: #e8eceb;        /* cool off-white */
+  --muted: #94a09e;
+  --amber: #2dd4bf;       /* primary accent (teal) */
+  --amber-soft: #6ee7d5;
+  --rust: #fb7a5c;        /* secondary accent (warm coral) */
+  --danger: #f0795f;
   --radius: 8px;
   --maxw: 1060px;
   --display: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
@@ -21,7 +21,7 @@ html, body { margin: 0; padding: 0; }
 
 body {
   background:
-    radial-gradient(1100px 520px at 78% -8%, rgba(224, 162, 59, 0.10), transparent 60%),
+    radial-gradient(1100px 520px at 78% -8%, rgba(45, 212, 191, 0.10), transparent 60%),
     var(--bg);
   color: var(--text);
   font-family: var(--sans);
@@ -58,7 +58,7 @@ body {
 /* ---------- hero ---------- */
 .hero { padding: 26px 0 40px; }
 .eyebrow { font-family: var(--display); font-size: 0.78rem; letter-spacing: 0.22em; text-transform: uppercase; color: var(--amber); font-weight: 600; margin: 0 0 22px; }
-.hero h1 { font-family: var(--display); font-weight: 700; font-size: clamp(2.7rem, 6.2vw, 5rem); line-height: 1.0; letter-spacing: -0.035em; margin: 0 0 24px; max-width: 15ch; }
+.hero h1 { font-family: var(--display); font-weight: 700; font-size: clamp(2.4rem, 5.2vw, 4.3rem); line-height: 1.04; letter-spacing: -0.03em; margin: 0 0 24px; max-width: 16ch; }
 .hero h1 .grad { color: var(--amber); }
 .hero p { color: var(--muted); font-size: 1.2rem; max-width: 54ch; margin: 0 0 32px; }
 .hero-cta { display: flex; gap: 14px; flex-wrap: wrap; }
@@ -92,12 +92,12 @@ a.card:hover .arrow { color: var(--amber-soft); }
 }
 .btn:disabled { opacity: 0.4; cursor: not-allowed; }
 .btn:not(:disabled):hover { transform: translateY(-2px); }
-.btn-primary { background: var(--amber); color: #1a140a; }
-.btn-primary:not(:disabled):hover { background: var(--amber-soft); box-shadow: 0 10px 26px rgba(224,162,59,0.28); }
-.btn-face { background: var(--amber); color: #1a140a; }
-.btn-face:not(:disabled):hover { background: var(--amber-soft); box-shadow: 0 10px 26px rgba(224,162,59,0.28); }
-.btn-voice { background: var(--rust); color: #fff; }
-.btn-voice:not(:disabled):hover { filter: brightness(1.1); box-shadow: 0 10px 26px rgba(201,102,58,0.3); }
+.btn-primary { background: var(--amber); color: #06231d; }
+.btn-primary:not(:disabled):hover { background: var(--amber-soft); box-shadow: 0 10px 26px rgba(45,212,191,0.28); }
+.btn-face { background: var(--amber); color: #06231d; }
+.btn-face:not(:disabled):hover { background: var(--amber-soft); box-shadow: 0 10px 26px rgba(45,212,191,0.28); }
+.btn-voice { background: var(--rust); color: #2a0f08; }
+.btn-voice:not(:disabled):hover { filter: brightness(1.08); box-shadow: 0 10px 26px rgba(251,122,92,0.3); }
 .btn-ghost { background: transparent; color: var(--text); border-color: var(--line-2); }
 .btn-ghost:not(:disabled):hover { border-color: var(--amber); color: var(--amber); }
 
@@ -121,9 +121,9 @@ a.card:hover .arrow { color: var(--amber-soft); }
 }
 .mic-orb.recording { animation: pulse 1.1s ease-in-out infinite; }
 @keyframes pulse {
-  0% { box-shadow: 0 0 0 0 rgba(201, 102, 58, 0.45); }
-  70% { box-shadow: 0 0 0 20px rgba(201, 102, 58, 0); }
-  100% { box-shadow: 0 0 0 0 rgba(201, 102, 58, 0); }
+  0% { box-shadow: 0 0 0 0 rgba(251, 122, 92, 0.45); }
+  70% { box-shadow: 0 0 0 20px rgba(251, 122, 92, 0); }
+  100% { box-shadow: 0 0 0 0 rgba(251, 122, 92, 0); }
 }
 audio { width: 100%; max-width: 420px; margin-top: 16px; }
 
@@ -139,7 +139,7 @@ audio { width: 100%; max-width: 420px; margin-top: 16px; }
   display: block; text-align: center; padding: 11px 6px; border-radius: 6px; border: 1px solid var(--line-2);
   background: var(--bg-3); color: var(--muted); font-size: 0.85rem; cursor: pointer; transition: all 0.12s ease;
 }
-.opt input:checked + span { border-color: var(--amber); background: rgba(224,162,59,0.16); color: var(--text); font-weight: 600; }
+.opt input:checked + span { border-color: var(--amber); background: rgba(45,212,191,0.16); color: var(--text); font-weight: 600; }
 .opt:hover span { border-color: var(--amber); }
 
 .scorecard { margin-top: 26px; padding: 26px; border: 1px solid var(--line-2); border-radius: var(--radius); background: var(--bg-3); }