#list-picker-toggle{margin:0;padding:5px!important;display:grid;place-items:center}#list-picker-toggle i{display:block;width:17px;height:17px;border-radius:50%;background:#d1cff5;border:1px solid #0000000b}#list-picker{position:absolute;top:94px;left:48px;z-index:12;padding:15px;background:white;border:1px solid #dedfd9;border-radius:12px;box-shadow:0 12px 35px #23332325;width:220px}#list-picker[hidden],#create-list[hidden]{display:none}.list-options{display:flex;gap:12px}.list-options button{background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:8px;font:11px system-ui;color:#647369;width:85px;cursor:pointer}.list-options i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#d1cff5;font-style:normal;font-size:19px}.list-options button:nth-child(2) i{background:#c6dff1}.list-options button[aria-pressed=true] i{outline:1px solid #145c46;outline-offset:4px}#create-list{margin-top:16px;display:flex;gap:8px}#create-list input{min-width:0;width:140px;padding:7px;border:1px solid #ddd;border-radius:5px}#create-list button{border:0;background:#f1f4ef;border-radius:5px;color:#145c46}.waiting-heading{font:12px system-ui;color:#879184;margin:14px 0 3px;border-top:1px solid #eceee8;padding-top:12px}.native-row.is-waiting{color:#949a91}.native-row.is-waiting>button:first-child{font-size:18px;color:#92998c}#panel-wait{display:grid;place-items:center;opacity:.65}.how-chapters button{padding-top:12px;padding-bottom:12px}.how-chapters button strong{font-size:20px}

@media(min-width:900px){.how-chapters button{padding:9px 14px;margin-bottom:3px}.how-chapters button strong{font-size:17px;line-height:1.2}.how-chapters button small{font-size:11px;line-height:1.35;margin-top:4px}.how-chapters button span{font-size:9px}.how-layout{align-items:start}}

.task-context-menu{position:absolute;z-index:15;background:#fff;border:1px solid #dce2d9;border-radius:7px;padding:5px;box-shadow:0 8px 22px #18382b25;animation:popup-arrive .35s ease}.task-context-menu button{font:13px system-ui;color:#145c46;background:#eef1ec;border:0;border-radius:4px;padding:9px 13px;cursor:pointer}.waiting-target{outline:1px solid #a4b7aa;outline-offset:-1px;border-radius:6px}.waiting-reveal{background:#edf2eb;border-radius:5px;color:#145c46;padding:10px!important;transition:background .5s}.waiting-heading{font-weight:600}

#selected-list-label{font:12px system-ui;color:#657b6a;margin:-4px 0 12px;letter-spacing:.02em}.list-empty{min-height:115px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#607b68;text-align:center}.list-empty strong{font:18px system-ui}.list-empty span{font:12px system-ui;color:#8a9689}#list-picker{top:100px}

#list-picker-toggle i{background:var(--list-colour,#d1cff5);transition:background .4s}#selected-list-label{display:inline-block;background:var(--list-colour,#d1cff5);padding:4px 9px;border-radius:12px;color:#345d50;transition:background .4s}.native-row.is-active{background:var(--list-colour,var(--panel-colour))}.waiting-arrival{animation:waiting-arrival 2s ease-out!important}@keyframes waiting-arrival{0%,45%{background:#e5eee7;box-shadow:inset 3px 0 #72967f}100%{background:transparent;box-shadow:inset 0 0 transparent}}

#settings-lists{display:none}.is-list-creation #settings-lists{display:block}.is-list-creation #settings-personalise{display:none}.settings-list-item{display:flex;align-items:center;gap:10px;font:14px system-ui;padding:12px 0;margin:12px 0;border-bottom:1px solid #e8ece5}.settings-list-item i{width:20px;height:20px;border-radius:50%;background:#d1cff5}#settings-new-list{border:0;background:none;color:#145c46;padding:10px 0;font:13px system-ui;cursor:pointer}#settings-create-list{display:flex;gap:8px;margin:12px 0 22px}#settings-create-list[hidden]{display:none}#settings-create-list input{width:180px;min-width:0;border:1px solid #cdd8ce;border-radius:5px;padding:8px;font:13px system-ui}#settings-create-list button{border:0;border-radius:5px;background:#e9eee7;color:#145c46;padding:7px 11px}.quick-settings.is-list-creation .settings-body{min-height:230px}

.settings-list-item{padding:2px 0;margin:12px 0;border:0;gap:14px;color:#343a36}.settings-project-dot{display:block;flex-shrink:0;width:28px;height:28px;margin:4px;border:0;border-radius:50%;background:#d1cff5}.settings-project-dot.is-sky{background:#c6dff1}#settings-new-list[hidden]{display:none}#settings-create-list{align-items:center;gap:7px}#settings-create-list input{width:165px;padding:5px 7px}#settings-create-list button{background:linear-gradient(#fff,#f0f0ee);color:#343a36;border:1px solid #d5d7d2;padding:4px 9px;box-shadow:0 1px 1px #0000000b;font:12px system-ui}#settings-create-list #settings-list-cancel{padding:4px 7px}.quick-settings.is-list-creation{max-height:420px}.quick-settings.is-list-creation .settings-body{max-height:365px}.is-list-creation .settings-body>h3{font-size:30px;margin-bottom:22px}.is-list-creation #settings-lists h4{font-size:13px;font-weight:600}

#settings-new-list.add-list-emphasis{background:#e8e2f5;border-radius:6px;padding:9px 12px;box-shadow:0 0 0 4px #d1cff542;animation:add-list-emphasis 1.5s ease-in-out infinite}@keyframes add-list-emphasis{50%{box-shadow:0 0 0 7px #d1cff51a}}@media(prefers-reduced-motion:reduce){#settings-new-list.add-list-emphasis{animation:none}}

/* Softer scene changes without slowing the story. */
#how-caption.caption-transition{animation:caption-transition .32s cubic-bezier(.22,1,.36,1) both}@keyframes caption-transition{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.native-panel{transition:background .5s ease}.native-row{transition:background .4s ease,color .35s ease}.quick-settings:not([hidden]),#list-picker:not([hidden]){animation:popup-arrive .42s cubic-bezier(.22,1,.36,1) both}.native-list{transition:opacity .5s ease,transform .65s cubic-bezier(.22,1,.36,1)}@media(prefers-reduced-motion:reduce){#how-caption.caption-transition{animation:none}.native-row{transition:none}}