:root{--bg:#050608;--side:#090b0d;--surface:#101923;--paper:#101722;--border:#a6b9d329;--ink:#f3f5f7;--muted:#b0bac9;--gold:#f3d64e;--soft:#c1d3e5;--accent:#173c35}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,sans-serif}body.night{--bg:#020305;--side:#050608;--surface:#0b121d;--paper:#080e17;--border:#7f9bbe30;--muted:#aabbd0;--accent:#103325;--soft:#bfd4ed}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;background:transparent;border:1px solid var(--border);border-radius:8px;padding:10px 14px}button:hover{background:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:var(--side);padding:36px 23px 25px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:25px}.logo{color:var(--gold);font:italic 42px Georgia,serif;letter-spacing:-2px;text-decoration:none}.logo span{font-style:normal}.logo small{display:block;font:10px system-ui;letter-spacing:2.3px;margin-top:5px;color:var(--muted)}.nav-label,.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted)}.nav-label{margin:10px 0 -12px}nav{display:flex;flex-direction:column;gap:7px}nav button{border:0;display:flex;gap:12px;text-align:left;font-size:14px;align-items:center;padding:13px 10px}nav button span{font-size:20px;width:22px;color:var(--gold)}nav button.active{background:var(--accent);color:#f5ead0}nav b{font-size:11px;font-weight:400;margin-left:auto;color:var(--muted)}.gold{background:var(--gold);color:#162920;border:0;font-size:14px;font-weight:600}.gold:hover{background:#ffe875;color:#101710}.recent .nav-label{margin-bottom:12px}#recent{display:flex;flex-direction:column;gap:3px}#recent button{border:0;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--muted);font-size:13px;padding:7px 0}.sidebar-bottom{margin-top:auto}.signature{font:italic 21px/1.5 Georgia,serif;color:var(--soft);padding:25px 0;border-top:1px solid var(--border)}.sidebar-bottom p{color:var(--muted);font-size:12px}.sidebar-bottom button{border:0;padding:7px 0;display:block;font-size:12px;color:var(--gold)}main{min-width:0;padding:0 40px;background:radial-gradient(ellipse at 80% 0%,#1464e81c,transparent 45%),radial-gradient(ellipse at 5% 80%,#18af6d12,transparent 50%)}header{height:99px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:15px}header .eyebrow{font-size:9px}#roomLabel{font-size:14px;margin-top:3px}.header-actions{display:flex;gap:10px}.header-actions button{font-size:12px}.page-heading{display:flex;justify-content:space-between;align-items:center;padding:35px 0 27px;gap:15px}h1{font:normal clamp(28px,3vw,43px)/1.2 Georgia,serif;margin:10px 0 0;letter-spacing:-1px}.script{font:italic 18px Georgia;color:var(--gold)}.page-heading p{color:var(--muted);margin-bottom:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 248px;gap:23px;align-items:start}.paper{background:linear-gradient(120deg,#ffffff03,transparent),var(--paper);border:1px solid #bfccad25;border-radius:13px;min-height:570px;box-shadow:0 24px 70px #0002;padding:0 32px}.paper-toolbar{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);padding:19px 0;font-size:12px}select{color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:7px;font-size:13px}#saveState{margin-left:auto;color:var(--muted);font-size:11px}.paper-toolbar button{font-size:12px;border:0;padding:7px}#title{width:100%;border:0;background:transparent;color:var(--ink);font:30px Georgia;padding:30px 0 8px;outline-offset:0}#title::placeholder{color:var(--soft);opacity:.75}.byline{font-size:9px;color:var(--gold);letter-spacing:2px;margin:10px 0 20px}textarea{resize:vertical}#body{width:100%;min-height:360px;border:0;background:transparent;color:var(--ink);font:19px/1.95 Georgia;outline-offset:5px;display:block}textarea::placeholder,input::placeholder{color:var(--muted);opacity:.7}.paper-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--border);padding:16px 0;color:var(--muted);font-size:11px}.paper-footer input{accent-color:var(--gold)}.card,.seed-card{border:1px solid var(--border);border-radius:12px;padding:22px;background:var(--surface)}.card{border-top:2px solid #b99d64}.quote-mark{font:60px Georgia;color:var(--gold);height:50px;margin-top:17px}.card p{font:22px/1.5 Georgia;margin:10px 0 25px}.card button{padding:0;border:0;font-size:12px;color:var(--gold)}.seed-card{margin-top:18px}.seed-card p{font-size:13px;color:var(--muted)}.seed-card textarea{width:100%;min-height:85px;background:transparent;border:0;border-bottom:1px solid var(--border);color:var(--ink);font:italic 16px/1.5 Georgia}.seed-card button{color:var(--gold);font-size:12px;padding:12px 0 0;border:0}.quiet-note{text-align:center;font:italic 14px/1.7 Georgia;color:var(--muted);padding:22px 5px}footer{display:flex;justify-content:space-between;padding:27px 0;color:var(--muted);font-size:10px}footer span:first-child{font:italic 18px Georgia;color:var(--gold)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.entry{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:12px;min-width:0}.entry h2{font:24px Georgia;margin:15px 0;overflow-wrap:anywhere}.entry p{font:17px/1.7 Georgia;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--soft)}.entry small{color:var(--gold);font-size:10px;letter-spacing:1px}.entry .actions{display:flex;gap:8px;margin-top:20px}.entry button{font-size:12px}.empty{padding:45px 20px;border:1px dashed var(--border);border-radius:12px;color:var(--muted);grid-column:1/-1;text-align:center}.seed-form{display:flex;gap:15px;align-items:center;margin-bottom:25px}.seed-form textarea{flex:1;min-width:0;min-height:95px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:18px;color:var(--ink);font:18px Georgia}.collection-tools{display:flex;gap:12px;margin-bottom:25px}#search{flex:1;min-width:0;padding:13px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--ink)}#songTools{padding:15px 0;color:var(--muted);font-size:12px}#songTools button{font-size:12px;margin:4px;padding:6px 9px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}#notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--gold);color:#10251b;padding:13px 22px;border-radius:10px;box-shadow:0 10px 50px #0005;z-index:5;font-size:14px;max-width:90vw}dialog{background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:14px;padding:30px;max-width:90vw}dialog::backdrop{background:#0009}dialog h2{font:28px Georgia}dialog p{color:var(--muted)}dialog>div{display:flex;justify-content:flex-end;gap:10px}body.focus .sidebar,body.focus .inspiration,body.focus .page-heading,body.focus footer{display:none}body.focus .app{grid-template-columns:1fr}body.focus .workspace{grid-template-columns:1fr;max-width:850px;margin:30px auto}body.focus main{max-width:1100px;width:100%;margin:auto}@media(min-width:1450px){main{padding:0 60px}.workspace{grid-template-columns:minmax(0,1fr) 285px}.paper{min-height:650px}#body{min-height:420px}}@media(max-width:1100px){.app{grid-template-columns:210px 1fr}.sidebar{padding:28px 17px}main{padding:0 25px}.workspace{grid-template-columns:1fr}.inspiration{display:grid;grid-template-columns:1fr 1fr;gap:16px}.seed-card{margin:0}.quiet-note{grid-column:1/-1;padding:0}.script{display:none}.paper{min-height:520px}}@media(max-width:700px){.app{display:block}.sidebar{padding:17px;gap:12px;border-right:0;border-bottom:1px solid var(--border)}.logo{font-size:32px}.logo small{font-size:8px}nav{flex-direction:row;gap:3px}nav button{font-size:11px;gap:5px;flex:1;padding:9px 5px;justify-content:center}nav b,nav button span{display:none}.sidebar>.nav-label,.recent,.sidebar>.gold,.signature{display:none}.sidebar-bottom{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.sidebar-bottom p{font-size:10px;margin:0;width:100%}.sidebar-bottom button{font-size:10px;padding:0}main{padding:0 17px}header{height:77px}.header-actions{gap:5px}.header-actions button{padding:7px;font-size:10px}.page-heading{padding:25px 0 20px}h1{font-size:29px}.eyebrow{font-size:8px}.paper{padding:0 19px}.paper-toolbar{gap:5px}#title{font-size:25px}#saveState{font-size:10px}.paper-toolbar button{font-size:11px}#body{font-size:18px;min-height:300px}.inspiration{grid-template-columns:1fr}.card p{font-size:22px}.seed-form{flex-direction:column;align-items:stretch}.seed-form textarea{width:100%}.paper-footer{font-size:10px}#roomLabel{font-size:12px}}

/* Green, blue and yellow accents on a deep black studio. */
.logo{color:#f3d64e}.logo span{color:#f4f7fa}.logo small{color:#70b9ff}
header{border-bottom-color:#398ff83b}header .eyebrow{color:#70b9ff}
nav button[data-view="write"] span{color:#70b9ff}
nav button[data-view="garden"] span{color:#52e7a0}
nav button[data-view="collection"] span{color:#f3d64e}
nav button[data-view="write"].active{background:#123159;box-shadow:inset 3px 0 #5baaff;color:#e5f2ff}
nav button[data-view="garden"].active{background:#103d2a;box-shadow:inset 3px 0 #4de39a;color:#e0ffed}
nav button[data-view="collection"].active{background:#373014;box-shadow:inset 3px 0 #f3d64e;color:#fff3b2}
.signature{color:#63dfa4}.sidebar-bottom button{color:#70b9ff}
#write .page-heading .eyebrow{color:#70b9ff}#garden .page-heading .eyebrow{color:#58e4a0}#collection .page-heading .eyebrow{color:#f3d64e}
.paper{border-color:#418ce64d;border-top:3px solid #479cff;box-shadow:0 24px 70px #0005,0 0 36px #2583ff09;background:linear-gradient(145deg,#3484dd0a,transparent 45%),var(--paper)}
.paper-toolbar{border-bottom-color:#4d97ed2e}#kind{background:#14365c;color:#e0efff;border-color:#4d97ed55}#saveState{color:#72dcaa}#export{color:#80bfff}.byline{color:#f3d64e}.paper-footer input{accent-color:#49d695}
.card{background:#f1d34d;border:1px solid #ffe773;color:#151a11;box-shadow:0 10px 35px #f4d3480b}
.card .eyebrow{color:#46401e}.card .quote-mark{color:#506124}.card p{color:#17241f}.card button{color:#133e31;font-weight:600}.card button:hover{background:#e1c13b}
.seed-card{background:linear-gradient(135deg,#125b3e,#092f24);border-color:#43cf8c66;border-top:3px solid #4bdf99}.seed-card .eyebrow{color:#8bf5bc}.seed-card p{color:#c0dece}.seed-card textarea{color:#f0fff5;border-bottom-color:#73d6a44d}.seed-card textarea::placeholder{color:#b7dec9;opacity:1}.seed-card button{color:#f7e365}
.header-actions #mood{color:#f3d64e;border-color:#f3d64e40}.header-actions #focus{color:#81bdff;border-color:#418ce64d}
#garden .seed-form textarea{background:#0a241a;border-color:#47d88d55}#garden .entry{background:linear-gradient(140deg,#12412c,#0b1813);border-top:3px solid #4be097}#garden .entry small{color:#7ce9af}
#collection .entry{background:linear-gradient(145deg,#152f51,#0c1421);border-top:3px solid #5baaff}#collection .entry:nth-child(3n+2){background:linear-gradient(145deg,#133b29,#0c1812);border-top-color:#4be097}#collection .entry:nth-child(3n){background:linear-gradient(145deg,#302a13,#17160e);border-top-color:#f3d64e}
body.night .card{background:#d8bd43;border-color:#ebd360}body.night .seed-card{background:linear-gradient(135deg,#0d442d,#071e17)}body.night .paper{box-shadow:0 24px 70px #0007,0 0 35px #2583ff0a}

/* --- Added for Firebase sign-in --- */
#authScreen{position:fixed;inset:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:10;padding:20px}
#authScreen.hidden{display:none}
.auth-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:36px 32px;text-align:center}
.auth-card .logo{display:block;margin-bottom:6px;font:italic 36px Georgia,serif;color:var(--gold)}
.auth-card .logo span{font-style:normal;color:var(--ink)}
.auth-card p.sub{color:var(--muted);font-size:13px;margin:0 0 26px}
.auth-card input{width:100%;padding:12px 14px;margin-bottom:12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--ink)}
.auth-card button.gold{width:100%;padding:12px;margin-top:4px}
.auth-card .switch{margin-top:16px;font-size:12px;color:var(--muted)}
.auth-card .switch button{border:0;background:none;color:#70b9ff;padding:0;font-size:12px}
.auth-error{color:#ff8a8a;font-size:12px;min-height:16px;margin-top:10px}
.linklike{border:0;background:none;padding:10px 0 0;color:#70b9ff;font-size:12px;display:block;width:100%;text-align:center}
#unlockBanner{background:linear-gradient(135deg,#2a2410,#151204);border:1px solid #f3d64e55;border-radius:10px;padding:14px;margin-bottom:10px}
#unlockBanner p{margin:0 0 10px;font-size:12px;color:#e8d9a0}
#unlockBanner button{width:100%;font-size:12px;padding:9px}
button.locked{opacity:.55}
.app.hidden{display:none}
#accountBar{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);padding:6px 0 0}
#accountBar button{border:0;padding:4px 0;color:var(--gold);font-size:11px}
#cloudState{font-size:11px;color:var(--muted)}