.personal-sequence{--seq-gold:#f7bc67;--seq-line:rgba(233,180,110,.22);margin:28px 0 36px;padding:clamp(20px,4vw,44px);border:1px solid var(--seq-line);border-radius:24px;color:#e9edf5;background:radial-gradient(ellipse at 100% 0%,#263243 0,transparent 52%),#0b1523;box-shadow:0 20px 65px #0002;scroll-margin-top:24px}.sequence-heading{max-width:730px;margin-bottom:28px}.sequence-kicker{font:11px/1.5 monospace;letter-spacing:.25em;color:var(--seq-gold)}.personal-sequence h2{font:clamp(27px,4vw,42px)/1.2 Georgia,serif;margin:13px 0;color:#fff0d7}.personal-sequence .sequence-lead{color:var(--seq-gold);font-size:clamp(16px,2vw,20px);margin:0 0 8px}.sequence-heading p{color:#b4c2d2;line-height:1.6}.sequence-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,54px);align-items:start}.sequence-form label{display:flex;flex-direction:column;gap:9px;font-size:13px;color:#cbd6e5}.sequence-form input,.sequence-form select{width:100%;box-sizing:border-box;min-height:48px;color:#f1e5d6;background:#111f30;border:1px solid #3a495c;border-radius:10px;padding:12px;font:inherit;font-size:16px}.sequence-form select option{background:#111f30;color:#fff}.sequence-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.sequence-create{width:100%;border:1px solid #ffd28a;border-radius:10px;background:linear-gradient(110deg,#f7c47f,#dba365);color:#191a20;font:inherit;font-size:16px;font-weight:600;line-height:1.4;min-height:50px;margin-top:26px;padding:14px;cursor:pointer}.sequence-create:hover{filter:brightness(1.08)}.sequence-privacy,.sequence-note{font-size:12px;line-height:1.65;color:#aabacb}.sequence-privacy{margin:15px 0 20px}.sequence-note{border-inline-start:2px solid #d9a466;padding-inline-start:12px;margin-top:22px}.sequence-method,.sequence-editor{border-top:1px solid var(--seq-line);padding:16px 0;font-size:13px;color:#bdcadb}.sequence-method summary,.sequence-editor summary{cursor:pointer;color:var(--seq-gold);min-height:28px}.sequence-method p{line-height:1.8}.sequence-method a{color:#e7b978}.sequence-preview{min-width:0;background:#07121e;border:1px solid var(--seq-line);border-radius:18px;padding:16px}.sequence-art{width:100%;min-height:300px;text-align:center;color:#afbdcf;display:flex;align-items:center;justify-content:center;flex-direction:column}.sequence-art svg{display:block;width:100%;height:auto;max-width:520px}.sequence-placeholder{font-size:100px;color:#dbab65;padding:35px 0 0}.sequence-art p{margin:4px 0 12px}.sequence-art small{line-height:1.5}.sequence-code{font:11px/1.5 monospace;letter-spacing:.08em;text-align:center;color:#d9b482;overflow-wrap:anywhere;margin:10px 0 18px}.sequence-names{list-style:none;padding:0;margin:0;display:grid;gap:6px}.sequence-names li a{display:flex;align-items:center;gap:10px;color:#e9e1d5;text-decoration:none;padding:10px 12px;border:1px solid #334152;border-radius:9px;background:#122033}.sequence-names li a:hover{border-color:var(--seq-gold)}.sequence-names li span{color:var(--seq-gold);font:12px monospace}.sequence-names li b{font-weight:500;overflow-wrap:anywhere}.sequence-names li small{margin-inline-start:auto;white-space:nowrap;color:#a7b7c8}.sequence-profile{font-size:12px;color:#b8c8d7;line-height:1.65;overflow-wrap:anywhere}.sequence-downloads{display:flex;gap:9px;margin:20px 0}.sequence-downloads button{flex:1;min-height:44px;cursor:pointer;background:#19283b;color:var(--seq-gold);border:1px solid #7d684c;border-radius:8px;font:600 13px monospace}.sequence-downloads button:disabled{opacity:.5;cursor:wait}.sequence-choices{max-height:280px;overflow:auto;display:grid;gap:7px;padding:10px 0}.sequence-choices label{display:flex;gap:10px;align-items:center;min-height:38px;cursor:pointer}.sequence-choices input{width:19px;height:19px;accent-color:#f7bc67;flex-shrink:0}.sequence-status{margin:12px 0 0;font-size:13px;line-height:1.6;color:#f7bc67;min-height:21px}.personal-sequence :focus-visible{outline:2px solid #ffd18b;outline-offset:4px}.personal-sequence [hidden]{display:none!important}@media(max-width:700px){.sequence-workbench{grid-template-columns:1fr}.personal-sequence{padding:20px 16px;border-radius:18px}.sequence-fields{gap:15px 12px}.sequence-art{min-height:250px}.sequence-preview{padding:12px}.sequence-form label{font-size:12px}}@media(prefers-reduced-motion:reduce){.personal-sequence *{scroll-behavior:auto}}

.sequence-option-count{display:inline-block;color:#f7bc67;background:#19283b;border:1px solid #66523c;border-radius:30px;padding:7px 13px;font-size:12px;line-height:1.5}.sequence-fields{align-items:start}.personal-sequence .sequence-field-hint{display:block;margin:0;line-height:1.6;color:#afc0d2;font-size:12px;font-weight:400}.sequence-form> .sequence-field-hint{margin-top:9px}.sequence-form select{padding-inline-end:26px;text-overflow:ellipsis}.sequence-form optgroup{color:#f7bc67;background:#111f30}.sequence-form option{color:#f1e5d6}
.sequence-fields>label:nth-child(-n+2){grid-column:1/-1}.sequence-fields>label:nth-child(-n+2) select{min-width:0;width:100%}

/* Native dialog: a separate, accessible work window instead of a home-page section. */
#sequenceDialog:not([open]){display:none!important}
#sequenceDialog{box-sizing:border-box;position:fixed;inset:0;width:min(1120px,calc(100vw - 32px));max-width:none;height:auto;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #a67b49;border-radius:20px;background:#0b1523;color:#e9edf5;overflow:auto;overscroll-behavior:contain;box-shadow:0 28px 100px #0008;text-align:start}
#sequenceDialog::backdrop{background:#020811d9;backdrop-filter:none}
.sequence-window-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;position:sticky;top:0;z-index:4;min-height:68px;padding:10px 24px;background:#0b1523f5;border-bottom:1px solid #e6b77633}
.sequence-window-toolbar>span{font:11px/1.5 monospace;letter-spacing:.14em;color:#b9c7d5}
.sequence-window-toolbar button{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 14px;border:1px solid #a67b4980;border-radius:9px;background:#17283a;color:#f7bc67;font:inherit;font-size:14px;cursor:pointer}
.sequence-window-toolbar button span{font-size:25px;line-height:1}.sequence-window-toolbar button:focus-visible{outline:2px solid #ffd18b;outline-offset:3px}
#sequenceDialog .personal-sequence{margin:0;border:0;border-radius:0;box-shadow:none}
body.sequence-window-open{overflow:hidden}
@media(max-width:700px){#sequenceDialog{width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0}.sequence-window-toolbar{min-height:62px;padding:8px 16px}.sequence-window-toolbar>span{font-size:10px;letter-spacing:.08em}#sequenceDialog .personal-sequence{padding-top:26px}}

.sequence-practice{margin-block-start:2rem;padding:clamp(1rem,3vw,2rem);border:1px solid var(--border,#59472f);border-radius:20px;background:rgba(13,24,39,.65)}
.sequence-practice h3{font-size:1.45rem;color:#e5b579}.sequence-practice p,.sequence-practice small{line-height:1.65}.practice-privacy,.practice-why{font-size:.86rem;color:#bfc5cf}.practice-actions,.practice-links{display:flex;flex-wrap:wrap;gap:.65rem;margin-block:1rem}.sequence-practice button,.practice-upload{border:1px solid #916744;border-radius:10px;padding:.65rem .85rem;background:#17283a;color:#f4cf9b;font:inherit;cursor:pointer}.practice-upload{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.practice-upload input{max-width:100%;width:12rem;font-size:.8rem}.sequence-practice select,.sequence-practice textarea{display:block;width:100%;max-width:100%;background:#0d1929;color:#edf0f5;border:1px solid #596275;border-radius:9px;padding:.7rem;font:inherit;margin-block:.5rem}.sequence-practice progress{width:100%;accent-color:#e7a45d;height:1rem}.practice-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-block:1.5rem}.practice-card{min-width:0;padding:1.1rem;border:1px solid #47505f;border-radius:14px;background:#101d2d}.practice-card h4{margin-block:0 .7rem;color:#efbc7e}.practice-card blockquote{margin:1rem 0;padding:1rem;border-inline-start:2px solid #e4a55f;font-size:1.5rem;line-height:2;overflow-wrap:anywhere}.practice-card fieldset{border:0;padding:0;margin-block:1rem}.practice-card fieldset label{display:flex;align-items:flex-start;gap:.6rem;margin-block:.7rem;font-size:.9rem}.practice-card input[type=checkbox]{accent-color:#efa85c;width:1.1rem;height:1.1rem;flex-shrink:0}.practice-links a{font-size:.85rem;color:#f0b475}.sequence-practice :focus-visible{outline:2px solid #f4bd76;outline-offset:4px}.practice-card textarea{resize:vertical;min-height:6rem}.practice-card .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:720px){.practice-cards{grid-template-columns:1fr}.practice-actions>*{width:100%}.practice-card{padding:.9rem}}
.selection-controls{border:1px solid #786047;border-radius:12px;padding:1rem;min-width:0;margin-block:1rem}.selection-controls legend{color:#edb677;padding-inline:.4rem}.selection-controls p,.selection-controls small{line-height:1.6;overflow-wrap:anywhere}.selection-controls input{width:100%;box-sizing:border-box;min-width:0}.selection-diagnostics{padding:1rem;border:1px solid #806442;border-radius:12px;margin-block:1rem;overflow-wrap:anywhere}.selection-diagnostics ol{padding-inline-start:1.3rem}.selection-diagnostics li{margin-block:.5rem;line-height:1.65}.selection-metrics{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;padding:0}.selection-metrics li{background:#17283b;border:1px solid #3b5065;border-radius:8px;padding:.5rem}.selection-diagnostics button{background:#20364c;color:#ffd29c;border:1px solid #a0794b;border-radius:8px;padding:.7rem;cursor:pointer}.practice-card:focus-visible{outline:2px solid #f6bc77;outline-offset:4px}
/* Independent personal-sequence usage; no motion or fixed-height result panels. */
.sequence-usage{border:1px solid var(--line);border-inline-start:3px solid var(--neon-orange,var(--gold));border-radius:12px;background:var(--surface);padding:20px;margin:22px 0;color:var(--ink);text-align:start}.sequence-usage header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.sequence-usage h3{font-size:20px;line-height:1.6;margin:3px 0}.sequence-usage-badge{font-size:10px;letter-spacing:.06em;color:var(--gold)}.sequence-usage [data-usage=status]{font-size:12px;color:var(--muted);line-height:1.8;margin:8px 0 16px}.sequence-usage[data-state=stale] [data-usage=status],.sequence-usage[data-state=offline] [data-usage=status]{color:var(--gold)}.sequence-usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.sequence-usage-metric{min-width:0;border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--surface-raised)}.sequence-usage-metric dt{font-size:11px;line-height:1.7;color:var(--muted)}.sequence-usage-metric dd{margin:5px 0 0;color:var(--neon-orange,var(--gold));font-size:27px;line-height:1.4;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.sequence-usage-today dd{font-size:20px}.sequence-usage details{margin-top:14px;border-top:1px solid var(--line);padding-top:7px}.sequence-usage summary{min-height:44px;align-content:center;cursor:pointer;font-size:13px;color:var(--gold)}.sequence-usage details p,.sequence-usage-time,.sequence-usage [data-usage=pending]{font-size:11px!important;line-height:1.9;color:var(--muted)}.sequence-usage h4{font-size:13px;margin:16px 0 10px}.sequence-usage-scroll{max-width:100%;overflow:auto}.sequence-usage table{width:100%;border-collapse:collapse;min-width:530px;font-size:11px}.sequence-usage th,.sequence-usage td{padding:9px;text-align:start;border-bottom:1px solid var(--line);white-space:nowrap;font-variant-numeric:tabular-nums}.sequence-usage button,.sequence-revision-tools button{border:1px solid var(--line);border-radius:8px;background:var(--surface-raised);color:var(--ink);padding:8px 13px;min-height:44px;font:inherit;font-size:12px;cursor:pointer}.sequence-usage button:disabled,.sequence-revision-tools button:disabled{opacity:.5;cursor:default}.sequence-usage :is(button,summary):focus-visible,.sequence-revision-tools button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.sequence-revision-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:15px 0 8px}.sequence-revision-tools p{font-size:12px;color:var(--gold)}.sequence-usage [hidden]{display:none!important}@media(max-width:600px){.sequence-usage{padding:15px}.sequence-usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sequence-usage h3{font-size:18px}.sequence-usage-metric{padding:10px}}

.sequence-sharing{padding:14px;border:1px solid var(--line);border-radius:12px;margin-block:14px}.sequence-sharing p{font-size:12px;line-height:1.7;color:var(--muted)}.sequence-sharing button{min-height:44px;border:1px solid currentColor;border-radius:8px;background:transparent;color:var(--gold);padding:8px 16px;font:inherit;cursor:pointer}.sequence-sharing button:focus-visible{outline:3px solid currentColor;outline-offset:4px}.sequence-sharing button:disabled{opacity:.65;cursor:wait}

/* Keep the inert home board out of the animation/compositing workload while the atelier is open. */
body.sequence-window-open .workspace *,body.sequence-window-open .workspace *::before,body.sequence-window-open .workspace *::after{animation-play-state:paused!important;transition:none!important}
body.sequence-window-open .workspace .guide-star{transform:none;filter:none}
#sequenceDialog{scroll-behavior:auto;touch-action:pan-y;scrollbar-gutter:stable}
#sequenceDialog #sequenceTitle:focus{outline:none}
@media(hover:none),(pointer:coarse){#sequenceDialog{box-shadow:none}#sequenceDialog::backdrop{backdrop-filter:none}}

.sequence-knit-control{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;color:#f4cf98;font-size:13px}.sequence-knit-control select{min-height:44px;max-width:100%;font:inherit;color:#f4cf98;background:#111f30;border:1px solid #7d684c;border-radius:8px;padding:8px 12px}.sequence-knit-control select:focus-visible{outline:2px solid #ffd18b;outline-offset:3px}.seal-knit{pointer-events:none}

/* Compact disclosure anchored to the physical lower-left corner of the atelier. */
#sequenceUsage.sequence-usage-mini{position:fixed;left:max(30px,calc((100vw - 1120px)/2 + 14px));bottom:28px;z-index:10;width:max-content;max-width:calc(100vw - 60px);margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--ink);text-align:start}
.sequence-usage-mini>.sequence-usage-chip{box-sizing:border-box;list-style:none;display:flex;align-items:center;gap:7px;min-height:36px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface,#101c2a);color:var(--muted);font-size:11px;line-height:1.4;cursor:pointer;box-shadow:0 2px 8px #0003}
.sequence-usage-chip::-webkit-details-marker{display:none}.sequence-usage-chip strong{font-size:12px;color:var(--ink);font-variant-numeric:tabular-nums}.sequence-usage-chip:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.sequence-usage-dot{width:5px;height:5px;border-radius:50%;background:var(--muted);flex-shrink:0}.sequence-usage-mini[data-state=fresh] .sequence-usage-dot{background:var(--green)}.sequence-usage-mini:is([data-state=offline],[data-state=stale],[data-state=unavailable]) .sequence-usage-dot{background:var(--gold)}
.sequence-usage-mini>.sequence-usage-popover{position:absolute;left:0;bottom:calc(100% + 8px);box-sizing:border-box;width:min(350px,calc(100vw - 60px));max-height:min(65dvh,560px);overflow:auto;overscroll-behavior:contain;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface,#101c2a);box-shadow:0 6px 24px #0005;color:var(--ink)}
.sequence-usage-mini:not([open])>.sequence-usage-popover{display:none}.sequence-usage-mini h3{font-size:14px;margin:2px 0}.sequence-usage-mini [data-usage=status]{font-size:10px;margin:7px 0}.sequence-usage-mini .sequence-usage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.sequence-usage-mini .sequence-usage-metric{padding:7px;border-radius:6px}.sequence-usage-mini .sequence-usage-metric dt{font-size:10px}.sequence-usage-mini .sequence-usage-metric dd{font-size:16px;margin-top:2px}.sequence-usage-mini h4{font-size:11px;margin:12px 0 6px}.sequence-usage-mini .sequence-usage-popover p{font-size:10px;line-height:1.7}.sequence-usage-mini .sequence-usage-popover button{font-size:10px;min-height:36px;padding:5px 8px}
#sequenceDialog .personal-sequence{padding-block-end:76px}
@media(max-width:700px){#sequenceUsage.sequence-usage-mini{left:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 24px)}.sequence-usage-mini>.sequence-usage-popover{width:min(350px,calc(100vw - 24px));max-height:60dvh}}
@media print{#sequenceUsage.sequence-usage-mini{display:none}}

/* A real modal footer avoids fixed-child clipping in mobile dialog implementations. */
#sequenceDialog[open]{display:flex;flex-direction:column;height:calc(100dvh - 32px);overflow:hidden}
.sequence-window-toolbar{flex-shrink:0}.sequence-window-body{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;scroll-behavior:auto}
.sequence-window-footer{position:relative;display:flex;justify-content:flex-start;direction:ltr;flex-shrink:0;min-height:48px;padding:6px 12px;box-sizing:border-box;background:#0b1523;border-top:1px solid #a67b4940;z-index:8}.sequence-window-footer[hidden]{display:none}
.sequence-window-footer #sequenceUsage.sequence-usage-mini{position:relative;left:auto;bottom:auto;max-width:100%;margin:0}.sequence-window-footer .sequence-usage-chip{min-height:36px;color:#c7d3df;background:#152336;border-color:#71849a}.sequence-window-footer .sequence-usage-chip strong{color:#ffcb85}.sequence-window-footer .sequence-usage-popover{color:var(--ink);max-height:min(65dvh,560px)}
#sequenceDialog .personal-sequence{padding-block-end:32px}
@media(max-width:700px){#sequenceDialog[open]{height:100dvh}.sequence-window-footer{padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));min-height:48px}.sequence-window-footer #sequenceUsage.sequence-usage-mini{left:auto;bottom:auto;max-width:100%}}

.selection-source{border-bottom:1px solid #6e603e55;padding-block:8px}.selection-source summary{cursor:pointer;line-height:1.8;min-height:40px}.selection-source blockquote{font-size:21px;line-height:1.9;margin:12px 0;color:#f3dfba}.selection-source a{color:#a8ddd7}.selection-context-note{padding:10px;border-inline-start:2px solid #e1b36c;background:#e1b36c0c;line-height:1.8}.selection-reading-task{padding:12px;border:1px solid #8d754d;border-radius:8px;margin-block:12px}.selection-reading-task h4{margin:0;color:#f4cd92}

.sequence-window-footer .sequence-usage-chip{min-height:32px;padding:5px 9px;gap:6px;font-size:10px;box-shadow:none}
.sequence-usage-mini .sequence-usage-diagnostics{border-top:1px solid var(--line);margin-top:9px;padding-top:5px}
.sequence-usage-mini .sequence-usage-diagnostics>summary{font-size:11px;min-height:36px;line-height:1.5}

.sequence-usage-count-only .sequence-usage-chip{cursor:default}

#sequenceUsage.sequence-usage-count-only{display:inline-flex;align-items:center;gap:7px}
.sequence-usage-count-only .visitor-medal{width:36px;height:36px;object-fit:contain;flex:0 0 auto}

.selection-quality{padding:14px;border:1px solid var(--line,#846344);border-radius:12px;margin:12px 0;background:var(--surface,#142235);line-height:1.8}.selection-quality h3,.selection-quality h4{margin:8px 0;color:var(--neon-orange,#ff9638)}.selection-quality p{margin:8px 0;overflow-wrap:anywhere}.selection-quality small{display:block;line-height:1.7;color:var(--muted,#bac2cf)}.selection-quality-status strong{font-variant-numeric:tabular-nums}.selection-quality[data-coverage-state=below]{border-color:#efb46a}.selection-quality a{color:var(--neon-orange,#ff9638);overflow-wrap:anywhere}.selection-theme-guide{border-top:1px solid var(--line,#846344);margin-top:12px;padding-top:6px}

.selection-quality-method{margin:8px 0;font-size:12px}.selection-quality-method summary{cursor:pointer;min-height:36px;align-content:center;color:var(--neon-orange,#ff9638)}