:root{font:17px/1.5 system-ui,-apple-system,sans-serif;color:#f0fbf6;background:#080e12;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:780px;margin:auto;padding:28px 24px 48px}header,.section-title,.controls,.input-row{display:flex;gap:12px;align-items:center;justify-content:space-between}header a{font-size:28px;color:inherit;text-decoration:none;letter-spacing:-.06em}header span,.eyebrow,#captureState{font-size:12px;letter-spacing:.1em;color:#ade9d0}.intro{padding:48px 0 24px}h1{font-size:clamp(38px,8vw,64px);letter-spacing:-.055em;line-height:1.05;margin:12px 0}h2{font-size:22px;letter-spacing:-.035em;margin:0}p{margin:12px 0}.deck,.writing{padding:24px;background:#0e191e;border:1px solid #294139;border-radius:28px;margin-bottom:20px}.section-title{margin-bottom:24px}button,.file-button,summary{cursor:pointer}button,.file-button{font:inherit;border:1px solid #547267;border-radius:24px;padding:14px 20px;min-height:52px;color:inherit;background:transparent}.file-button{display:block;text-align:center}#trackFile{display:block;width:100%;margin-top:12px;font:inherit;font-size:14px}.primary{background:#baffdf;border-color:#baffdf;color:#09241a;font-weight:650}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:4px}input:not([type=checkbox]):not([type=file]),textarea{font:inherit;padding:14px;border:1px solid #547267;border-radius:16px;background:#080e12;color:inherit;min-width:0;width:100%}.input-row{margin-top:8px}label{display:block}.option{display:flex;align-items:center;gap:10px;margin:16px 0}.option input{width:22px;height:22px}audio{width:100%;margin-top:12px}details{margin-top:20px}details form{margin-top:20px}.muted,#speechStatus{font-size:14px;color:#b9ccc3}iframe{width:100%;min-height:220px;aspect-ratio:16/9;border:0;border-radius:16px}#youtubeFallback{color:#baffdf}.captions{min-height:160px;max-height:260px;overflow:auto;font-size:clamp(26px,5vw,38px);line-height:1.3;letter-spacing:-.03em;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:24px}#interimCaption{color:#baffdf}.word-arrival{animation:arrive 120ms ease-out}.controls{justify-content:flex-start;flex-wrap:wrap;margin:20px 0}.writing label{margin-top:28px;margin-bottom:10px}#captureState[data-live=true]{color:#baffdf}#captureState[data-live=true]::before{content:'● ';}#mediaStatus,#saveMessage{color:#ffe1ab;font-size:15px}.connection-note,footer{font-size:13px;color:#a6bab0;margin-top:24px}@keyframes arrive{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}[hidden]{display:none!important}@media(max-width:420px){main{padding:22px 16px}.deck,.writing{padding:20px}.controls button{flex:1}header span{font-size:10px}}@media(prefers-reduced-motion:reduce){.word-arrival{animation:none}}

/* Liquid glass belongs to the companion screen; no camera image is requested. */
body{background:radial-gradient(ellipse at 5% 10%,#17423f 0,transparent 48%),radial-gradient(ellipse at 100% 45%,#252451 0,transparent 50%),radial-gradient(ellipse at 30% 95%,#12372f 0,transparent 45%),#080e12;background-attachment:fixed}
.deck,.writing{position:relative;background:linear-gradient(125deg,#effffb13,#ffffff04 45%,#b2c5ff0b);border:1px solid #defff22e;box-shadow:inset 0 1px 0 #ffffff29,inset 0 -1px 0 #baffdf0d,0 16px 45px #00000024;backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%)}
button,.file-button{background:linear-gradient(140deg,#ffffff12,#ffffff03);border-color:#d4ffed45;box-shadow:inset 0 1px 0 #ffffff20}
.primary{background:linear-gradient(135deg,#d4ffec,#9deacb);color:#082519;border-color:#e8fff2cc;box-shadow:inset 0 1px 0 #ffffffa6,0 3px 14px #88d7ba12}
textarea,input:not([type=checkbox]):not([type=file]){background:#050d1380!important;border-color:#d4ffed35!important}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.deck,.writing{background:#11201f}}
#notebookTitle{margin-bottom:20px}#songTitle,#songCategory,#referenceUrl{margin:8px 0 16px}select{font:inherit;width:100%;padding:14px;color:inherit;background:#10231f;border:1px solid #547267;border-radius:16px}.attachment{border-top:1px solid #baffdf30;margin-top:18px;padding-top:16px}.attachment a{color:#baffdf;display:inline-block;margin:8px 12px 0 0}.attachment p{overflow-wrap:anywhere}