:root{--navy:#14243d;--blue:#275c9e;--line:#e3e7ec;--bg:#f4f6f9;--text:#202a35;--muted:#6c7787}*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}button,input,select{font:inherit}button{border:1px solid #cfd7e0;border-radius:9px;background:white;color:#213247;padding:9px 12px;cursor:pointer}button:hover{background:#eef3f9}button:focus-visible,input:focus-visible{outline:3px solid #74a7f1}.primary{background:var(--blue);color:white;border-color:var(--blue)}.primary:hover{background:#1b477e}.danger{color:#b3293a}.subtle,small{color:var(--muted);font-size:12px}.top{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px;gap:8px}.brand{display:flex;align-items:center;gap:10px;font-size:21px;color:var(--navy)}.brand span:not(.brand-mark){color:var(--blue)}.brand-mark{background:var(--navy);color:#fff;width:36px;height:36px;border-radius:10px;display:inline-grid;place-items:center;font-size:23px}.topactions{display:flex;align-items:center;gap:8px}.layout{display:grid;grid-template-columns:295px minmax(0,1fr);height:calc(100dvh - 70px)}aside{background:white;border-right:1px solid var(--line);overflow-y:auto;padding:18px}aside input,#title,.metadata input{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;background:#fff}.aside-head{display:flex;align-items:center;justify-content:space-between;gap:5px}.aside-head h2{font-size:18px}.importbox{border:1px dashed #adbdcd;border-radius:9px;text-align:center;margin:15px 0;padding:12px}.upload{display:block;color:var(--blue);font-weight:600;cursor:pointer}.importbox small{display:block}#sermonList{display:grid;gap:7px}.sermonItem{padding:12px;text-align:left;border:1px solid transparent;background:#f6f8fb}.sermonItem.active{border-color:#8fb5e3;background:#e8f1fc}.sermonItem strong,.sermonItem small{display:block}.sermonItem small{margin-top:3px}main{overflow:auto;padding:22px}#workspace{max-width:1100px;margin:auto}.meta{background:white;padding:15px;border-radius:12px 12px 0 0;border:1px solid var(--line)}#title{font-size:22px;font-weight:700;border:0;border-bottom:1px solid var(--line);border-radius:0}.metadata{display:flex;gap:12px;margin-top:9px}.toolbar,.quick{display:flex;flex-wrap:wrap;align-items:center;gap:5px;background:#fff;border:1px solid var(--line);border-top:0;padding:9px}.toolbar button{min-width:34px;padding:5px 8px}.toolbar select{padding:5px}.barline{height:26px;border-left:1px solid #d3dbe4;margin:0 8px}.colorlabel{display:flex;align-items:center;gap:3px;border:1px solid #ddd;padding:2px 7px;border-radius:7px}.colorlabel input{width:26px;height:25px;border:0;background:none;cursor:pointer}.quick button{font-size:13px;padding:6px 9px}#editor{min-height:65vh;background:white;border:1px solid var(--line);border-top:0;padding:35px clamp(16px,5vw,65px);outline:none;font-size:21px;line-height:1.75;border-radius:0 0 12px 12px;overflow-wrap:anywhere}#editor h2{font-size:1.55em;line-height:1.3}#editor h3{font-size:1.28em;color:var(--navy)}#editor h4{font-size:1.06em}#empty{text-align:center;margin:12vh auto;max-width:430px}#empty h2{font-size:24px}.emptyicon{font-size:60px;color:var(--blue)}.auth{min-height:100dvh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#101d33,#2b5b91)}.authbox{background:white;padding:32px;border-radius:18px;width:min(420px,100%);box-shadow:0 25px 80px #0003}.authbox h1{margin:12px 0 4px}.authbox label{display:block;margin:14px 0;font-weight:600}.authbox input{display:block;width:100%;padding:12px;border:1px solid #ccd4dd;border-radius:8px;margin-top:5px}.authbox button{width:100%}.authbox small{display:block;margin-top:12px}.modal{position:fixed;inset:0;background:#0009;display:grid;place-items:center;padding:20px;z-index:200}.modal[hidden],#app[hidden],#auth[hidden],#workspace[hidden],#empty[hidden],#pulpit[hidden]{display:none!important}.modalbox{background:white;padding:26px;border-radius:14px;max-width:480px}.modalbox select{display:block;margin:6px 0 16px;padding:8px;width:100%}.modalactions{display:flex;gap:10px}#pulpit{position:fixed;inset:0;z-index:100;background:#0d1520;color:#f6f4eb;display:flex;flex-direction:column}#pulpit.light{background:#fff;color:#17202a}.pulpit-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:11px 16px;border-bottom:1px solid #7777}.pulpit-controls{display:flex;flex-wrap:wrap;gap:5px}.pulpit-controls button,.pulpit-bottom button{background:#27354b;border-color:#3b4f6d;color:#fff;font-size:13px}.timer{font-size:27px;font-weight:800;font-variant-numeric:tabular-nums;color:#ffcb68}.pulpit-label{font-weight:700}#pulpitScroll{overflow-y:auto;flex:1;scroll-behavior:smooth}#pulpitContent{max-width:1000px;margin:auto;padding:35px 35px 100px;font-size:30px;line-height:1.85;overflow-wrap:anywhere}#pulpitContent h2{font-size:1.5em}#pulpitContent h3{font-size:1.28em;color:#facd6b}#pulpit.light #pulpitContent h3{color:#285e9b}#pulpitContent h4{font-size:1.1em}#pulpitContent mark{background:#ffef91;color:#17202a}#pulpitContent [style]{max-width:100%}.pulpit-bottom{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:8px 18px;border-top:1px solid #7777}.pulpit-bottom span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:800px){.top{padding:8px;height:auto;flex-wrap:wrap}.topactions{width:100%;justify-content:space-between}.layout{display:block;height:auto}aside{border-right:0;border-bottom:1px solid var(--line);max-height:200px;overflow:auto}main{padding:10px}.metadata{flex-direction:column}#editor{padding:15px;font-size:19px}.toolbar{position:sticky;top:0;z-index:3}.pulpit-top{padding:6px}.pulpit-label{display:none}.pulpit-controls button{padding:6px}#pulpitContent{padding:16px 16px 90px;font-size:25px}.pulpit-bottom span{display:none}}