chore: scaffold tauri transcription app

src/styles.css

@@ -0,0 +1,103 @@
+:root {
+  color: #101418;
+  background: #f5f1ea;
+  font-family:
+    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
+    sans-serif;
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  min-width: 320px;
+  min-height: 100vh;
+  background:
+    radial-gradient(circle at top left, rgba(119, 93, 72, 0.16), transparent 32rem),
+    #f5f1ea;
+}
+
+button,
+textarea,
+input,
+select {
+  font: inherit;
+}
+
+.shell {
+  width: min(100%, 760px);
+  min-height: 100vh;
+  margin: 0 auto;
+  padding: 3rem 1.25rem;
+  display: grid;
+  align-content: center;
+  gap: 1.5rem;
+}
+
+.hero {
+  display: grid;
+  gap: 0.75rem;
+}
+
+.eyebrow {
+  margin: 0;
+  color: #7a4f38;
+  font-size: 0.78rem;
+  font-weight: 700;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+}
+
+h1,
+h2,
+p {
+  margin: 0;
+}
+
+h1 {
+  max-width: 12ch;
+  font-size: clamp(2.5rem, 8vw, 5rem);
+  line-height: 0.9;
+  letter-spacing: -0.07em;
+}
+
+.subtitle {
+  max-width: 42rem;
+  color: #586069;
+  font-size: 1.05rem;
+  line-height: 1.6;
+}
+
+.card {
+  display: flex;
+  gap: 1rem;
+  align-items: flex-start;
+  padding: 1rem;
+  border: 1px solid rgba(16, 20, 24, 0.12);
+  border-radius: 1rem;
+  background: rgba(255, 255, 255, 0.72);
+}
+
+.card h2 {
+  font-size: 1rem;
+}
+
+.card p {
+  margin-top: 0.25rem;
+  color: #66707a;
+  line-height: 1.5;
+}
+
+.status-dot {
+  width: 0.75rem;
+  height: 0.75rem;
+  margin-top: 0.25rem;
+  border-radius: 999px;
+  background: #1f8f5f;
+  box-shadow: 0 0 0 0.25rem rgba(31, 143, 95, 0.16);
+  flex: 0 0 auto;
+}