.demo-pause-banner{background:#d7eee8;color:#234e55;padding:16px max(20px,calc((100% - 1180px)/2));font:12px/1.7 system-ui;border-bottom:1px solid #b4d5ce}.demo-pause-banner strong{font-size:15px;display:block;margin-bottom:4px}.demo-pause-banner span{display:block}.public-admin-demo{background:#f0f7f8;color:#264e55;font-family:system-ui,-apple-system,"PingFang TC",sans-serif}.public-demo-header{padding:20px max(20px,calc((100% - 1180px)/2));display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d5e4e5;background:white}.public-demo-header strong{font-size:22px}.public-demo-header a{font-size:12px}.demo-admin-layout{max-width:1220px;margin:25px auto;display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px;padding:0 20px}#public-demo-nav{display:flex;flex-direction:column;gap:8px;align-self:start;background:#24565d;padding:12px;border-radius:15px}#public-demo-nav button{text-align:left;background:transparent;border:0;color:#e3f5f4;padding:13px;border-radius:8px;font-size:13px;cursor:pointer}#public-demo-nav button[aria-current=page]{background:#c4e7e9;color:#214950}#public-demo-content{min-width:0;padding:0}#public-demo-content h1{font-size:30px;font-family:inherit;margin:5px 0 18px}#public-demo-content h2{font-family:inherit;font-size:18px;margin:15px 0}.demo-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}.demo-panel{background:white;border:1px solid #d0e2e5;padding:23px;border-radius:12px;min-width:0}.demo-panel p{font-size:13px;line-height:1.9;color:#577378}.demo-panel strong{font-size:27px;font-weight:500}.demo-panel button,.demo-camera{background:#e8f0f0;color:#607d80;border:1px solid #c9d9da;padding:10px 15px;border-radius:6px;margin-top:12px;cursor:not-allowed;font-size:12px}.demo-tag{font-size:11px;color:#5b7d85}.demo-paused-note{font-size:12px;padding:12px 16px;background:#e5efec;color:#536d71}.demo-filter-row{display:flex;gap:8px;flex-wrap:wrap}.demo-filter-row span{padding:7px 14px;background:#d8eaeb;font-size:12px;border-radius:5px}.demo-placeholder{border:1px dashed #c8d6d6;color:#759195;padding:30px 15px;font-size:13px;text-align:center}.public-demo-footer{text-align:center;font-size:11px;color:#6b8386;padding:20px}.public-admin-demo .calendar-home-intro h1{margin:0!important}.public-admin-demo .calendar-home button:disabled{opacity:1;cursor:default}.public-admin-demo .calendar-agenda{display:none}.public-admin-demo .calendar-capture{color:#497c83;background:#d2eaeb}.readonly-front .site-header{position:relative!important;top:auto!important}.readonly-front .site-header .nav-inner{position:relative!important;top:auto!important;left:auto!important}.readonly-front *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.readonly-front .lyric-journey{height:auto!important;min-height:0!important;--journey-bg:#70ccc3;--journey-ink:#203f49;--journey-detail:#305d61}.readonly-front .lyric-sticky{position:relative!important;top:auto!important;height:auto!important;min-height:620px;background:#70ccc3!important}.readonly-front .lyric-letter,.readonly-front .journey-meaning,.readonly-front .reveal{transform:none!important;filter:none!important;opacity:1!important}.readonly-front .thought-cloud{display:none}.readonly-front .journey-replay{display:none!important}.readonly-front #app{pointer-events:none}.readonly-front .public-demo-header{padding:12px 20px;font:13px system-ui}.readonly-front .public-demo-header a{pointer-events:auto}@media(max-width:760px){.demo-admin-layout{display:block;margin:16px auto;padding:0 16px}#public-demo-nav{flex-direction:row;overflow-x:auto;border-radius:10px;margin-bottom:20px;gap:0;padding:7px}#public-demo-nav button{white-space:nowrap;font-size:11px;padding:10px}.demo-card-grid{grid-template-columns:1fr}.public-demo-header strong{font-size:20px}.public-admin-demo .calendar-controls{margin-bottom:10px}.public-admin-demo .calendar-home{padding:0}.readonly-front .lyric-sticky{min-height:550px}}
#public-demo-content a[aria-disabled=true]{opacity:.55;text-decoration:none;cursor:default}

.readonly-front .demo-lyric-ink{display:inline-block;transform-origin:center}.readonly-front .lyric-scene{overflow:hidden}
/* The public backend is presented as a mobile workspace, including on laptops. */
.public-admin-demo{--demo-width:540px;background:#dce9eb;min-height:100vh;padding-bottom:112px}.public-admin-demo .demo-pause-banner,.public-admin-demo .public-demo-header,.public-admin-demo .demo-admin-layout,.public-admin-demo .public-demo-footer{max-width:var(--demo-width);margin-inline:auto;box-sizing:border-box}.public-admin-demo .demo-pause-banner{padding:10px 20px;background:#e2f0ef}.public-admin-demo .demo-pause-banner strong{font-size:12px}.public-admin-demo .demo-pause-banner span{font-size:10px}.public-admin-demo .public-demo-header{padding:18px 20px;background:#f2f8f9}.public-admin-demo .public-demo-header strong{font-size:21px}.public-admin-demo .demo-admin-layout{display:block;margin:0 auto;padding:18px 18px 24px;background:#f2f8f9;min-height:65vh}.public-admin-demo #public-demo-content h1{font-size:25px}.public-admin-demo #public-demo-content h2{font-size:17px}.public-admin-demo .demo-card-grid{grid-template-columns:1fr;gap:12px}.public-admin-demo .demo-panel{padding:20px;border-radius:13px}.public-admin-demo .public-demo-footer{font-size:10px;background:#f2f8f9;padding:14px 20px 25px}.public-admin-demo #public-demo-nav{position:fixed;z-index:50;bottom:calc(12px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:calc(100% - 28px);max-width:512px;display:flex;gap:9px;flex-direction:row;background:transparent;padding:0;border-radius:0;overflow:visible;margin:0}.demo-dock-main{display:flex;flex:1;min-width:0;background:#255963;border-radius:25px;padding:7px;box-shadow:0 5px 18px #234e5520}.public-admin-demo #public-demo-nav button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;text-align:center;flex:1;min-width:0;border:0;background:transparent;color:#d8eef0;border-radius:20px;padding:8px 3px;font-size:11px;cursor:pointer}.public-admin-demo #public-demo-nav button small{font-size:10px;white-space:nowrap}.public-admin-demo #public-demo-nav svg{width:24px;height:24px}.public-admin-demo #public-demo-nav [aria-current=page]{background:#d3edef;color:#255963}.public-admin-demo #public-demo-nav .demo-dock-menu{flex:0 0 66px;background:#a6dadd;color:#255963;border:1px solid #8fc4c9;border-radius:23px}.public-admin-demo #public-demo-nav .demo-dock-menu[aria-current=page]{background:#70bfc6}.demo-home-modules{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.demo-module{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #d3e1e6;border-radius:13px;padding:16px 11px;color:#294f58;cursor:pointer;min-width:0;background:#e5f2f4}.demo-module svg{width:24px;height:24px;flex-shrink:0}.demo-module span{min-width:0}.demo-module strong{display:block;font-size:13px;line-height:1.5}.demo-module small{display:block;font-size:9px;line-height:1.6;margin-top:4px;color:#617d84}.demo-module b{align-self:flex-start;margin-left:auto;font-size:12px;font-weight:400}.demo-module.paper{background:#faf7ed}.demo-module.lilac{background:#eeeaf6}.demo-module.sage{background:#e1edef}.demo-capture{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 14px;border:1px solid #b6d5db;border-radius:14px;background:#dceff1;margin:19px 0}.demo-capture>div{display:flex;align-items:center;gap:11px}.demo-capture svg{width:30px;height:30px;flex-shrink:0;color:#317d88}.demo-capture strong{display:block;font-size:14px}.demo-capture small{display:block;font-size:10px;color:#617b80;margin-top:5px}.demo-capture button{background:#397f8b;color:white;border:0;border-radius:10px;padding:12px;font-size:11px;white-space:nowrap}.public-admin-demo .calendar-home-intro{margin-bottom:12px}.public-admin-demo .calendar-controls{gap:6px}.public-admin-demo .calendar-views button,.public-admin-demo .calendar-filters button{padding:8px 4px;font-size:12px}.public-admin-demo .month-day{min-height:62px;padding:5px 3px}.public-admin-demo .month-event{font-size:8px;line-height:1.4}.public-admin-demo .month-grid{min-width:0}.public-admin-demo .month-weekdays{font-size:11px}.public-admin-demo .calendar-home-intro h1{font-size:26px!important}.public-admin-demo .calendar-capture{font-size:11px}.public-admin-demo .calendar-agenda{display:none}@media(min-width:700px){.public-admin-demo .demo-pause-banner{margin-top:22px;border-radius:24px 24px 0 0}.public-admin-demo .public-demo-footer{border-radius:0 0 24px 24px}}@media(max-width:380px){.demo-module{padding:13px 8px;gap:6px}.demo-module strong{font-size:12px}.demo-module svg{width:20px}.public-admin-demo .demo-admin-layout{padding:16px 12px}}
.public-admin-demo .month-grid{height:360px!important;grid-template-rows:repeat(6,minmax(0,1fr))!important}.public-admin-demo .month-day{min-height:0!important;overflow:hidden}.public-admin-demo .calendar-date-nav{margin:10px 0}.public-admin-demo .calendar-view-tabs button,.public-admin-demo .calendar-kind-tabs button{padding:7px 4px;font-size:11px}.public-admin-demo .calendar-controls{margin-bottom:12px}

/* Restore original scrubbed lyric journey, including on coarse-touch devices. */
.readonly-front #words-in-motion{height:calc(100svh + 1200px)!important;min-height:0!important;overflow:visible!important;background:var(--journey-bg)!important}
.readonly-front #words-in-motion .lyric-sticky{position:sticky!important;top:0!important;height:100svh!important;min-height:0!important;max-height:100svh;background:var(--journey-bg)!important;overflow:hidden!important}
.readonly-front #words-in-motion .lyric-scene{min-height:0!important;overflow:hidden;flex:1}
.readonly-front #words-in-motion .thought-cloud{display:block!important}
.readonly-front #words-in-motion .journey-meaning{flex-shrink:0}
.readonly-front #words-in-motion .journey-meta{padding-top:25px;flex-shrink:0}
.readonly-front #words-in-motion .journey-footer{padding-bottom:25px;flex-shrink:0}
.readonly-front #words-in-motion .lyric-sticky:before{display:none!important}
@media(prefers-reduced-motion:reduce){.readonly-front #words-in-motion{height:auto!important}.readonly-front #words-in-motion .lyric-sticky{position:relative!important;height:650px!important}}