@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@font-face{font-family:Noto Sans Malayalam;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/NotoSansMalayalam-Regular.e7dd858d.woff2)format("woff2")}@font-face{font-family:Noto Sans Malayalam;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/NotoSansMalayalam-Bold.788062bf.woff2)format("woff2")}@font-face{font-family:NiyokkamPooram;font-style:normal;font-weight:400;font-display:block;src:url(fonts/NiyokkamPooram.3b4f36d2.ttf)format("truetype")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--desk:#f2f3f7;--desk-glow:rgba(99,102,241,.08);--panel:#fff;--surface-2:#f6f7fa;--paper:#fff;--ink:#4338ca;--ink-strong:#3730a3;--ink-soft:rgba(67,56,202,.09);--ink-ring:rgba(67,56,202,.22);--text:#141726;--text-muted:#545a6e;--text-faint:#6b7186;--rule:#e2e4eb;--rule-strong:#cbcfda;--on-ink:#fff;--inverse:#191c2b;--on-inverse:#f3f4f8;--inverse-ink:#a5b4fc;--success:#17714b;--success-bg:rgba(23,113,75,.09);--error:#b42318;--error-bg:rgba(180,35,24,.08);--topbar-bg:rgba(255,255,255,.78);--bar-bg:rgba(242,243,247,.86);--shadow-sm:0 1px 2px rgba(20,23,38,.05), 0 1px 1px rgba(20,23,38,.03);--shadow-md:0 1px 2px rgba(20,23,38,.05), 0 8px 24px -12px rgba(20,23,38,.18);--shadow-lg:0 2px 4px rgba(20,23,38,.05), 0 24px 48px -20px rgba(20,23,38,.32);--paper-shadow:0 1px 1px rgba(20,23,38,.06), 0 10px 24px -14px rgba(20,23,38,.32);--paper-shadow-hover:0 2px 3px rgba(20,23,38,.06), 0 18px 36px -16px rgba(20,23,38,.38);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-paper:3px;--radius-ctl:10px;--radius-panel:20px;--radius-pill:999px;--font-ui:"Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;--font-malayalam:"Noto Sans Malayalam", "Nirmala UI", "FreeSerif", serif;--font-print:"NiyokkamPooram";--font-date:Helvetica, Arial, sans-serif;--font-church:"Cinzel", "Rachana", "Noto Serif Malayalam", Georgia, serif;--fs-2xs:.75rem;--fs-xs:.8125rem;--fs-sm:.875rem;--fs-base:1rem;--fs-lg:1.125rem;--fs-xl:1.375rem;--topbar-h:68px;--dock-h:0px;--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--ease:cubic-bezier(.2, 0, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur:.16s;--dur-slow:.28s}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--desk:#0d0f16;--desk-glow:rgba(129,140,248,.1);--panel:#151823;--surface-2:#1b1f2c;--ink:#a5b4fc;--ink-strong:#c7d2fe;--ink-soft:rgba(165,180,252,.12);--ink-ring:rgba(165,180,252,.28);--text:#eceef5;--text-muted:#a6acbd;--text-faint:#8b91a4;--rule:#252a38;--rule-strong:#363c4e;--on-ink:#141638;--inverse:#eceef5;--on-inverse:#151823;--inverse-ink:#4338ca;--success:#6fd3a4;--success-bg:rgba(111,211,164,.12);--error:#ff9585;--error-bg:rgba(255,149,133,.11);--topbar-bg:rgba(21,24,35,.78);--bar-bg:rgba(13,15,22,.86);--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 1px 2px rgba(0,0,0,.4), 0 10px 28px -12px rgba(0,0,0,.7);--shadow-lg:0 2px 4px rgba(0,0,0,.4), 0 24px 48px -16px rgba(0,0,0,.85);--paper-shadow:0 1px 1px rgba(0,0,0,.4), 0 12px 28px -14px rgba(0,0,0,.8);--paper-shadow-hover:0 2px 3px rgba(0,0,0,.45), 0 20px 40px -16px rgba(0,0,0,.9)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-ui);font-size:var(--fs-base);background:radial-gradient(1200px 520px at 15% -10%, var(--desk-glow), transparent 70%), var(--desk);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}button,input,textarea{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}kbd{min-width:1.6em;font:600 .6875rem/1.6 var(--font-ui);color:var(--text-muted);text-align:center;background:var(--panel);border:1px solid var(--rule-strong);border-bottom-width:2px;border-radius:5px;padding:0 .4em;display:inline-block}.app{min-height:100vh;min-height:100dvh;padding-bottom:calc(var(--dock-h) + var(--sab));flex-direction:column;display:flex}.topbar{z-index:50;height:calc(var(--topbar-h) + var(--sat));padding-top:var(--sat);background:var(--topbar-bg);-webkit-backdrop-filter:saturate(1.6)blur(14px);backdrop-filter:saturate(1.6)blur(14px);border-bottom:1px solid var(--rule);position:-webkit-sticky;position:sticky;top:0}.topbar__inner{max-width:1400px;height:100%;padding:0 max(var(--space-8), var(--sar)) 0 max(var(--space-8), var(--sal));justify-content:space-between;align-items:center;gap:var(--space-4);margin:0 auto;display:flex}.mobile-nav,.pages__add-mobile,.btn-label-short,.topbar__btn-label-mobile{display:none}.empty-state__action{margin-top:var(--space-4);align-self:center;display:inline-flex}.item-form__preview-head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.preview-toggle{color:var(--ink);font-size:var(--fs-2xs);cursor:pointer;padding:4px var(--space-2);border-radius:var(--radius-pill);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);-webkit-tap-highlight-color:transparent;background:0 0;border:none;font-weight:700}.preview-toggle:hover{background:var(--ink-soft)}.brand{align-items:center;gap:var(--space-3);min-width:0;display:flex}.brand__logo-box{flex-shrink:0;align-items:center;justify-items:center;width:auto;height:48px;display:grid}.brand__logo-img{object-fit:contain;-webkit-filter:drop-shadow(0 2px 6px rgba(29,78,216,.28));filter:drop-shadow(0 2px 6px rgba(29,78,216,.28));width:auto;height:44px;transition:transform .3s}.brand:hover .brand__logo-img{transform:scale(1.06)}.brand__text{min-width:0}.brand__name{font-family:var(--font-church);font-size:var(--fs-base);letter-spacing:-.01em;white-space:nowrap;font-weight:800;line-height:1.2}.brand__tagline{font-size:var(--fs-xs);color:var(--text-muted);line-height:1.3}.topbar__user-zone{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.user-pill-header{align-items:center;gap:var(--space-2);font-size:var(--fs-xs);color:var(--text-muted);font-weight:600;display:flex}.user-pill-header__name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.pill--admin{color:#1d4ed8;background:rgba(29,78,216,.12);border:1px solid rgba(29,78,216,.25)}.pill--user{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--rule)}.badge-locked{font-size:var(--fs-2xs);color:var(--text-faint);border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--rule);align-items:center;gap:4px;padding:4px 8px;font-weight:700;display:inline-flex}.badge-locked__icon{fill:currentColor;width:14px;height:14px}.page__sheet-static{width:100%}.progress{align-items:center;gap:var(--space-2);counter-reset:step;list-style:none;display:flex}.progress__step{counter-increment:step;align-items:center;gap:var(--space-2);font-size:var(--fs-xs);color:var(--text-faint);white-space:nowrap;font-weight:600;display:flex}.progress__step:before{content:counter(step);width:22px;height:22px;font-size:var(--fs-2xs);border:1.5px solid var(--rule-strong);transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);border-radius:50%;align-items:center;justify-items:center;font-weight:700;display:grid}.progress__step:not(:last-child):after{content:"";width:20px;height:1.5px;margin-left:var(--space-1);background:var(--rule-strong);border-radius:2px}.progress__step.is-current{color:var(--text)}.progress__step.is-current:before{border-color:var(--ink);color:var(--ink);background:var(--ink-soft)}.progress__step.is-done{color:var(--text-muted)}.progress__step.is-done:before{content:"✓";background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.workspace{width:100%;max-width:1400px;padding:var(--space-8) max(var(--space-8), var(--sar)) var(--space-8) max(var(--space-8), var(--sal));gap:var(--space-10);flex:1;grid-template-columns:minmax(340px,400px) minmax(0,1fr);align-items:start;margin:0 auto;display:grid}.section-title{font-size:var(--fs-xl);letter-spacing:-.025em;font-weight:800;line-height:1.15}.eyebrow{font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-weight:700;display:block}.pill{height:26px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--ink-soft);color:var(--ink);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;align-items:center;font-weight:700;display:inline-flex}.hint{font-size:var(--fs-xs);color:var(--text-faint)}.composer{top:calc(var(--topbar-h) + var(--space-6));max-height:calc(100vh - var(--topbar-h) - var(--space-12));scrollbar-width:thin;background:var(--panel);border:1px solid var(--rule);border-radius:var(--radius-panel);box-shadow:var(--shadow-md);padding:var(--space-6);gap:var(--space-5);flex-direction:column;display:flex;position:-webkit-sticky;position:sticky;overflow-y:auto}.composer__head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.item-form{gap:var(--space-5);flex-direction:column;display:flex}.item-form__preview{gap:var(--space-2);padding:var(--space-4);margin:0 calc(-1 * var(--space-2));background:var(--surface-2);border-radius:calc(var(--radius-panel) - 6px);flex-direction:column;display:flex}.item-form__submit{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.field{gap:var(--space-2);flex-direction:column;display:flex}.field__head{justify-content:space-between;align-items:baseline;display:flex}.field__label{font-size:var(--fs-sm);color:var(--text);font-weight:700}.field__meta{font-size:var(--fs-2xs);color:var(--text-faint);font-variant-numeric:tabular-nums}.field__error{align-items:center;gap:var(--space-1);font-size:var(--fs-xs);color:var(--error);font-weight:500;display:flex}.field__error:before{content:"!";background:var(--error);width:16px;height:16px;color:var(--panel);border-radius:50%;flex-shrink:0;align-items:center;justify-items:center;font-size:.6875rem;font-weight:800;display:grid}.input{background:var(--panel);border:1px solid var(--rule-strong);border-radius:var(--radius-ctl);width:100%;min-height:46px;font-size:var(--fs-base);resize:vertical;transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);padding:.6875rem .875rem;line-height:1.4;box-shadow:inset 0 1px 1px rgba(20,23,38,.03)}.input::-webkit-input-placeholder{color:var(--text-faint)}.input::-ms-input-placeholder{color:var(--text-faint)}.input::placeholder{color:var(--text-faint)}.input:hover{border-color:var(--text-faint)}.input:focus{border-color:var(--ink);box-shadow:0 0 0 4px var(--ink-ring);outline:none}.input.is-invalid{border-color:var(--error)}.input.is-invalid:focus{box-shadow:0 0 0 4px var(--error-bg)}.input--sm{min-height:40px;font-size:var(--fs-base);padding:.5rem .75rem}.malayalam-input{font-family:var(--font-malayalam);font-size:1.0625rem;line-height:1.75}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chips:empty{display:none}.chip{height:32px;padding:0 var(--space-3);border:1px solid var(--rule-strong);border-radius:var(--radius-pill);color:var(--text-muted);font-size:var(--fs-xs);cursor:pointer;transition:background var(--dur) var(--ease), color var(--dur) var(--ease), border-color var(--dur) var(--ease);background:0 0;align-items:center;font-weight:600;display:inline-flex}.chip:hover{border-color:var(--ink);color:var(--ink)}.chip:active{transform:scale(.97)}.chip.is-active{background:var(--ink-soft);border-color:var(--ink);color:var(--ink)}.sheet{aspect-ratio:297/210;background:var(--paper);color:#000;border-radius:var(--radius-paper);box-shadow:var(--paper-shadow);position:relative;overflow:hidden;container-type:inline-size}.sheet__frame{text-align:center;border:1px solid #000;flex-direction:column;justify-content:center;align-items:center;padding:2.85cqw;display:flex;position:absolute;top:1.43cqw;bottom:1.43cqw;left:1.43cqw;right:1.43cqw;overflow:hidden}.sheet__frame:before{content:"";pointer-events:none;border:1px solid #000;position:absolute;top:max(2px,.36cqw);bottom:max(2px,.36cqw);left:max(2px,.36cqw);right:max(2px,.36cqw)}.sheet__date{font-family:var(--font-date);overflow-wrap:anywhere;margin-bottom:4.04cqw;font-size:4.28cqw;font-weight:700;line-height:1.15}.sheet__text{font-family:var(--font-print);white-space:pre-wrap;overflow-wrap:anywhere;font-size:5.13cqw;font-weight:700;line-height:1.3}.sheet__date:empty,.sheet__text:empty{display:none}.sheet__placeholder{font-family:var(--font-ui);font-size:var(--fs-sm);color:#6b7186;max-width:22ch}.sheet--draft{box-shadow:var(--shadow-sm)}.sheet--draft .sheet__frame,.sheet--draft .sheet__frame:before{border-color:#c4c8d2}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:44px;padding:0 var(--space-5);border-radius:var(--radius-ctl);font-size:var(--fs-sm);white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);border:1px solid transparent;font-weight:700;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)scale(.99)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--ink);color:var(--on-ink);box-shadow:0 1px 2px rgba(20,23,38,.12),inset 0 1px rgba(255,255,255,.14)}.btn-primary:hover:not(:disabled){background:var(--ink-strong);box-shadow:0 6px 16px -8px var(--ink), inset 0 1px 0 rgba(255,255,255,.14)}.btn-quiet{color:var(--text-muted);background:0 0}.btn-quiet:hover:not(:disabled){color:var(--text);background:var(--ink-soft)}.btn-signout{background:var(--error-bg);color:var(--error);border:1px solid color-mix(in srgb, var(--error) 25%, transparent);font-weight:700}.btn-signout:hover:not(:disabled){background:var(--error);color:#fff;border-color:var(--error);box-shadow:0 4px 12px -2px rgba(180,35,24,.4)}.btn-sm{height:36px;padding:0 var(--space-3);font-size:var(--fs-xs)}.btn-lg{height:50px;font-size:var(--fs-base)}.btn-block{width:100%}.btn__icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:18px;height:18px}.icon-btn{border-radius:var(--radius-ctl);width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:background var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:none;align-items:center;justify-items:center;display:inline-grid}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.icon-btn:hover:not(:disabled){background:var(--ink-soft);color:var(--ink)}.icon-btn--danger:hover:not(:disabled){background:var(--error-bg);color:var(--error)}.icon-btn:disabled{opacity:.3;cursor:not-allowed}.pages{gap:var(--space-6);flex-direction:column;min-width:0;display:flex}.pages__bar{top:var(--topbar-h);z-index:20;justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-6);padding:var(--space-4) 0;margin-top:calc(-1 * var(--space-4));background:var(--bar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--rule);flex-wrap:wrap;display:flex;position:-webkit-sticky;position:sticky}.pages__heading{align-items:baseline;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.pages__count{font-size:var(--fs-sm);color:var(--text-muted);font-variant-numeric:tabular-nums}.pages__clear{align-self:center}.export-dock{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.export{align-items:center;gap:var(--space-3);display:flex}.segmented{background:var(--panel);border:1px solid var(--rule);box-shadow:var(--shadow-sm);border-radius:12px;padding:4px;display:inline-flex}.segmented__option{cursor:pointer;position:relative}.segmented__option input{opacity:0;cursor:pointer;position:absolute;top:0;bottom:0;left:0;right:0}.segmented__option span{padding:0 var(--space-4);height:34px;line-height:34px;font-size:var(--fs-xs);color:var(--text-muted);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);border-radius:8px;font-weight:700;display:block}.segmented__option:hover input:not(:checked)+span{color:var(--text)}.segmented__option input:checked+span{background:var(--ink-soft);color:var(--ink)}.segmented__option input:focus-visible+span{outline:2px solid var(--ink);outline-offset:1px}.btn-generate{min-width:13rem;height:44px}.export-status:empty{display:none}.export-status{flex-basis:100%}.status{align-items:center;gap:var(--space-2);font-size:var(--fs-xs);padding:var(--space-2) var(--space-3);border-radius:var(--radius-ctl);animation:fade-up var(--dur-slow) var(--ease-out);font-weight:600;display:flex}.status--success{color:var(--success);background:var(--success-bg)}.status--error{color:var(--error);background:var(--error-bg)}.page-grid{gap:var(--space-8) var(--space-6);grid-template-columns:repeat(auto-fill,minmax(min(270px,100%),1fr));list-style:none;display:grid}.page{gap:var(--space-2);min-width:0;animation:page-in var(--dur-slow) var(--ease-out);flex-direction:column;display:flex}@keyframes page-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@keyframes fade-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.page__sheet{position:relative}.page__open{border-radius:var(--radius-paper);cursor:pointer;width:100%;text-align:inherit;background:0 0;border:none;padding:0;display:block}.page__open .sheet{transition:transform var(--dur-slow) var(--ease-out), box-shadow var(--dur-slow) var(--ease-out)}@media (hover:hover){.page__open:hover .sheet{box-shadow:var(--paper-shadow-hover);transform:translateY(-3px)}}.page__badge{border-radius:var(--radius-pill);background:var(--inverse);min-width:24px;height:24px;color:var(--on-inverse);font-size:var(--fs-2xs);font-variant-numeric:tabular-nums;pointer-events:none;box-shadow:var(--shadow-sm);align-items:center;justify-items:center;padding:0 6px;font-weight:700;display:grid;position:absolute;top:8px;left:8px}.page__meta{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:40px;padding-left:var(--space-1);display:flex}.page__date{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fs-sm);color:var(--text);font-weight:700;overflow:hidden}.page__actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.page__divider{width:1px;height:18px;margin:0 var(--space-1);background:var(--rule-strong)}.page--editing .sheet{outline:2px solid var(--ink);outline-offset:4px}.page__edit{gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3);background:var(--panel);border:1px solid var(--rule);border-radius:calc(var(--radius-panel) - 6px);box-shadow:var(--shadow-md);animation:fade-up var(--dur-slow) var(--ease-out);flex-direction:column;display:flex}.page__edit-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}.page__edit-actions .hint{margin-right:auto}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);background:color-mix(in srgb, var(--panel) 55%, transparent);border:1.5px dashed var(--rule-strong);border-radius:var(--radius-panel);flex-direction:column;align-items:center;display:flex}.empty-state__stack{width:112px;height:80px;margin-bottom:var(--space-8);position:relative}.empty-state__stack span{background:var(--paper);border-radius:var(--radius-paper);box-shadow:var(--paper-shadow);position:absolute;top:0;bottom:0;left:0;right:0}.empty-state__stack span:first-child{opacity:.55;transform:rotate(-9deg)translate(-14px,4px)}.empty-state__stack span:nth-child(2){opacity:.75;transform:rotate(5deg)translate(12px,2px)}.empty-state__stack span:last-child:after{content:"";box-shadow:inset 0 0 0 2px var(--paper), inset 0 0 0 3px #c4c8d2;border:1px solid #c4c8d2;position:absolute;top:6px;bottom:6px;left:6px;right:6px}.empty-state__stack span:last-child:before{content:"";background:#c4c8d2;border-radius:2px;height:4px;position:absolute;top:44%;left:30%;right:30%;box-shadow:-8px 10px #dfe2e8,8px 10px #dfe2e8}.empty-state__title{font-size:var(--fs-lg);letter-spacing:-.01em;margin-bottom:var(--space-1);font-weight:800}.empty-state__subtitle{font-size:var(--fs-sm);color:var(--text-muted);max-width:40ch}.steps{gap:var(--space-3);width:100%;max-width:640px;margin-top:var(--space-8);text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;display:grid}.steps__item{gap:var(--space-3);padding:var(--space-4);background:var(--panel);border:1px solid var(--rule);border-radius:var(--radius-ctl);font-size:var(--fs-xs);color:var(--text-muted);line-height:1.45;display:flex}.steps__item strong{color:var(--text);font-size:var(--fs-sm);display:block}.steps__num{background:var(--ink-soft);width:24px;height:24px;color:var(--ink);font-size:var(--fs-2xs);border-radius:50%;flex-shrink:0;align-items:center;justify-items:center;font-weight:800;display:grid}.spinner{border:2px solid;border-right-color:transparent;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.spinner--lg{width:40px;height:40px;color:var(--ink);border-width:3px}.generating-overlay{z-index:100000;padding:var(--space-4);background:color-mix(in srgb, var(--desk) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fade-up var(--dur) var(--ease-out);align-items:center;justify-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.generating-overlay__card{align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-10);background:var(--panel);border:1px solid var(--rule);border-radius:var(--radius-panel);box-shadow:var(--shadow-lg);text-align:center;flex-direction:column;display:flex}.generating-overlay__card .spinner{margin-bottom:var(--space-3)}.generating-overlay__title{font-size:var(--fs-lg);font-weight:700}.generating-overlay__sub{font-size:var(--fs-sm);color:var(--text-muted)}.toast-region{left:50%;bottom:calc(var(--dock-h) + var(--space-4) + var(--sab));z-index:200;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:calc(100vw - max(2 * var(--space-4), var(--sal) + var(--sar) + var(--space-4)));position:fixed;transform:translate(-50%)}.toast{align-items:center;gap:var(--space-2);min-height:48px;padding:var(--space-1) var(--space-1) var(--space-1) var(--space-4);background:var(--inverse);color:var(--on-inverse);box-shadow:var(--shadow-lg);font-size:var(--fs-sm);animation:toast-in var(--dur-slow) var(--ease-out);border-radius:14px;font-weight:500;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}.toast__msg{padding-right:var(--space-2)}.toast__action{height:40px;padding:0 var(--space-4);color:var(--inverse-ink);cursor:pointer;transition:background var(--dur) var(--ease);background:0 0;border:none;border-radius:10px;font-weight:700}.toast__action:hover{background:color-mix(in srgb, var(--on-inverse) 10%, transparent)}.toast__close{width:40px;height:40px;color:inherit;opacity:.7;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;justify-items:center;display:grid}.toast__close:hover{opacity:1;background:color-mix(in srgb, var(--on-inverse) 10%, transparent)}.toast__close svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:16px;height:16px}.toast :focus-visible{outline-color:var(--inverse-ink)}.auth-page{min-height:100vh;min-height:100dvh;padding:var(--space-6) max(var(--space-4), var(--sal)) var(--space-6) max(var(--space-4), var(--sar));background:radial-gradient(ellipse at 50% 15%, rgba(67,56,202,.08) 0%, transparent 60%), radial-gradient(ellipse at 80% 80%, rgba(139,92,246,.05) 0%, transparent 50%), var(--desk);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--panel);border:1px solid var(--rule);border-radius:var(--radius-panel);width:100%;max-width:460px;box-shadow:var(--shadow-lg), 0 20px 40px -15px rgba(29,78,216,.12);padding:var(--space-8);animation:fade-up var(--dur-slow) var(--ease-out)}.auth-brand{text-align:center;margin-bottom:var(--space-6);flex-direction:column;align-items:center;display:flex}.auth-logo-wrapper{margin-bottom:var(--space-4);align-items:center;justify-items:center;transition:transform .4s;display:grid}.auth-logo-wrapper:hover{transform:scale(1.05)}.auth-logo{object-fit:contain;-webkit-filter:drop-shadow(0 4px 14px rgba(29,78,216,.3));filter:drop-shadow(0 4px 14px rgba(29,78,216,.3));width:auto;height:84px}.auth-title{font-family:var(--font-church);font-size:var(--fs-xl);letter-spacing:-.015em;color:var(--text);margin-bottom:var(--space-2);font-weight:800;line-height:1.25}.auth-subtitle{font-size:var(--fs-sm);color:var(--text-muted);max-width:36ch;line-height:1.5}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.auth-input{min-height:48px}.auth-password-wrapper{align-items:center;display:flex;position:relative}.auth-password-wrapper .input{padding-right:44px}.auth-password-toggle{width:34px;height:34px;color:var(--text-muted);cursor:pointer;transition:color var(--dur) var(--ease), background var(--dur) var(--ease);background:0 0;border:none;border-radius:8px;align-items:center;justify-items:center;display:grid;position:absolute;right:8px}.auth-password-toggle:hover{color:var(--text);background:var(--surface-2)}.auth-password-toggle svg{width:18px;height:18px}.auth-submit-btn{margin-top:var(--space-2);height:48px;font-size:var(--fs-base)}.auth-link{color:var(--ink);font-size:var(--fs-xs);cursor:pointer;transition:opacity var(--dur) var(--ease);background:0 0;border:none;padding:0;font-weight:700}.auth-link:hover{text-decoration:underline}.auth-link--subtle{color:var(--text-faint);font-weight:600}.auth-link--subtle:hover{color:var(--ink)}.auth-alert{align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-ctl);font-size:var(--fs-xs);margin-bottom:var(--space-4);animation:fade-up var(--dur) var(--ease-out);font-weight:600;line-height:1.4;display:flex}.auth-alert__icon{flex-shrink:0;width:18px;height:18px;margin-top:1px}.auth-alert--error{background:var(--error-bg);color:var(--error);border:1px solid color-mix(in srgb, var(--error) 25%, transparent)}.auth-alert--success{background:var(--success-bg);color:var(--success);border:1px solid color-mix(in srgb, var(--success) 25%, transparent)}.auth-footer-notice{align-items:center;gap:var(--space-2);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--rule);text-align:center;font-size:var(--fs-2xs);color:var(--text-faint);flex-direction:column;line-height:1.45;display:flex}.auth-badge-notice{text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-muted);padding:2px 8px;font-size:.6875rem;font-weight:800;display:inline-block}.auth-reset-container{gap:var(--space-4);flex-direction:column;display:flex}.auth-reset-title{font-family:var(--font-church);font-size:var(--fs-lg);color:var(--text);font-weight:700}.auth-reset-desc{font-size:var(--fs-xs);color:var(--text-muted);line-height:1.45}.auth-back-wrapper{margin-top:var(--space-3);text-align:center}.modal-backdrop{z-index:2000;background:color-mix(in srgb, var(--desk) 80%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:var(--space-4);animation:fade-up var(--dur) var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.modal-sub-backdrop{background:color-mix(in srgb, var(--desk) 85%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2100;padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.modal-card{background:var(--panel);border:1px solid var(--rule);border-radius:var(--radius-panel);width:100%;box-shadow:var(--shadow-lg);padding:var(--space-6);gap:var(--space-5);max-height:calc(100vh - 2 * var(--space-6));flex-direction:column;display:flex;overflow-y:auto}.modal-card--lg{max-width:780px}.modal-card--sm{max-width:400px}.modal-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--rule);display:flex}.modal-badge-super{font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-pill);color:#1d4ed8;margin-bottom:var(--space-2);background:rgba(29,78,216,.12);padding:2px 8px;font-weight:800;display:inline-block}.modal-title{font-family:var(--font-church);font-size:var(--fs-lg);color:var(--text);font-weight:800;line-height:1.25}.modal-desc{font-size:var(--fs-xs);color:var(--text-muted);margin-top:2px}.modal-foot{padding-top:var(--space-4);border-top:1px solid var(--rule);justify-content:flex-end;display:flex}.modal-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-3);display:flex}.user-section{gap:var(--space-3);flex-direction:column;display:flex}.user-section--add{padding:var(--space-4);background:var(--surface-2);border-radius:var(--radius-ctl);border:1px solid var(--rule)}.user-section-title{font-size:var(--fs-sm);color:var(--text);font-weight:700}.user-section-desc{font-size:var(--fs-xs);color:var(--text-faint)}.user-add-grid{gap:var(--space-3);margin-top:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.user-add-submit{margin-top:var(--space-3);align-self:flex-start}.user-section-head{justify-content:space-between;align-items:center;display:flex}.user-table-wrapper{border:1px solid var(--rule);border-radius:var(--radius-ctl);overflow-x:auto}.user-table{border-collapse:collapse;text-align:left;width:100%;font-size:var(--fs-xs)}.user-table th{padding:var(--space-3) var(--space-4);background:var(--surface-2);color:var(--text-muted);font-weight:700;font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--rule)}.user-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--rule);color:var(--text);vertical-align:middle}.user-table tbody tr:last-child td{border-bottom:none}.user-cell-name{align-items:center;gap:var(--space-2);display:flex}.user-cell-email{font-family:monospace;font-size:var(--fs-2xs);color:var(--text-muted)}.user-cell-date{color:var(--text-faint);font-size:var(--fs-2xs);white-space:nowrap}.badge-role{border-radius:var(--radius-pill);font-size:var(--fs-2xs);align-items:center;padding:2px 8px;font-weight:700;display:inline-flex}.badge-role--admin{color:#1d4ed8;background:rgba(29,78,216,.12)}.badge-role--user{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--rule)}.user-row-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}.pill--sm{height:20px;padding:0 var(--space-2);font-size:.6875rem}.text-right{text-align:right}.btn-danger-solid{background:var(--error)!important;color:#fff!important}.user-confirm-delete{align-items:center;gap:var(--space-1);display:flex}.app-footer{width:100%;max-width:1400px;padding:var(--space-6) var(--space-8) var(--space-8);font-size:var(--fs-xs);color:var(--text-faint);margin:0 auto}.app-footer p{max-width:72ch;padding-top:var(--space-6);border-top:1px solid var(--rule)}.app-footer__meta{align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--fs-2xs);color:var(--text-faint);display:flex}.app-footer__ver{color:var(--text-muted);background:var(--surface-2);border-radius:var(--radius-pill);border:1px solid var(--rule);padding:1px 6px;font-family:monospace;font-weight:700}.auth-footer-version{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-4);font-size:var(--fs-2xs);color:var(--text-faint);font-family:monospace;display:flex}@media (max-width:1100px){.progress{display:none}}@media (min-width:768px) and (max-width:1024px){:root{--topbar-h:60px}.workspace{padding:var(--space-5) max(var(--space-4), var(--sar)) var(--space-5) max(var(--space-4), var(--sal));gap:var(--space-5);grid-template-columns:minmax(310px,340px) minmax(0,1fr)}.composer{top:calc(var(--topbar-h) + var(--sat) + var(--space-4));max-height:calc(100vh - var(--topbar-h) - var(--sat) - var(--space-8));padding:var(--space-5);position:-webkit-sticky;position:sticky}.page-grid{gap:var(--space-6) var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr))}.topbar__inner,.app-footer{padding-left:max(var(--space-4), var(--sal));padding-right:max(var(--space-4), var(--sar))}}@media (max-width:767px){:root{--dock-h:80px;--topbar-h:56px}.workspace{padding:var(--space-4) max(var(--space-3), var(--sar)) var(--space-4) max(var(--space-3), var(--sal));gap:var(--space-5);grid-template-columns:minmax(0,1fr)}.mobile-nav{top:calc(var(--topbar-h) + var(--sat));z-index:45;padding:var(--space-2) max(var(--space-3), var(--sar)) var(--space-2) max(var(--space-3), var(--sal));background:var(--topbar-bg);-webkit-backdrop-filter:saturate(1.6)blur(14px);backdrop-filter:saturate(1.6)blur(14px);border-bottom:1px solid var(--rule);gap:var(--space-2);display:flex;position:-webkit-sticky;position:sticky}.mobile-nav__btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-ctl);height:42px;color:var(--text-muted);font-size:var(--fs-sm);cursor:pointer;transition:all var(--dur) var(--ease);-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid transparent;flex:1;font-weight:700;display:inline-flex}.mobile-nav__btn.is-active{background:var(--panel);color:var(--ink);border-color:var(--rule-strong);box-shadow:var(--shadow-sm)}.mobile-nav__icon{flex-shrink:0;width:18px;height:18px}.mobile-nav__badge{border-radius:var(--radius-pill);background:var(--ink-soft);min-width:20px;height:20px;color:var(--ink);font-size:var(--fs-2xs);justify-content:center;align-items:center;padding:0 6px;font-weight:800;display:inline-flex}.mobile-nav__btn.is-active .mobile-nav__badge{background:var(--ink);color:var(--on-ink)}.is-mobile-hidden{display:none!important}.is-mobile-active{display:flex!important}.pages__add-mobile{display:inline-flex}.composer{max-height:none;padding:var(--space-4);border-radius:var(--radius-ctl);position:static;overflow:visible}.item-form{flex-direction:column;display:flex}.item-form__field-date{order:1}.item-form__field-content{order:2}.item-form__preview{padding:var(--space-3);order:3;margin:0}.item-form__submit{order:4}.topbar__inner{padding:0 max(var(--space-3), var(--sal)) 0 max(var(--space-3), var(--sar));gap:var(--space-2)}.brand{gap:var(--space-2);flex-shrink:1;min-width:0}.brand__logo-box{width:auto;height:36px}.brand__logo-img{height:32px}.brand__text{min-width:0;overflow:hidden}.brand__name{text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-size:.875rem;overflow:hidden}.topbar__btn-label-desktop{display:none}.topbar__btn-label-mobile{display:inline}.brand__tagline{display:none}.user-pill-header{display:none!important}.topbar__user-zone{flex-shrink:0;gap:6px}.topbar__mgmt-btn{height:36px;padding:0 var(--space-2);font-size:var(--fs-xs)}.btn-signout{height:36px;padding:0 var(--space-3);font-size:var(--fs-xs)}.export-dock{z-index:60;padding:var(--space-3) max(var(--space-4), var(--sar)) calc(var(--space-3) + var(--sab)) max(var(--space-4), var(--sal));background:var(--topbar-bg);-webkit-backdrop-filter:saturate(1.6)blur(14px);backdrop-filter:saturate(1.6)blur(14px);border-top:1px solid var(--rule);justify-content:stretch;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px -16px rgba(20,23,38,.25)}.export-dock .export{align-items:center;gap:var(--space-2);width:100%;display:flex}.export-dock .btn-generate{min-width:0;height:48px;padding:0 var(--space-3);text-overflow:ellipsis;flex:1;overflow:hidden}.export-dock .segmented{flex-shrink:0}.export-dock .segmented__option span{height:38px;padding:0 var(--space-3);line-height:38px}.export-dock .export-status{margin-bottom:var(--space-1);order:-1}.btn-label-full{display:none}.btn-label-short{display:inline}.pages__bar{-webkit-backdrop-filter:none;background:0 0;margin-top:0;padding-top:0;position:static}.page-grid{gap:var(--space-5);grid-template-columns:1fr}.page__actions{gap:6px}.page__actions .icon-btn{border-radius:10px;width:42px;height:42px}.page__divider{height:24px;margin:0 4px}.page__edit-actions{gap:var(--space-3)}.page__edit-actions .btn-sm{height:44px;padding:0 var(--space-4);min-width:72px}.steps{grid-template-columns:minmax(0,1fr)}.empty-state{padding:var(--space-8) var(--space-3)}.item-form__submit .hint,.page__edit-actions .hint,.export-dock.is-empty{display:none}.app:has(.export-dock.is-empty){--dock-h:0px}.app:has(.composer.is-mobile-active) .export-dock{display:none}.app:has(.composer.is-mobile-active){--dock-h:0px}}@media (max-width:360px){.export-dock .export{flex-wrap:wrap}.export-dock .segmented{width:100%;display:flex}.export-dock .segmented__option{text-align:center;flex:1}.export-dock .btn-generate{flex-basis:100%;width:100%}.app:has(.pages.is-mobile-active){--dock-h:128px}}@media (max-width:380px){.topbar__btn-label-mobile{display:none!important}.topbar__mgmt-btn{align-items:center;justify-items:center;width:36px;height:36px;padding:0;display:grid}.btn-signout span{display:none}.btn-signout{align-items:center;justify-items:center;width:36px;height:36px;padding:0;display:grid}.brand__name{max-width:130px;font-size:.8125rem}}@media (max-height:500px) and (orientation:landscape){:root{--topbar-h:48px;--dock-h:64px}.brand__mark{border-radius:8px;width:28px;height:28px}.brand__name{font-size:var(--fs-sm)}.mobile-nav__btn{height:36px;font-size:var(--fs-xs)}.export-dock .btn-generate{height:42px}.export-dock .segmented__option span{height:32px;line-height:32px}}@media (pointer:coarse){.icon-btn{width:44px;height:44px}.chip{min-height:40px;padding:0 var(--space-4)}.btn-sm{min-height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{body{color:#000!important;background:#fff!important}.topbar,.mobile-nav,.composer,.export-dock,.pages__bar,.page__meta,.page__badge,.toast-region,.app-footer,.empty-state{display:none!important}.workspace{max-width:none!important;margin:0!important;padding:0!important;display:block!important}.pages{display:block!important}.page-grid{margin:0!important;padding:0!important;display:block!important}.page{break-after:page;page-break-after:always;margin:0!important;padding:0!important}.page__sheet{width:100%!important}.sheet{box-shadow:none!important;border-radius:0!important;width:100%!important}@page{size:A4 landscape;margin:0}}
/*# sourceMappingURL=main.9a0ac5c3.css.map*/