:root{font:17px/1.6 system-ui,sans-serif;color:#233438;background:#f5f3eb}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;padding:24px 5vw;border-bottom:1px solid #ccd3c9;gap:20px}header a{font:700 25px Georgia,serif;color:#244f46;text-decoration:none}header span,footer{font-size:13px;color:#526764}main{max-width:1100px;margin:36px auto;padding:0 24px}h1{font:38px/1.2 Georgia,serif;max-width:600px}section{margin:32px 0}button{font:inherit;background:#285d50;color:white;border:0;border-radius:7px;padding:10px 18px;cursor:pointer;margin:6px 8px 6px 0}button:disabled{opacity:.5;cursor:default}input,textarea{display:block;width:100%;font:inherit;padding:12px;background:#fffef9;border:1px solid #a6b8ad;border-radius:5px;margin:8px 0 22px}label{display:block;font-weight:600}textarea{resize:vertical}.check{font-size:15px;font-weight:400;max-width:700px}.check input{display:inline;width:auto}.columns{display:grid;grid-template-columns:240px 1fr;gap:30px}aside ul{padding:0;list-style:none}aside button{background:transparent;color:#244f46;text-align:left;border-bottom:1px solid #d5dcd3;width:100%;border-radius:0}#status{position:sticky;top:0;z-index:2;padding:12px 16px;background:#e7ecdf;border-radius:7px}#editor,#list-title{scroll-margin-top:110px}footer{margin-top:64px;padding-top:24px;border-top:1px solid #c9d0c4}[hidden]{display:none!important}@media(max-width:650px){header{display:block}.columns{grid-template-columns:1fr}main{padding:0 16px}h1{font-size:30px}}

#workspace>nav{position:sticky;top:var(--status-height,52px);z-index:1;background:#f5f3eb;padding:8px 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
#workspace>nav>button{margin:0}
#workspace>nav>a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;padding:8px 10px;line-height:1.35;overflow-wrap:anywhere}
#editor,#list-title{scroll-margin-top:calc(var(--status-height,52px) + var(--workspace-nav-height,120px) + 16px)}

aside button{overflow-wrap:anywhere}

/* Adapted from the original FableFlight visual vocabulary. No original app/API imported. */
:root{--ink:#213b44;--teal:#244c57;--muted:#697878;--paper:#fffefa;--line:#dfe3dc;--cream:#f8f7f3;--warm:#b8764b;--serif:Georgia,'Times New Roman',serif;color:var(--ink);background:var(--cream);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
html{scroll-behavior:auto}button,a,input,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--warm);outline-offset:4px}button,.button-link{background:var(--teal);border:1px solid var(--teal);border-radius:8px;font-size:15px;font-weight:600;padding:12px 20px;min-height:46px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:12px}.button-secondary{background:transparent;color:var(--teal);border-color:var(--line)}.button-link{color:white}.button-link.button-secondary{color:var(--teal)}button:hover:not(:disabled),.button-link:hover{filter:brightness(.94)}a{color:inherit}.skip-link{position:absolute;top:-70px;left:16px;z-index:10;padding:10px;background:var(--paper)}.skip-link:focus{top:10px}
.site-header{padding:20px max(24px,calc((100vw - 1180px)/2));align-items:center;border-bottom:1px solid var(--line);min-height:90px}.brand{display:inline-flex;align-items:center;gap:9px;font:700 27px var(--serif);white-space:nowrap}.brand svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}.brand-dot{color:var(--warm);font-size:30px;margin-left:-7px}.public-nav{display:flex;align-items:center;gap:26px}.public-nav>a{font-size:14px;text-decoration:none;color:var(--muted)}.public-nav button{margin:0}.private-label{display:none}body:has(#workspace:not([hidden])) .public-nav,body:has(#setup:not([hidden])) .public-nav{display:none}body:has(#workspace:not([hidden])) .private-label,body:has(#setup:not([hidden])) .private-label{display:inline}
main{max-width:1180px;margin:22px auto;padding:0 28px}#anonymous{margin:0}#status{font-size:14px;background:#e9eee7;color:var(--teal)}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center;min-height:580px;padding:54px 0 70px}.eyebrow{color:var(--warm);font-size:11px;font-weight:700;letter-spacing:1.8px;line-height:1.7}.hero h1{font:400 clamp(42px,4.8vw,66px)/1.1 var(--serif);letter-spacing:-2px;margin:22px 0;max-width:none}.hero h1 em{font-weight:400;color:var(--teal)}.hero-description{color:var(--muted);font-size:17px;line-height:1.85;max-width:420px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:25px}.hero-actions form{margin:0}.hero-actions button{margin:0}.reassurance{font-size:13px;color:var(--muted);margin-top:21px}.preview-note{font-size:12px;color:var(--muted);max-width:430px}
.hero-art{position:relative;min-height:470px;display:flex;align-items:center;justify-content:center}.art-orbit{position:absolute;width:390px;height:390px;border-radius:50%;background:#e7ede4}.notebook-back{position:absolute;width:290px;height:365px;border-radius:5px 18px 18px 5px;background:#c8d3c2;transform:rotate(9deg) translate(13px,4px)}.notebook{position:relative;width:290px;min-height:365px;background:var(--paper);padding:24px 28px 42px;border:1px solid #e1dfd3;border-left:7px solid #bb9674;border-radius:4px 12px 12px 4px;transform:rotate(-6deg);box-shadow:0 22px 45px #213b4417}.notebook-heading{font-size:9px;letter-spacing:2px;display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.notebook-heading span{font-size:21px;color:var(--warm)}.notebook-line{height:1px;background:var(--line);margin:10px 0 26px}.chapter-label{font-size:8px;letter-spacing:2px;color:var(--warm)}.notebook h2{font:400 31px/1.15 var(--serif);margin:16px 0}.notebook>p:not(.chapter-label){font:13px/1.9 var(--serif);color:#657571}.writing-lines{height:34px;background:repeating-linear-gradient(transparent 0 16px,#e4e7dd 16px 17px)}.notebook-page{position:absolute;bottom:15px;right:26px;font:11px var(--serif);color:var(--muted)}.art-star{position:absolute;top:24px;right:50px;font-size:35px;color:var(--warm)}.art-caption{position:absolute;bottom:2px;font:italic 16px var(--serif);color:var(--muted);transform:rotate(-4deg)}
.public-section{padding:65px 0;border-top:1px solid var(--line);scroll-margin-top:85px}.public-section>h2{font:400 42px/1.15 var(--serif);letter-spacing:-1px;margin:18px 0 28px}.feature-grid,.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.feature-grid article{padding:20px 22px 15px 0}.step-number{font:italic 27px var(--serif);color:var(--warm)}.feature-grid h3{font:400 24px var(--serif);margin:16px 0}.feature-grid p{font-size:15px;line-height:1.8;color:var(--muted)}.pricing-section{text-align:center}.section-intro{color:var(--muted)}.catalog-note{font-size:12px;max-width:670px;color:var(--muted);margin:20px auto 35px}.price-card{text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:28px;display:flex;flex-direction:column;min-width:0}.price-card.featured{border-color:#8aa19b;box-shadow:0 7px 25px #213b4408}.plan-label{font-size:12px;letter-spacing:1px;font-weight:700;text-transform:uppercase;color:var(--teal)}.price-card h3{font:400 23px/1.4 var(--serif);min-height:65px;margin:10px 0}.plan-price{font:400 39px var(--serif);margin:15px 0}.plan-price span{font:12px/1.5 system-ui;color:var(--muted)}.price-card ul{padding:20px 0 20px 18px;border-top:1px solid var(--line);font-size:14px;color:var(--muted);line-height:2;flex:1}.plan-state{font-size:12px;padding:13px 0 0;border-top:1px solid var(--line);color:var(--muted)}.invitation{text-align:center}.invitation p{color:var(--muted)}footer{font-size:12px;line-height:1.9;padding-bottom:30px}
#workspace>nav{background:var(--cream)}#workspace aside{border-right:1px solid var(--line);padding-right:20px}#list-title{font:400 28px var(--serif)}#editor{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:25px}#editor label{font-size:13px;color:var(--muted)}#title{font:400 28px/1.3 var(--serif)}#body{font:18px/1.85 var(--serif);min-height:400px}#setup{max-width:650px;margin:50px auto;background:var(--paper);padding:30px;border:1px solid var(--line);border-radius:12px}
@media(max-width:850px){.hero{gap:10px}.hero-art{transform:scale(.85);transform-origin:center}.art-orbit{width:330px;height:330px}.price-card{padding:20px}.public-nav{gap:16px}.hero h1{letter-spacing:-1px}}
@media(max-width:650px){.site-header{display:flex;flex-wrap:wrap;gap:10px;padding:16px}.brand{font-size:24px}.public-nav{gap:14px;flex-wrap:wrap}.public-nav>a{font-size:12px}.public-nav button{padding:8px 12px;min-height:42px}.hero{grid-template-columns:1fr;padding:35px 0;gap:0}.hero h1{font-size:47px}.hero-description{font-size:16px}.hero-art{min-height:430px;transform:none;margin-top:30px}.art-orbit{width:310px;height:310px}.art-star{right:20px}.notebook,.notebook-back{width:265px}.public-section{padding:40px 0}.public-section>h2{font-size:34px}.feature-grid,.pricing-grid{grid-template-columns:1fr;gap:15px}.feature-grid article{padding:12px 0}.price-card h3{min-height:0}.price-card{padding:24px}.catalog-note{text-align:left}.hero-actions{align-items:stretch}.hero-actions .button-link{padding:10px 14px}#workspace aside{border:0;padding-right:0}#editor{padding:16px}#setup{padding:22px}#body{font-size:17px}main{padding:0 16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

@media(max-width:360px){.art-orbit{width:260px;height:260px}.notebook,.notebook-back{width:230px}.notebook{padding-left:22px;padding-right:20px}.notebook-back{transform:rotate(6deg) translate(4px,4px)}.notebook h2{font-size:28px}.hero h1{font-size:40px}.hero-art{min-width:0}.public-nav{gap:12px}}

.auth-panel{max-width:510px;margin:45px auto 80px;padding:35px;background:var(--paper);border:1px solid var(--line);border-radius:14px;scroll-margin-top:80px}.auth-panel h1{font:400 39px/1.15 var(--serif);margin:16px 0}.auth-panel>p{color:var(--muted);font-size:14px}.auth-panel label{font-size:13px}.auth-panel input{font-size:16px;margin-bottom:14px}.auth-panel #auth-submit{width:100%;margin:12px 0}.text-button{background:transparent;border:0;color:var(--teal);font-size:13px;padding:6px 0;min-height:36px;text-decoration:underline;text-underline-offset:4px}.text-button:hover:not(:disabled){filter:none;color:var(--warm)}#auth-message{padding:10px 0;min-height:25px;margin:0;font-size:14px}#auth-message[data-error=true]{color:#8c382c}.field-help,.auth-privacy{font-size:12px!important;color:var(--muted);line-height:1.7}.field-help{margin:0 0 18px}#auth-setup{text-align:center}#auth-qr{max-width:100%;height:auto;background:white}#auth-setup details{font-size:13px;text-align:left;margin:14px 0}#auth-key{display:block;overflow-wrap:anywhere;padding:12px;border:1px solid var(--line);margin-top:10px}#auth-setup>p{font-size:14px;color:var(--muted)}#auth-links p{font-size:13px;color:var(--muted)}body:has(#auth-panel:not([hidden])) .public-nav{visibility:hidden}
@media(max-width:650px){.auth-panel{padding:24px 20px;margin-top:25px}.auth-panel h1{font-size:34px}}

.billing-panel{margin:1.5rem 0;padding:clamp(1rem,3vw,2rem);border:1px solid var(--line,#dedbd3);border-radius:1rem;background:#fffdf8}.billing-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.billing-heading h2{margin:0}.billing-options{display:flex;flex-wrap:wrap;gap:.6rem}.billing-panel button{max-width:100%;white-space:normal}.billing-panel p{overflow-wrap:anywhere}#billing-message{min-height:1.5em}#billing-summary{font-weight:600}#billing-retry,#billing-resume{margin:.5rem .5rem .5rem 0}

#security-panel{max-width:640px;padding:28px;border:1px solid var(--line);border-radius:12px;scroll-margin-top:calc(var(--status-height) + var(--workspace-nav-height) + 20px)}#security-key{overflow-wrap:anywhere}#security-reminder{padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:8px}#security-qr{max-width:100%;height:auto}

#revisions-panel{margin-top:2rem;padding-top:1rem;border-top:1px solid #9bad9f;scroll-margin-top:calc(var(--status-height,4rem) + var(--workspace-nav-height,5rem) + 1rem)}#revision-list{padding-left:1.4rem}#revision-list button{text-align:left;margin:.3rem 0}#revision-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75;max-height:32rem;overflow:auto;padding:1rem;background:#fff}#revision-title{overflow-wrap:anywhere}.diagnostics-help{margin-block:2rem;max-width:72ch}.diagnostics-help code{overflow-wrap:anywhere}

#revisions-heading,#revision-label{scroll-margin-top:calc(var(--status-height,4rem) + var(--workspace-nav-height,5rem) + 1.2rem)}

#recovery-codes-panel{margin-block:2rem;padding-block:1rem;border-block:1px solid var(--line)}#recovery-codes-list{padding-inline-start:1.5rem}#recovery-codes-list li{margin-block:.65rem}#recovery-codes-list code{font-size:.875rem;white-space:normal;overflow-wrap:anywhere;user-select:all}.recovery-codes-confirm{display:flex;align-items:flex-start;gap:.65rem;margin-block:1rem}.recovery-codes-confirm input{width:auto;flex:none;margin-top:.3rem}#recovery-codes-panel button{max-width:100%;white-space:normal}

#recovery-codes-panel .field-help{color:var(--ink)}

#factor-panel code{overflow-wrap:anywhere}#factor-code-list{padding-left:1.5rem;line-height:1.8}#factor-panel .factor-confirm{display:flex;gap:.65rem;align-items:flex-start}#factor-saved{width:auto;margin-top:.4rem}#factor-panel button{max-width:100%;white-space:normal}#factor-setup img{max-width:100%;height:auto}#factor-panel p{color:var(--ink)}

#contact-panel p{color:var(--ink)}#contact-panel button{max-width:100%;white-space:normal}#contact-message{min-height:1.5em}#contact-proofs section{margin-block:1.75rem;padding-top:1rem;border-top:1px solid var(--line)}#contact-proofs h2{font:400 1.5rem/1.3 var(--serif);margin:0 0 .75rem}#contact-panel .text-button{display:block;margin-top:1rem}#contact-panel input{min-width:0}body:has(#contact-panel:not([hidden])) .public-nav{visibility:hidden}

#rights-panel select{display:block;width:100%;font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:12px;margin:8px 0 18px}#rights-panel h2{margin-top:32px}#rights-panel .rights-list{list-style:none;padding:0;margin:12px 0}.rights-list>li{padding:20px 0;border-bottom:1px solid var(--line)}.rights-list h3{margin:0 0 8px}.rights-list p{margin:8px 0}.rights-reference{overflow-wrap:anywhere}

.rights-correction-details{white-space:pre-wrap;overflow-wrap:anywhere}

#contributions-panel,#share-access-panel{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line);scroll-margin-top:calc(var(--status-height,4rem) + var(--workspace-nav-height,5rem) + 1.2rem)}
#contributions-heading,#share-access-heading{scroll-margin-top:calc(var(--status-height,4rem) + var(--workspace-nav-height,5rem) + 1.2rem)}
#contributions-list{padding-left:1.4rem}#contributions-list button{text-align:left;margin:.3rem 0}
#contribution-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75;max-height:32rem;overflow:auto;padding:1rem;background:#fff;max-width:72ch}
#contribution-title{overflow-wrap:anywhere;scroll-margin-top:calc(var(--status-height,4rem) + var(--workspace-nav-height,5rem) + 1.2rem)}#contribution-preview p{max-width:72ch}

/* Keep privacy scope and availability text readable on the cream panel. */
#rights-panel .field-help{color:var(--ink)}