:root{color-scheme:light;--paper: #f5f1e8;--surface: #fffdf8;--ink: #1d2724;--muted: #68716d;--line: #d9d6cd;--sage: #526b60;--sage-dark: #344a41;--sage-soft: #dfe8e1;--wine: #7f3d47;--danger: #a13b42;--success: #37634a;--shadow: 0 12px 34px rgb(36 46 42 / 9%);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}html{min-height:100%;background:var(--paper)}body{min-width:320px;min-height:100%;margin:0;background:var(--paper);color:var(--ink)}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgb(82 107 96 / 28%);outline-offset:2px}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,8vw,3rem);line-height:1;font-weight:500;letter-spacing:-.035em}h2{margin-bottom:0;font-size:1rem;line-height:1.35}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.eyebrow{margin:0 0 .45rem;color:var(--wine);font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.center-screen,.login-page{min-height:100svh;display:grid;place-items:center;padding:1.5rem}.center-screen{color:var(--muted);align-content:center;gap:.75rem}.center-screen p{margin:0}.loader{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--sage);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-card{width:min(100%,390px);padding:2.25rem 1.5rem 1.5rem;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow);text-align:center}.login-card h1{font-size:2.45rem}.login-card .muted{margin:.65rem 0 1.8rem}.brand-mark{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 1.25rem;border-radius:50%;background:var(--sage);color:#fff;font-family:Georgia,serif;font-size:1.65rem}.stack-form,.button-form{display:grid;gap:1rem;text-align:left}label{display:grid;gap:.4rem;color:var(--muted);font-size:.78rem;font-weight:700}input,textarea,select{width:100%;min-height:46px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);padding:.72rem .82rem}textarea{resize:vertical;line-height:1.5}input::placeholder,textarea::placeholder{color:#9ba19e}.field-error{color:var(--danger);font-size:.72rem;font-weight:650;line-height:1.35}.primary,.secondary,.ghost{min-height:44px;border-radius:11px;padding:.65rem 1rem;font-weight:750;cursor:pointer}.primary{border:1px solid var(--sage);background:var(--sage);color:#fff}.primary:hover{background:var(--sage-dark)}.secondary{border:1px solid var(--line);background:var(--surface)}.ghost{border:1px solid transparent;background:transparent;color:var(--muted)}.wide{width:100%}.compact{min-height:38px;padding:.45rem .7rem;font-size:.8rem}button:disabled{opacity:.5;cursor:not-allowed}.app-shell{min-height:100svh}.topbar{position:sticky;z-index:20;top:0;height:58px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:env(safe-area-inset-top) .85rem 0;border-bottom:1px solid rgb(217 214 205 / 82%);background:#f5f1e8eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-button{display:flex;align-items:center;gap:.55rem;border:0;background:transparent;padding:.35rem;font-family:Georgia,serif;font-size:1.1rem;font-weight:700;cursor:pointer}.brand-note{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--sage);color:#fff}.topbar-actions{display:flex;align-items:center;gap:.35rem}.wake-chip{display:inline-flex;align-items:center;gap:.4rem;min-height:34px;padding:.35rem .55rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:.69rem;font-weight:750;cursor:pointer}.wake-chip.active{color:var(--success);border-color:#b9cbbd;background:#eef5ef}.status-dot{width:7px;height:7px;border-radius:50%;background:#aa9d84}.wake-chip.active .status-dot{background:#4b825e;box-shadow:0 0 0 3px #4b825e1f}.icon-button{width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:1.2rem;cursor:pointer}.main-content{width:min(100%,860px);min-height:calc(100svh - 58px);margin:0 auto;padding:1.35rem .9rem calc(88px + env(safe-area-inset-bottom))}.main-content.with-player{padding-bottom:calc(164px + env(safe-area-inset-bottom))}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin:.5rem 0 1.65rem}.sticky-heading{position:sticky;top:58px;z-index:8;padding:.8rem 0;background:linear-gradient(var(--paper) 78%,transparent)}.music-section{margin-bottom:1.75rem}.music-section>h2{margin-bottom:.7rem;color:var(--muted);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.music-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.music-card{min-width:0;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:.55rem;text-align:left;cursor:pointer;box-shadow:0 4px 14px #242e2a0a;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.music-card:active{transform:scale(.975)}.music-card.playing{border-color:var(--sage);box-shadow:0 0 0 2px #526b601f}.music-cover{position:relative;display:block;overflow:hidden;aspect-ratio:1.45 / 1;border-radius:11px;background:var(--sage-soft)}.music-cover img{width:100%;height:100%;display:block;object-fit:cover}.cover-placeholder{display:grid;place-items:center;width:100%;height:100%;color:var(--sage);font-family:Georgia,serif;font-size:2rem}.play-badge{position:absolute;right:.45rem;bottom:.45rem;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#1d2724e0;color:#fff;font-size:.7rem;box-shadow:0 4px 12px #0000002e}.music-copy{display:grid;gap:.2rem;padding:.65rem .25rem .3rem}.music-copy strong{overflow:hidden;font-size:.92rem;line-height:1.25;text-overflow:ellipsis}.music-copy small{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:.71rem;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}.empty-state{display:grid;justify-items:center;gap:.5rem;margin:2rem 0;padding:3.5rem 1.5rem;border:1px dashed #c8c7c0;border-radius:18px;color:var(--muted);text-align:center}.empty-state>span{font-family:Georgia,serif;font-size:2rem}.empty-state h2,.empty-state p{margin:0}.empty-state p{max-width:34ch;font-size:.85rem;line-height:1.5}.script-reading{min-height:40svh;padding:1.25rem 1.05rem 3rem;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 7px 22px #242e2a0d;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.1rem,4.8vw,1.35rem);line-height:1.85}.script-text{white-space:pre-wrap}.inline-music{display:inline-flex;align-items:center;gap:.45rem;min-height:38px;margin:0 .15rem;border:1px solid #b7c8bc;border-radius:999px;background:var(--sage-soft);color:var(--sage-dark);padding:.35rem .7rem;font-family:Inter,sans-serif;font-size:.76rem;font-weight:800;vertical-align:.12em;cursor:pointer}.inline-music.playing{background:var(--sage);color:#fff;border-color:var(--sage)}.inline-music small{font-size:.63rem;font-weight:700;opacity:.78}.editor-card{padding:.85rem;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.tag-palette{display:flex;gap:.4rem;overflow-x:auto;padding:0 0 .75rem;scrollbar-width:thin}.tag-chip{flex:0 0 auto;min-height:34px;border:1px solid var(--line);border-radius:999px;background:var(--paper);padding:.35rem .65rem;color:var(--sage-dark);font-size:.72rem;font-weight:750;cursor:pointer}.excerpt-builder{display:grid;gap:.7rem;margin-bottom:.8rem;padding:.8rem;border:1px solid #b7c8bc;border-radius:12px;background:var(--sage-soft)}.excerpt-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.excerpt-heading small,.excerpt-heading strong{display:block}.excerpt-heading small{margin-bottom:.15rem;color:var(--muted);font-size:.67rem}.excerpt-heading strong{color:var(--sage-dark);font-size:.88rem}.timing-fields{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.timing-fields input{min-height:40px}.excerpt-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.4rem}.script-editor{min-height:55svh;border-radius:12px;font-family:Georgia,serif;font-size:1rem;line-height:1.65}.form-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.message{width:100%;margin:0 0 .85rem;padding:.7rem .85rem;border-radius:10px;font-size:.8rem;line-height:1.4}.message.error{border:1px solid #e3bfc2;background:#fff0f1;color:#862f38}.message.success{border:1px solid #bcd2c2;background:#edf6ef;color:#315c43}.admin-section{margin-bottom:2.2rem}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem}.section-title h2{font-size:1.05rem}.section-title>span{display:grid;place-items:center;min-width:26px;height:26px;border-radius:999px;background:var(--sage-soft);color:var(--sage-dark);font-size:.72rem;font-weight:800}.card-surface{padding:.9rem;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.inline-form{display:flex;align-items:flex-end;flex-wrap:wrap;gap:.65rem}.order-field{width:78px}.inline-actions{display:flex;gap:.35rem;margin-left:auto}.compact-list,.admin-button-list{display:grid;margin-top:.65rem;border-top:1px solid var(--line)}.compact-row,.admin-button-row{display:flex;align-items:center;gap:.65rem;min-height:58px;border-bottom:1px solid var(--line)}.compact-row strong{flex:1;font-size:.87rem}.order-number{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--surface);color:var(--muted);font-size:.72rem;font-weight:800}.row-actions{display:flex;align-items:center;gap:.25rem}.text-button{min-height:34px;border:0;background:transparent;color:var(--sage-dark);padding:.35rem;font-size:.71rem;font-weight:750;cursor:pointer}.text-button.danger{color:var(--danger)}.two-columns,.file-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.65fr);gap:.7rem}.file-grid{grid-template-columns:1fr}.tag-input{display:flex;align-items:center;border:1px solid var(--line);border-radius:11px;background:#fff;overflow:hidden}.tag-input>span{padding-left:.8rem;color:var(--muted)}.tag-input input{border:0}.file-picker{gap:.45rem;min-height:86px;align-content:center;border:1px dashed #bfc2ba;border-radius:12px;background:#faf8f2;padding:.75rem;cursor:pointer}.file-picker input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.file-picker strong{overflow:hidden;color:var(--sage-dark);font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.checkbox-row{display:flex;align-items:center;gap:.5rem}.checkbox-row input{width:18px;min-height:18px}.mini-cover{flex:0 0 auto;display:grid;place-items:center;overflow:hidden;width:44px;height:44px;border-radius:10px;background:var(--sage-soft);color:var(--sage)}.mini-cover img{width:100%;height:100%;object-fit:cover}.admin-button-row strong,.admin-button-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-button-row strong{font-size:.84rem}.admin-button-row small{margin-top:.15rem;color:var(--muted);font-size:.68rem}.player-dock{position:fixed;z-index:25;left:.6rem;right:.6rem;bottom:calc(70px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:.7rem;min-height:68px;max-width:700px;margin:0 auto;border:1px solid #bcc7bf;border-radius:16px;background:#fffdf8f5;padding:.55rem;box-shadow:0 10px 30px #1d272429;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.player-main,.player-stop{flex:0 0 auto;display:grid;place-items:center;border:0;border-radius:50%;cursor:pointer}.player-main{width:42px;height:42px;background:var(--sage);color:#fff;font-size:.75rem}.player-stop{width:34px;height:34px;background:transparent;color:var(--muted);font-size:.66rem}.player-loop{flex:0 0 auto;display:grid;justify-items:center;gap:.05rem;min-width:48px;min-height:42px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--muted);padding:.25rem .35rem;font-size:.6rem;font-weight:750;cursor:pointer}.player-loop>span{font-size:1rem;line-height:1}.player-loop.active{border-color:var(--sage);background:var(--sage-soft);color:var(--sage-dark)}.player-copy{flex:1;min-width:0}.player-copy>strong{display:block;overflow:hidden;margin-bottom:.3rem;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.player-copy>strong small{color:var(--muted);font-size:.67rem;font-weight:650}.player-progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.4rem;color:var(--muted);font-size:.61rem}.player-progress input{min-height:12px;height:12px;padding:0;accent-color:var(--sage)}.bottom-nav{position:fixed;z-index:24;left:0;right:0;bottom:0;display:flex;justify-content:center;min-height:calc(62px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffdf8f5;padding:.3rem .45rem env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav button{flex:1;max-width:180px;display:grid;justify-items:center;align-content:center;gap:.12rem;border:0;border-radius:10px;background:transparent;color:var(--muted);padding:.3rem;font-size:.63rem;font-weight:750;cursor:pointer}.bottom-nav button>span{font-family:Georgia,serif;font-size:1.2rem;line-height:1}.bottom-nav button.active{color:var(--sage-dark);background:var(--sage-soft)}@media(min-width:620px){.topbar,.main-content{padding-inline:1.4rem}.music-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.file-grid{grid-template-columns:1fr 1fr}.login-card{padding:2.5rem}}@media(min-width:900px){.main-content{padding-top:2rem}.music-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.button-form{grid-template-columns:1fr 1fr}.button-form>label:nth-child(3),.button-form .file-grid,.button-form .checkbox-row,.button-form .form-actions{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}