:root{color-scheme:light;--bg:#f7f8fa;--surface:#fff;--ink:#23343a;--muted:#6d787c;--line:#e3e8ea;--accent:#24586a;--accent-soft:#e6eff2;--gold:#b18b4d;--shadow:0 12px 40px #1a36400c;--card-paper:#fff;--card-blue:#eaf3f8;--card-yellow:#fcf3d9;--card-rose:#f9ecee;--card-green:#eaf3ed;--card-purple:#f0edf9;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;min-height:44px;touch-action:manipulation}button:disabled{opacity:.45;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[contenteditable]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input,textarea,select{min-width:0;font-size:16px}a{color:var(--accent)}svg.i{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin-top:0}h1,h2,.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:38px;letter-spacing:-1.5px;margin-bottom:12px}h2{font-size:28px;letter-spacing:-.5px}h3{font-size:17px}p{line-height:1.6}.muted{color:var(--muted)}.small{font-size:14px}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-weight:600}.shell{max-width:1600px;margin:auto;min-height:100dvh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{padding:38px 24px;position:sticky;top:0;height:100dvh;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font-family:Georgia,serif;font-size:30px;letter-spacing:-1px}.brand img{width:38px;height:38px;border-radius:11px}.side-nav{display:grid;gap:6px;margin-top:45px}.side-nav button{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 15px;border-radius:12px;color:var(--muted)}.side-nav button.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.sidebar-foot{margin-top:auto;font-size:14px;color:var(--muted);padding:20px 12px 0}.main{min-width:0;padding:40px 48px 110px}.topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px;gap:12px}.topline .mobile-brand{display:none}.top-actions{display:flex;gap:8px;align-items:center}.icon-btn{width:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.icon-btn:hover{background:var(--accent-soft)}.primary{background:var(--accent);color:white;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 19px;font-size:15px;font-weight:600}.secondary{border:1px solid var(--line);border-radius:12px;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--surface)}.text-btn{color:var(--accent);padding:8px 4px;font-size:14px;font-weight:600}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:26px}.page-heading p{margin:0;font-size:15px;color:var(--muted)}.search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--surface);padding:0 14px;border-radius:13px;margin-bottom:22px;min-height:49px}.search svg{color:var(--muted)}.search input{border:0;background:transparent;width:100%;outline:none!important;height:47px}.filters{display:flex;gap:8px;overflow:auto;scrollbar-width:none;margin-bottom:28px;padding:2px}.chip{padding:8px 17px;border-radius:22px;white-space:nowrap;background:var(--surface);border:1px solid var(--line);font-size:14px;min-height:38px}.chip.active{background:var(--ink);color:var(--surface);border-color:var(--ink)}.section-label{display:flex;align-items:center;justify-content:space-between;margin:25px 0 15px}.section-label h3{font-size:14px;font-weight:600;margin:0}.note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.note-card{display:flex;flex-direction:column;position:relative;min-height:214px;background:var(--card-paper);border:1px solid var(--line);border-radius:18px;padding:22px;text-align:left;box-shadow:0 3px 5px #23343a02;transition:transform .15s}.note-card:hover{transform:translateY(-3px)}.note-card h3{line-height:1.35;margin:17px 0 9px;font-family:Georgia,serif;font-size:22px;font-weight:400;overflow-wrap:anywhere}.note-card .excerpt{font-size:14px;color:var(--muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.note-card .card-foot{margin-top:auto;padding-top:19px;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px}.note-card .card-foot svg{width:15px;height:15px}.note-card .card-tag{font-size:12px;color:var(--accent);display:flex;align-items:center;justify-content:space-between}.empty{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:65px 24px;text-align:center;max-width:760px;margin:0 auto}.empty .empty-mark{width:68px;height:68px;background:var(--accent-soft);border-radius:21px;display:grid;place-items:center;margin:0 auto 25px;color:var(--accent)}.empty-mark svg{width:30px;height:30px}.empty h2{margin-bottom:12px}.empty p{max-width:320px;margin:0 auto 25px;color:var(--muted);font-size:15px}.first-note{background:var(--accent);color:#fff;border-radius:20px;padding:23px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px}.first-note h3{font-family:Georgia,serif;font-size:24px;font-weight:400;margin:0 0 5px}.first-note p{margin:0;color:#d7e5ea;font-size:14px}.first-note button{background:#fff;color:var(--accent)}.bottom-nav{display:none}.folder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.folder-card{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:17px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.folder-card svg{width:30px;height:30px;color:var(--gold)}.folder-card b{font-weight:600}.folder-card span{font-size:14px;color:var(--muted)}.editor-shell .main{padding:24px 38px 110px}.editor-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:8px}.back-button{display:inline-flex;gap:5px;align-items:center;color:var(--accent);padding:0}.save-state{font-size:12px;color:var(--muted);margin-left:auto;max-width:130px;text-align:right}.editor-paper{max-width:800px;margin:auto}.title-input{border:0;width:100%;background:transparent;font-family:Georgia,serif;font-size:36px;line-height:1.2;letter-spacing:-1px;outline:none;padding:10px 0;margin:6px 0 16px}.note-meta{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:21px}.note-meta button{font-size:13px;min-height:30px;background:var(--accent-soft);color:var(--accent);padding:5px 10px;border-radius:6px;max-width:100%;overflow-wrap:anywhere}.note-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:22px;gap:24px}.note-tabs button{font-size:14px;padding:11px 0;color:var(--muted);border-bottom:2px solid transparent}.note-tabs button.active{border-bottom-color:var(--accent);color:var(--accent);font-weight:600}.format-bar{display:flex;gap:3px;align-items:center;background:var(--surface);border:1px solid var(--line);padding:4px 8px;border-radius:12px;overflow:auto;position:sticky;top:8px;z-index:3;box-shadow:var(--shadow);margin-bottom:20px}.format-bar button{min-width:38px;min-height:38px;border-radius:7px;display:grid;place-items:center}.format-bar button:hover{background:var(--accent-soft)}.format-bar .divider{height:20px;border-left:1px solid var(--line);margin:0 5px}.editor{min-height:42dvh;line-height:1.8;font-size:17px;outline:none!important;overflow-wrap:anywhere;padding:0 2px 40px}.editor:empty:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}.editor p{margin:0 0 16px}.editor h2{font-size:27px;margin:20px 0 12px}.editor blockquote{margin:22px 0;padding:18px 20px;border-left:3px solid var(--gold);background:var(--surface);border-radius:0 12px 12px 0;font-family:Georgia,serif;line-height:1.8}.editor blockquote small{display:block;font-family:-apple-system,sans-serif;font-size:12px;color:var(--muted);margin-top:10px}.editor .audio-mark{color:var(--accent);font-size:14px;background:var(--accent-soft);border-radius:6px;display:inline-block;padding:0 8px}.editor mark{background:#f6dfa0;color:#333}.record-dock{position:fixed;bottom:24px;left:calc(50% + 124px);transform:translateX(-50%);display:flex;align-items:center;gap:13px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:10px 13px;box-shadow:0 8px 35px #12293320;z-index:10;max-width:calc(100vw - 30px)}.record-dock .record-button{background:var(--accent);color:white;border-radius:12px;display:flex;align-items:center;gap:9px;padding:10px 17px;font-size:14px;font-weight:600;white-space:nowrap}.record-dock.recording .record-button{background:#a44242}.record-dock .record-info{font-size:12px;color:var(--muted);white-space:nowrap}.record-dot{width:9px;height:9px;border-radius:50%;background:#c85858;display:inline-block;margin-right:6px}.recording .record-dot{animation:pulse 1.2s infinite}.audio-player{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:15px;margin:15px 0}.audio-player audio{width:100%;height:42px}.audio-player .row{margin-bottom:8px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.stack{display:grid;gap:14px}.panel{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-bottom:18px}.panel h3{margin-bottom:8px}.panel p{font-size:14px;color:var(--muted)}.transcript-segment{display:flex;align-items:flex-start;gap:15px;border-bottom:1px solid var(--line);padding:15px 0}.transcript-segment button{font-size:12px;color:var(--accent);min-width:45px;min-height:30px}.transcript-segment p{font-size:16px;margin:0;line-height:1.7}.ai-text{white-space:pre-wrap;line-height:1.85;font-size:16px}.ai-text button{display:inline;color:var(--accent);background:var(--accent-soft);border-radius:5px;min-height:24px;font-size:13px;padding:2px 5px}.ai-label{color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:14px}.question-box{display:flex;gap:8px;margin-top:20px}.question-box input{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid var(--line);font-size:15px}.settings-row:last-child{border:0}.settings-row select{background:var(--bg);padding:9px;border:1px solid var(--line);border-radius:9px;max-width:50%}.settings-row label{display:grid;gap:5px}.settings-row label small{color:var(--muted);font-size:12px}.danger{color:#b44444}.color-dots{display:flex;gap:10px;flex-wrap:wrap}.color-dot{border-radius:50%;width:36px;min-height:36px;border:1px solid #71808840}.color-dot.selected{outline:2px solid var(--accent);outline-offset:3px}.wide{width:100%}dialog{border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--ink);width:min(460px,calc(100% - 28px));padding:26px;box-shadow:0 20px 90px #0a263333;max-height:85dvh;overflow:auto}dialog::backdrop{background:#112d3a55;backdrop-filter:blur(5px)}dialog .dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}dialog h2{font-size:27px;margin:0}dialog p{font-size:15px;color:var(--muted)}dialog label.field{display:grid;gap:8px;font-size:14px;margin-bottom:16px}dialog input:not([type=checkbox]),dialog select,dialog textarea{width:100%;padding:12px;background:var(--bg);border:1px solid var(--line);border-radius:10px}dialog textarea{min-height:170px;resize:vertical}dialog .actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}dialog .menu-action{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border-bottom:1px solid var(--line);padding:12px 0}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%) translateY(15px);background:var(--ink);color:var(--surface);border-radius:13px;padding:12px 20px;font-size:14px;max-width:calc(100% - 30px);z-index:100;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translateX(-50%)}.loading{text-align:center;padding:20vh 20px}.focus .sidebar,.focus .note-meta,.focus .note-tabs,.focus .format-bar{display:none}.focus .shell{grid-template-columns:1fr}.focus .record-dock{left:50%}.focus .editor-paper{max-width:680px}.offline-pill{font-size:12px;color:var(--muted)}.sticky-grid .note-card{border-radius:3px 3px 24px 3px;min-height:230px;box-shadow:3px 8px 14px #22343a0a}.sticky-grid .note-card:nth-child(2n){transform:rotate(1deg)}.sticky-grid .note-card:nth-child(3n){transform:rotate(-1deg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}[hidden]{display:none!important}@keyframes pulse{50%{opacity:.3}}@media(min-width:1500px){.main{padding:48px 70px}.note-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.note-grid,.folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main{padding:32px 30px 110px}.shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding:32px 18px}.record-dock{left:calc(50% + 105px)}}@media(max-width:700px){.shell{display:block}.sidebar{display:none}.main,.editor-shell .main{padding:calc(20px + env(safe-area-inset-top)) 22px calc(110px + env(safe-area-inset-bottom))}.topline{margin-bottom:29px}.topline .mobile-brand{display:flex;font-size:27px}.topline>.eyebrow{display:none}.topline .mobile-brand img{width:33px;height:33px;border-radius:10px}.top-actions{gap:2px}.page-heading{margin-bottom:23px}.page-heading .desktop-new{display:none}h1{font-size:36px}.page-heading p{font-size:14px}.search{margin-bottom:20px}.filters{margin-bottom:24px;gap:7px;margin-right:-5px}.chip{padding:8px 14px}.note-grid{gap:12px}.note-card{padding:17px 15px;min-height:210px;border-radius:15px}.note-card h3{font-size:21px;margin-top:15px}.note-card .excerpt{font-size:13px;-webkit-line-clamp:3}.note-card .card-tag{font-size:11px}.note-card .card-foot{font-size:11px;padding-top:15px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(20px);border-top:1px solid var(--line);padding:8px 12px calc(9px + env(safe-area-inset-bottom));justify-content:space-around;z-index:20}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:10px;color:var(--muted);min-width:58px;min-height:50px}.bottom-nav button.active{color:var(--accent)}.bottom-nav .compose{background:var(--accent);color:#fff;border-radius:16px;min-width:52px;width:52px;height:48px;margin-left:6px}.bottom-nav .compose svg{width:24px;height:24px}.first-note{padding:20px;margin-bottom:25px}.first-note h3{font-size:22px}.first-note p{font-size:13px}.first-note button{width:44px;padding:10px}.first-note button span{display:none}.empty{padding:45px 19px}.empty h2{font-size:27px}.folder-grid{gap:12px}.folder-card{padding:21px 18px}.editor-top{margin-bottom:18px}.title-input{font-size:33px}.note-tabs{gap:25px}.record-dock{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));gap:10px;padding:9px 10px;max-width:calc(100% - 30px)}.record-dock .record-info{font-size:11px}.record-dock .record-button{padding:10px 13px}.editor{min-height:45dvh}.format-bar{top:calc(5px + env(safe-area-inset-top));margin-left:-5px;margin-right:-5px}.format-bar button{min-width:34px}.settings-row select{max-width:46%}.panel{padding:19px}.question-box{flex-wrap:wrap}.question-box button{width:100%}.save-state{max-width:90px}.editor-top .top-actions{gap:0}.focus .main{padding-top:calc(20px + env(safe-area-inset-top))}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}:root[data-theme=dark]{color-scheme:dark;--bg:#17242b;--surface:#20313a;--ink:#e5edf0;--muted:#a0afb7;--line:#35464f;--accent:#9ccbd8;--accent-soft:#293f49;--card-paper:#20313a;--card-blue:#263e4f;--card-yellow:#403b2b;--card-rose:#432f38;--card-green:#2b4039;--card-purple:#35334a}.primary,.record-dock .record-button,:root[data-theme=dark] .bottom-nav .compose{background:#24586a;color:white}:root[data-theme=dark] .first-note{background:#294d5b}:root[data-theme=dark] .first-note button{color:#244958}
/* Modern iPhone-native type and restrained motion. */
:root{--accent:#315dca;--accent-soft:#eaf0fd;--gold:#557dcf;--bg:#f5f6f9;--ink:#202630;--muted:#747c8a;--line:#e7eaf0;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',sans-serif}
h1,h2,.serif,.brand,.note-card h3,.first-note h3,.title-input{font-family:inherit}
h1{font-size:36px;line-height:1.15;letter-spacing:-1.4px;font-weight:700}
h2{font-size:25px;line-height:1.25;letter-spacing:-.7px;font-weight:650}
.brand{font-weight:730;letter-spacing:-1.1px;font-size:28px}.brand img{border-radius:12px}
.note-card h3{font-size:19px;font-weight:650;letter-spacing:-.4px;line-height:1.4}
.title-input{font-size:34px;font-weight:700;letter-spacing:-1.1px}
.first-note h3{font-weight:650;font-size:22px}.empty h2{font-size:24px;max-width:290px;margin:0 auto 12px}.empty p{max-width:270px}.empty-mark{border-radius:22px}
.primary,.record-dock .record-button,:root[data-theme=dark] .bottom-nav .compose{background:var(--accent);color:white}
.bottom-nav .compose{background:var(--accent)}.chip.active{background:var(--accent-soft);color:var(--accent);border-color:transparent;font-weight:600}.chip{border-color:transparent;background:var(--surface)}
button{transition:background-color .18s ease,transform .18s ease,opacity .18s ease}button:active{transform:scale(.97)}.main{animation:arrive .24s ease both}.note-card:hover{transform:translateY(-2px)}
.record-dock{border-radius:24px}.record-dock .record-button{border-radius:16px}.note-tabs button{transition:color .2s,border-color .2s}.empty{box-shadow:0 4px 24px #20263003}.format-bar{border-radius:15px}
.editor blockquote{font-family:inherit;font-size:16px;border-left-color:var(--accent);background:var(--accent-soft)}.ai-label svg{width:16px;height:16px;vertical-align:middle;margin-right:5px}
@keyframes arrive{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:none}}
:root[data-theme=dark]{--accent:#9bb6ff;--accent-soft:#283b62;--bg:#151a24;--surface:#202735;--ink:#ecf0fa;--muted:#a7afbe;--line:#323b4d}
:root[data-theme=dark] .primary,:root[data-theme=dark] .record-dock .record-button,:root[data-theme=dark] .bottom-nav .compose{background:#416bcf;color:#fff}
@media(max-width:700px){.page-heading p{max-width:290px;font-size:14px;line-height:1.5}.topline .mobile-brand{font-size:27px}.note-card h3{font-size:18px}.empty h2{font-size:23px}.title-input{font-size:31px}.record-dock .record-info{display:none}.record-dock{min-width:210px;justify-content:center}.record-dock.recording .record-info{display:block}}
:root[data-edition=youth]{--accent:#6850d8;--accent-soft:#efeafb;--gold:#8b70e3;--bg:#f5f4f9}.brand{white-space:nowrap}:root[data-edition=youth] .brand{letter-spacing:-1px}:root[data-edition=youth] .empty-mark{background:#e5f4bb;color:#514096}:root[data-edition=youth] .note-card{border-radius:20px}:root[data-edition=youth] .chip.active{background:#dff2ac;color:#35461b}:root[data-edition=youth][data-theme=dark]{--bg:#1c1929;--surface:#292339;--line:#3d354f;--accent:#bbaaef;--accent-soft:#39304e}:root[data-edition=youth][data-theme=dark] .primary,:root[data-edition=youth][data-theme=dark] .record-dock .record-button,:root[data-edition=youth][data-theme=dark] .bottom-nav .compose{background:#7960ce}
@media(max-width:700px){.record-dock{bottom:calc(16px + env(safe-area-inset-bottom) + var(--keyboard-offset,0px))}}
/* Curved surfaces, personal color, and a floating thumb-friendly dock. */
:root{--card-peach:#fff0e4;--card-mint:#e1f6ef;--card-sky:#e2f3fc;--card-lilac:#eeE7ff;--card-pink:#ffe7f1;--card-sand:#f6eddf;font-family:ui-rounded,-apple-system,BlinkMacSystemFont,'SF Pro Rounded','Segoe UI',sans-serif}
body{background:var(--page-tint,var(--bg))}.main{padding-top:34px}.brand img{border-radius:14px}.sidebar{background:color-mix(in srgb,var(--surface) 65%,transparent)}
.search{border-radius:22px;border-color:transparent;box-shadow:0 3px 18px #17264404;padding:0 17px;min-height:54px}.search input{height:52px}.chip{border-radius:24px;padding:10px 19px;font-weight:500}
.note-grid{gap:16px}.note-card,.folder-card{border-radius:27px!important;border:0;box-shadow:0 5px 25px #22334c06;padding:23px;min-height:226px}.note-card h3{font-size:20px}.note-card .card-tag{font-size:12px}.note-card .card-foot{font-size:12px}.note-card .excerpt{font-size:14px}.note-card:active{transform:scale(.98)}
.primary,.secondary{border-radius:20px;padding:14px 20px}.empty{border-radius:32px;border:0;box-shadow:0 6px 28px #283d5a04;padding:40px 23px}.empty .empty-mark{border-radius:25px;width:76px;height:76px}.empty h2{letter-spacing:-.7px}.panel{border-radius:26px;border:0;padding:26px}.folder-card{min-height:150px}.folder-card svg{color:var(--accent)}
.quick-sermon{display:flex;align-items:center;gap:15px;background:var(--accent);color:white;border-radius:26px;padding:21px 22px;margin:0 0 28px;box-shadow:0 10px 25px color-mix(in srgb,var(--accent) 15%,transparent)}.quick-sermon .quick-icon{width:45px;height:45px;display:grid;place-items:center;background:#ffffff20;border-radius:17px}.quick-sermon strong{display:block;font-size:17px;letter-spacing:-.3px}.quick-sermon span{display:block;font-size:13px;opacity:.85;margin-top:6px}.quick-sermon>button{width:43px;height:43px;min-width:43px;background:#fff;color:var(--accent);border-radius:50%;margin-left:auto;display:grid;place-items:center}
.accent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px 8px}.accent-choice{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:12px;min-height:70px;border-radius:15px}.accent-choice>span{display:grid;place-items:center;width:42px;height:42px;border-radius:17px;color:white}.accent-choice.selected>span{outline:2px solid var(--accent);outline-offset:4px}.accent-choice.selected{color:var(--accent);font-weight:650}.color-dot{width:39px;min-height:39px}.color-dots{gap:14px;padding:7px 3px}
.format-bar{border-radius:19px;padding:6px}.format-bar button{border-radius:12px}.editor blockquote{border-radius:18px;border-left:0;padding:22px}.record-dock{border-radius:30px;padding:8px;box-shadow:0 12px 40px #13253a22}.record-dock .record-button{border-radius:24px;padding:13px 21px}.icon-btn{background:color-mix(in srgb,var(--surface) 60%,transparent)}dialog{border-radius:30px;padding:27px}.note-meta button{border-radius:20px;padding:7px 12px}.note-tabs{gap:8px;border:0;background:var(--surface);padding:5px;border-radius:22px}.note-tabs button{border:0;border-radius:17px;padding:11px 16px;flex:1;font-size:13px;white-space:nowrap}.note-tabs button.active{background:var(--accent-soft);color:var(--accent)}
body:not([data-note-color=paper]) .editor-paper{border-radius:25px;padding:20px;background:var(--surface)}
body[data-note-color=blue] .editor-paper{background:var(--card-blue)}body[data-note-color=yellow] .editor-paper{background:var(--card-yellow)}body[data-note-color=rose] .editor-paper{background:var(--card-rose)}body[data-note-color=green] .editor-paper{background:var(--card-green)}body[data-note-color=purple] .editor-paper{background:var(--card-purple)}body[data-note-color=peach] .editor-paper{background:var(--card-peach)}body[data-note-color=mint] .editor-paper{background:var(--card-mint)}body[data-note-color=sky] .editor-paper{background:var(--card-sky)}body[data-note-color=lilac] .editor-paper{background:var(--card-lilac)}body[data-note-color=pink] .editor-paper{background:var(--card-pink)}body[data-note-color=sand] .editor-paper{background:var(--card-sand)}
:root[data-theme=dark]{--card-peach:#443329;--card-mint:#233e37;--card-sky:#253b4a;--card-lilac:#37304c;--card-pink:#452d3b;--card-sand:#3c362d}.primary,.record-dock .record-button,.bottom-nav .compose{background:var(--accent)!important;color:#fff!important}.record-dock.recording .record-button{background:#ab3d52!important}
@media(max-width:700px){.main,.editor-shell .main{padding:calc(22px + env(safe-area-inset-top)) 21px calc(120px + env(safe-area-inset-bottom))}.topline{margin-bottom:30px}.page-heading p{max-width:320px}.note-grid{gap:13px}.note-card{padding:20px 17px;min-height:215px}.note-card h3{font-size:19px}.quick-sermon{padding:20px 18px;gap:12px;margin-bottom:26px}.quick-sermon span{font-size:12px}.filters{margin-bottom:21px}.chip{padding:9px 16px}.bottom-nav{left:13px;right:13px;bottom:calc(12px + env(safe-area-inset-bottom));border:1px solid color-mix(in srgb,var(--line) 65%,transparent);border-radius:30px;padding:8px 8px;box-shadow:0 10px 40px #22345114;gap:0;justify-content:space-between}.bottom-nav button{min-width:51px;font-size:10px;gap:5px;min-height:48px}.bottom-nav button.active{background:var(--accent-soft);border-radius:20px;padding:7px 11px}.bottom-nav .compose{border-radius:22px;margin-left:0;width:49px;min-width:49px;height:49px}.panel{padding:23px}.note-tabs{gap:3px}.note-tabs button{padding:10px}.editor-top{gap:5px}.title-input{font-size:30px}body:not([data-note-color=paper]) .editor-paper{padding:18px 14px;margin-left:-5px;margin-right:-5px}.record-dock{bottom:calc(20px + env(safe-area-inset-bottom) + var(--keyboard-offset,0px))}.empty{padding:32px 23px}.empty .empty-mark{margin-bottom:20px}}
.quick-sermon{position:relative;overflow:hidden;min-height:165px;background:linear-gradient(115deg,var(--accent-soft),var(--surface));color:var(--ink);box-shadow:none;border:1px solid color-mix(in srgb,var(--accent) 8%,transparent)}.quick-copy{position:relative;z-index:1;max-width:55%;align-self:flex-start;padding-top:4px}.quick-copy .quick-label{font-size:10px;font-weight:700;letter-spacing:1.4px;color:var(--accent);opacity:1;margin:0 0 11px}.quick-copy strong{font-size:26px;letter-spacing:-1px}.quick-copy>span:last-child{font-size:13px;color:var(--muted)}.sermon-art{position:absolute;right:-8px;top:-19px;width:206px;height:206px;object-fit:contain;pointer-events:none}.quick-sermon>button{position:absolute;left:22px;bottom:19px;background:var(--accent);color:white;z-index:2;width:32px;height:32px;min-width:32px;min-height:32px}.quick-copy>span:last-child{margin-bottom:24px}@media(min-width:701px){.quick-sermon{max-width:760px}.sermon-art{right:34px;width:230px;height:230px;top:-37px}}@media(max-width:700px){.quick-sermon{min-height:171px;border-radius:29px}.sermon-art{right:-20px;top:-6px;width:200px;height:200px}.quick-copy{max-width:57%}.quick-copy strong{font-size:26px}.quick-copy .quick-label{font-size:9px;letter-spacing:1px}.quick-sermon>button{left:19px}}
.quick-sermon>button{width:44px;height:44px;min-width:44px;min-height:44px;bottom:12px}.quick-copy>span:last-child{margin-bottom:30px}

/* Local AI progress stays readable on narrow phone screens. */
.ai-progress{border:1px solid var(--accent);background:var(--accent-soft);border-radius:24px;margin-bottom:22px;}
.ai-progress p{overflow-wrap:anywhere;}