.app-layout{background:var(--color-codex-paper-alt);flex-direction:column;min-height:100vh;display:flex;position:relative}.app-header{z-index:3;border-bottom:1px solid var(--color-codex-border);background:var(--color-codex-paper-alt);flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;padding:1rem calc(5rem + 14px) 1rem 1.5rem;display:flex;position:relative}.app-brand{font-family:var(--font-codex-display);color:var(--color-codex-text);font-size:1.125rem;font-weight:700;text-decoration:none}.app-brand:hover{color:var(--color-codex-cover-burgundy)}.app-nav{flex-wrap:wrap;gap:1rem;display:flex}.app-nav a{font-family:var(--font-codex-body);color:var(--color-codex-cover-navy);text-decoration:none}.app-nav a:hover{color:var(--color-codex-cover-burgundy);text-decoration:underline}.app-header__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;max-width:100%;margin-left:auto;display:flex}.language-switcher{font-family:var(--font-codex-body);margin-left:0}.language-switcher select{border:1px solid var(--color-codex-border);border-radius:var(--radius-codex-button);min-height:48px;font-family:var(--font-codex-body);color:var(--color-codex-text);background:var(--color-codex-paper);cursor:pointer;padding:0 .75rem;font-size:.9375rem}.language-switcher select:focus-visible{outline:2px solid var(--color-codex-cover-navy);outline-offset:2px}.app-main{flex:1;width:100%;max-width:72rem;margin:0 auto;padding:0 1.5rem 2rem}.app-main--narrow{max-width:48rem}.btn{border-radius:var(--radius-codex-button);min-height:48px;font-family:var(--font-codex-body);cursor:pointer;white-space:nowrap;border:2px solid #0000;justify-content:center;align-items:center;padding:0 1.25rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-codex-cover-navy);outline-offset:2px}.btn--primary{background:var(--color-codex-cover-black);color:var(--color-codex-paper)}.btn--primary:hover{background:var(--color-codex-cover-black-hover);color:var(--color-codex-paper)}.btn--secondary{color:var(--color-codex-cover-burgundy);border-color:var(--color-codex-cover-burgundy);background:0 0}.btn--secondary:hover{color:var(--color-codex-cover-burgundy-hover);border-color:var(--color-codex-cover-burgundy-hover);background:#c45a2a1a}.app-footer{border-top:1px solid var(--color-codex-border);background:var(--color-codex-paper-alt);text-align:center;margin-top:auto;padding:1.5rem}.app-footer__nav{flex-wrap:wrap;justify-content:center;gap:.75rem 1.25rem;margin-bottom:.75rem;display:flex}.app-footer__nav a{font-family:var(--font-codex-body);color:var(--color-codex-text-muted);font-size:.875rem;text-decoration:none}.app-footer__nav a:hover{color:var(--color-codex-cover-burgundy);text-decoration:underline}.app-footer__copy{font-family:var(--font-codex-body);color:var(--color-codex-text-muted);margin:0;font-size:.875rem}.auth-page{max-width:36rem;padding-top:2rem}.auth-page h1{font-family:var(--font-codex-display);color:var(--color-codex-text)}.auth-form{gap:.75rem;max-width:28rem;display:grid}.auth-form label{font-family:var(--font-codex-body);font-weight:600}.auth-form input[type=email],.auth-form input[type=password]{border:1px solid var(--color-codex-border);border-radius:var(--radius-codex-button);width:100%;font-family:var(--font-codex-body);background:var(--color-codex-paper);padding:.5rem .75rem}.auth-checkbox{align-items:flex-start;gap:.5rem;font-weight:400;display:flex}.auth-error{color:var(--color-danger,#b42318)}.auth-hint{color:var(--color-codex-text-muted);margin-top:1rem}.legal-page{max-width:42rem;padding-top:2rem}.legal-page h1{font-family:var(--font-codex-display);color:var(--color-codex-text)}.legal-page__placeholder{color:var(--color-codex-text-muted);line-height:1.6}@media (width<=640px){.app-header{padding:.75rem calc(3rem + 14px) .75rem 1rem}.app-header__actions{justify-content:flex-end;width:100%}.app-nav{order:3;width:100%}.codex-ribbon{height:5rem;right:1.5rem}}.onboarding-page{gap:1rem;display:grid}.onboarding-progress{font-family:var(--font-codex-body);color:var(--color-codex-text-muted);margin:0;font-size:.875rem}.onboarding-actions{gap:.75rem;display:flex}.onboarding-natal-progress{gap:1rem;display:grid}.onboarding-natal-progress__status{font-family:var(--font-codex-body);color:var(--color-codex-text);margin:0}.onboarding-natal-progress__preview{gap:.5rem;margin:0;display:grid}.onboarding-natal-progress__preview img{border:1px solid var(--color-codex-border);border-radius:.5rem;width:min(100%,28rem);height:auto}.onboarding-natal-progress__preview figcaption{color:var(--color-codex-text-muted);font-size:.875rem}.onboarding-natal-progress__error{justify-items:start;gap:.75rem;display:grid}.onboarding-result{gap:1rem;display:grid}.onboarding-result__image{margin:0}.onboarding-result__image img{border:1px solid var(--color-codex-border);border-radius:.5rem;width:min(100%,28rem);height:auto}.onboarding-result__text{white-space:pre-wrap;font-family:var(--font-codex-body);line-height:1.6}.onboarding-step-stub{border:1px solid var(--color-codex-border);background:var(--color-codex-paper-alt);border-radius:.5rem;padding:1rem}.onboarding-step{gap:.75rem;max-width:28rem;display:grid}.onboarding-step label{font-family:var(--font-codex-body);font-weight:600}.onboarding-step input[type=text],.onboarding-step input[type=date],.onboarding-step input[type=time]{border:1px solid var(--color-codex-border);border-radius:var(--radius-codex-button);width:100%;font-family:var(--font-codex-body);background:var(--color-codex-paper);padding:.5rem .75rem}.onboarding-step__date-field{align-items:stretch;gap:.5rem;display:flex}.onboarding-step__date-field input[type=text]{flex:1}.onboarding-step__date-calendar-button{white-space:nowrap;flex-shrink:0}.onboarding-step__date-picker-native{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.onboarding-step__hint{color:var(--color-codex-text-muted);margin:0;font-size:.875rem}.birth-place-input{gap:.75rem;display:grid}.birth-place-input__query{border:1px solid var(--color-codex-border);border-radius:var(--radius-codex-button);width:100%;font-family:var(--font-codex-body);background:var(--color-codex-paper);padding:.5rem .75rem}.birth-place-input__actions{gap:.75rem;display:flex}.birth-place-input__suggestions{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.birth-place-input__suggestions button{text-align:left;border:1px solid var(--color-codex-border);border-radius:var(--radius-codex-button);background:var(--color-codex-paper-alt);width:100%;font-family:var(--font-codex-body);cursor:pointer;padding:.5rem .75rem}:root{font-family:var(--font-codex-body,system-ui, -apple-system, sans-serif);color:var(--color-codex-text,#1a1a1a);background:var(--color-codex-paper-alt,#f7f4ec);line-height:1.5}*{box-sizing:border-box}body{margin:0}:root{--color-codex-paper:#ece6d5;--color-codex-paper-alt:#f7f4ec;--color-codex-text:#1a1a1a;--color-codex-text-muted:#5c564c;--color-codex-grid:#d8cfbe;--color-codex-cover-black:#0a0a0a;--color-codex-cover-black-hover:#2a2a2a;--color-codex-cover-burgundy:#c45a2a;--color-codex-cover-burgundy-hover:#a34822;--color-codex-cover-navy:#1b2a4a;--color-codex-cover-olive:#3d4a3e;--color-codex-border:#d9d0c0;--font-codex-display:"Merriweather", Georgia, "Times New Roman", serif;--font-codex-body:"Inter", system-ui, -apple-system, sans-serif;--font-codex-hand:"Caveat", "Segoe Script", cursive;--radius-codex-button:8px;--radius-codex-card:12px;--radius-codex-page:12px;--shadow-codex-page:0 4px 20px #00000014;--shadow-codex-card:0 2px 8px #0000000f;--space-codex-section:clamp(3rem, 6vw, 5rem);--font-size-codex-hero:clamp(2rem, 5vw, 3.5rem);--font-size-codex-subtitle:clamp(1.1rem, 2.5vw, 1.35rem);--color-primary:var(--color-codex-cover-black);--color-primary-hover:var(--color-codex-cover-black-hover);--color-secondary:var(--color-codex-text);--color-accent:var(--color-codex-cover-burgundy);--color-bg:var(--color-codex-paper-alt);--color-bg-alt:var(--color-codex-paper);--color-text:var(--color-codex-text);--color-text-muted:var(--color-codex-text-muted);--color-border:var(--color-codex-border);--radius-button:var(--radius-codex-button);--radius-card:var(--radius-codex-card);--shadow-card:var(--shadow-codex-card);--font-size-hero:var(--font-size-codex-hero);--font-size-subtitle:var(--font-size-codex-subtitle)}.codex-page{background-color:var(--color-codex-paper);border-radius:var(--radius-codex-page);box-shadow:var(--shadow-codex-page);color:var(--color-codex-text);font-family:var(--font-codex-display);background-image:radial-gradient(var(--color-codex-grid) 1px, transparent 1px);background-size:24px 24px;padding:2.5rem;line-height:1.8}.codex-page[data-codex-ruling=ruled]{background-image:repeating-linear-gradient(to bottom, transparent, transparent 31px, var(--color-codex-grid) 31px, var(--color-codex-grid) 32px);background-size:auto}.codex-page[data-codex-ruling=plain]{background-image:none}.codex-ribbon{background-color:var(--color-codex-cover-burgundy);z-index:2;width:14px;height:7.5rem;text-decoration:none;transition:transform .25s;position:absolute;top:0;right:3rem;box-shadow:2px 2px 5px #00000026}.codex-ribbon:hover{transform:translateY(4px)}.codex-ribbon:focus-visible{outline:2px solid var(--color-codex-cover-navy);outline-offset:2px}.codex-hand{font-family:var(--font-codex-hand);color:var(--color-codex-cover-burgundy);font-size:1.25rem}@media (prefers-reduced-motion:reduce){.codex-ribbon{transition:none}.codex-ribbon:hover{transform:none}}.ui-btn{border-radius:var(--radius-codex-button);min-height:48px;font-family:var(--font-codex-body);cursor:pointer;white-space:nowrap;color:var(--color-codex-text);background:0 0;border:2px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:0 1.25rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.ui-btn:focus-visible{outline:2px solid var(--color-codex-cover-navy);outline-offset:2px}.ui-btn:disabled,.ui-btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.ui-btn--primary{background:var(--color-codex-cover-black);color:var(--color-codex-paper)}.ui-btn--primary:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-codex-cover-black-hover);color:var(--color-codex-paper)}.ui-btn--secondary{color:var(--color-codex-cover-burgundy);border-color:var(--color-codex-cover-burgundy)}.ui-btn--secondary:hover:not(:disabled):not([aria-disabled=true]){color:var(--color-codex-cover-burgundy-hover);border-color:var(--color-codex-cover-burgundy-hover);background:#c45a2a1a}.ui-btn--ghost{color:var(--color-codex-cover-navy);border-color:#0000}.ui-btn--ghost:hover:not(:disabled):not([aria-disabled=true]){color:var(--color-codex-cover-burgundy);background:#1b2a4a0f}.ui-input{border:1px solid var(--color-codex-border);border-radius:var(--radius-codex-button);width:100%;min-height:48px;font-family:var(--font-codex-body);color:var(--color-codex-text);background:var(--color-codex-paper);padding:.5rem .75rem;font-size:1rem}.ui-input:focus-visible{outline:2px solid var(--color-codex-cover-navy);outline-offset:2px}.ui-input:disabled{opacity:.6;cursor:not-allowed}.ui-input--error{border-color:var(--color-danger,#b42318)}.ui-input--error:focus-visible{outline-color:var(--color-danger,#b42318)}.ui-link{font-family:var(--font-codex-body);color:var(--color-codex-cover-navy);text-underline-offset:.15em;text-decoration:underline}.ui-link:hover{color:var(--color-codex-cover-burgundy)}.ui-link:focus-visible{outline:2px solid var(--color-codex-cover-navy);outline-offset:2px}.ui-alert{border-radius:var(--radius-codex-button);font-family:var(--font-codex-body);border:1px solid var(--color-codex-border);background:var(--color-codex-paper-alt);color:var(--color-codex-text);margin:0;padding:.75rem 1rem;font-size:.9375rem;line-height:1.45}.ui-alert--error{border-color:color-mix(in srgb, var(--color-danger,#b42318) 45%, var(--color-codex-border));background:color-mix(in srgb, var(--color-danger,#b42318) 8%, var(--color-codex-paper));color:var(--color-danger,#b42318)}.ui-alert--info{border-color:color-mix(in srgb, var(--color-codex-cover-navy) 35%, var(--color-codex-border));background:color-mix(in srgb, var(--color-codex-cover-navy) 6%, var(--color-codex-paper));color:var(--color-codex-cover-navy)}.ui-spinner{border:2px solid var(--color-codex-border);border-top-color:var(--color-codex-cover-burgundy);vertical-align:middle;border-radius:50%;width:1.25rem;height:1.25rem;animation:.7s linear infinite ui-spinner-rotate;display:inline-block}.ui-spinner--lg{border-width:3px;width:2rem;height:2rem}@keyframes ui-spinner-rotate{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ui-spinner{border-top-color:var(--color-codex-cover-burgundy);opacity:.85;animation:none}}.design-preview{padding:2rem 0 3rem}.design-preview__header h1{font-family:var(--font-codex-display);font-size:var(--font-size-codex-hero);margin:0 0 .5rem}.design-preview__subtitle{color:var(--color-codex-text-muted);font-family:var(--font-codex-body);margin:0}.design-preview__section{margin-top:var(--space-codex-section)}.design-preview__section h2{font-family:var(--font-codex-display);margin:0 0 1rem;font-size:1.5rem}.design-preview__swatches{flex-wrap:wrap;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.design-preview__swatch{font-family:var(--font-codex-body);flex-direction:column;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.design-preview__swatch-chip{border-radius:var(--radius-codex-card);border:1px solid var(--color-codex-border);width:4rem;height:4rem}.design-preview__display{font-family:var(--font-codex-display);margin:0 0 .75rem;font-size:1.75rem}.design-preview__body{font-family:var(--font-codex-body);margin:0 0 .75rem}.design-preview__buttons{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;display:flex}.design-preview__form-row{gap:.75rem;max-width:28rem;margin-bottom:1rem;display:grid}.design-preview__alerts{gap:.75rem;max-width:36rem;margin-bottom:1rem;display:grid}.design-preview__index-demo{align-items:stretch;gap:0;max-width:36rem;display:flex}.design-preview__index{padding:1rem 0}.design-preview__index .codex-index__tab{cursor:default}.design-preview__index-page{min-height:8rem;font-family:var(--font-codex-body);color:var(--color-codex-text);background:var(--color-codex-paper);border:1px solid var(--color-codex-border);border-radius:0 var(--radius-codex-page) var(--radius-codex-page) var(--radius-codex-page);box-shadow:var(--shadow-codex-page);background-image:repeating-linear-gradient(to bottom, transparent, transparent 31px, var(--color-codex-grid) 31px, var(--color-codex-grid) 32px);flex:1;padding:1.25rem}.design-preview__card{margin-bottom:1.5rem}.design-preview__card h3{font-family:var(--font-codex-display);margin:0 0 .5rem}.design-preview__card p{font-family:var(--font-codex-body);margin:0}.home-page{margin:0 -1.5rem}.home-hero{padding:var(--space-codex-section) 1.5rem;background-color:var(--color-codex-paper);color:var(--color-codex-text);background-image:radial-gradient(var(--color-codex-grid) 1px, transparent 1px);border-bottom:1px solid var(--color-codex-border);background-size:24px 24px;position:relative;overflow:hidden}.home-hero__content{text-align:center;max-width:40rem;margin:0 auto;position:relative}.home-hero__title{font-family:var(--font-codex-display);font-size:var(--font-size-codex-hero);color:var(--color-codex-text);margin:0 0 1rem;font-weight:700;line-height:1.15}.home-hero__subtitle{font-family:var(--font-codex-body);font-size:var(--font-size-codex-subtitle);color:var(--color-codex-text-muted);margin:0 0 2rem;line-height:1.6}.home-hero__cta{min-width:12rem;font-size:1.0625rem}.home-features{padding:var(--space-codex-section) 1.5rem;background:var(--color-codex-paper)}.home-features__grid{gap:1.5rem;max-width:56rem;margin:0 auto;display:grid}@media (width>=640px){.home-features__grid{grid-template-columns:repeat(2,1fr)}}.home-feature-card{border-radius:var(--radius-codex-card);background:var(--color-codex-paper);box-shadow:var(--shadow-codex-card);border:1px solid var(--color-codex-border);background-image:radial-gradient(var(--color-codex-grid) 1px, transparent 1px);background-size:24px 24px;padding:1.5rem}.home-feature-card__icon{color:var(--color-codex-cover-burgundy);margin-bottom:.75rem;font-size:1.75rem;display:block}.home-feature-card__title{font-family:var(--font-codex-display);color:var(--color-codex-text);margin:0 0 .5rem;font-size:1.25rem}.home-feature-card__text{font-family:var(--font-codex-body);color:var(--color-codex-text-muted);margin:0;line-height:1.6}.home-steps{padding:var(--space-codex-section) 1.5rem;background:var(--color-codex-paper-alt)}.home-steps__title{text-align:center;font-family:var(--font-codex-display);color:var(--color-codex-text);margin:0 0 1.5rem;font-size:1.5rem}.home-steps__list{flex-direction:column;gap:1.25rem;max-width:40rem;margin:0 auto;padding:0;list-style:none;display:flex}.home-step{align-items:flex-start;gap:1rem;display:flex}.home-step__number{background:var(--color-codex-cover-burgundy);width:2.25rem;height:2.25rem;color:var(--color-codex-paper);font-family:var(--font-codex-body);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.home-step__title{font-family:var(--font-codex-display);color:var(--color-codex-text);margin:0 0 .25rem;font-size:1.0625rem}.home-step__text{font-family:var(--font-codex-body);color:var(--color-codex-text-muted);margin:0;line-height:1.5}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell-layout{background:var(--color-codex-paper-alt);flex-direction:column;min-height:100vh;display:flex;position:relative}.app-shell-header{z-index:3;border-bottom:1px solid var(--color-codex-border);background:var(--color-codex-paper-alt);flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;padding:1rem calc(5rem + 14px) 1rem 1.5rem;display:flex;position:relative}.app-shell-body{box-sizing:border-box;flex:1;grid-template-columns:minmax(12rem,16rem) minmax(0,1fr);align-items:stretch;gap:0;width:100%;max-width:1100px;min-height:0;margin:0 auto;padding:1.25rem 1.5rem 1rem;display:grid}.app-shell-sidebar.codex-index{z-index:2;background:0 0;border:none;align-items:flex-start;margin-right:-1px;padding:1.25rem 0 1rem;display:flex}.codex-index__nav{flex-direction:column;gap:1rem;width:100%;display:flex}.codex-index__group{flex-direction:column;gap:.35rem;display:flex}.codex-index__group-label{font-family:var(--font-codex-display);color:var(--color-codex-text);margin:0;padding:0 .75rem .15rem;font-size:.9375rem;font-weight:700}.codex-index__items{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.codex-index__tab{background:color-mix(in srgb, var(--color-codex-paper-alt) 70%, var(--color-codex-grid));border:1px solid var(--color-codex-border);width:100%;min-height:2.6rem;color:var(--color-codex-cover-navy);font-family:var(--font-codex-body);border-right:none;border-radius:10px 0 0 10px;align-items:flex-start;gap:.45rem;padding:.55rem .75rem;font-size:.9375rem;line-height:1.35;text-decoration:none;transition:transform .18s cubic-bezier(.16,1,.3,1),background .18s ease-out,color .18s ease-out,box-shadow .18s ease-out;display:flex;transform:translate(6px);box-shadow:-2px 1px 5px #0000000f}.codex-index__tab:hover{background:var(--color-codex-paper);color:var(--color-codex-cover-burgundy);transform:translate(2px)}.codex-index__tab:focus-visible{outline:2px solid var(--color-codex-cover-navy);outline-offset:2px;z-index:2}.codex-index__tab--active{background:var(--color-codex-paper);color:var(--color-codex-text);z-index:1;font-weight:600;transform:translate(0);box-shadow:-3px 2px 8px #0000001a}.codex-index__mark{text-align:center;-webkit-user-select:none;user-select:none;flex:0 0 1.35rem;width:1.35rem;line-height:1.35}.codex-index__label{flex:auto;min-width:0}.app-shell-content{z-index:1;background-color:var(--color-codex-paper);border-radius:0 var(--radius-codex-page) var(--radius-codex-page) var(--radius-codex-page);border:1px solid var(--color-codex-border);min-width:0;min-height:min(70vh,640px);box-shadow:var(--shadow-codex-page);background-image:repeating-linear-gradient(to bottom, transparent, transparent 31px, var(--color-codex-grid) 31px, var(--color-codex-grid) 32px);padding:1.5rem 1.75rem;position:relative}.codex-page-turn{transform-origin:0;animation:.32s cubic-bezier(.16,1,.3,1) both codex-page-turn}@keyframes codex-page-turn{0%{opacity:.88;transform:perspective(1100px)rotateY(-7deg)translate(10px);box-shadow:inset -8px 0 16px #0000000a}to{opacity:1;box-shadow:none;transform:perspective(1100px)rotateY(0)translate(0)}}@keyframes codex-page-fade{0%{opacity:.75}to{opacity:1}}.app-shell-content__title{font-family:var(--font-codex-display);color:var(--color-codex-text);margin:0 0 1rem;font-size:1.5rem}.app-shell-content__loading,.app-shell-content__error{font-family:var(--font-codex-body);color:var(--color-codex-text-muted)}.horary-page__form,.horary-page__waiting,.horary-page__error,.horary-page__result{flex-direction:column;gap:1rem;max-width:36rem;display:flex}.horary-page__prompt,.horary-page__disclaimer{font-family:var(--font-codex-body);color:var(--color-codex-text-muted);margin:0;line-height:1.45}.horary-page__textarea{border:2px solid var(--color-codex-border,#ccc);border-radius:var(--radius-codex-button,.5rem);width:100%;min-height:7rem;font:inherit;resize:vertical;background:var(--color-codex-paper,#fff);color:var(--color-codex-text);padding:.75rem 1rem}.horary-page__textarea:focus-visible{outline:2px solid var(--color-codex-cover-navy,#1a2a4a);outline-offset:2px}.horary-page__waiting{font-family:var(--font-codex-body);align-items:flex-start}.horary-page__verdict{font-family:var(--font-codex-display);margin:0;font-size:1.25rem;font-weight:700}.horary-page__answer{font-family:var(--font-codex-body);white-space:pre-wrap;margin:0;line-height:1.5}.app-page-block{margin-bottom:1.25rem}.app-page-block__markdown{font-family:var(--font-codex-body);white-space:pre-wrap;color:var(--color-codex-text);line-height:1.6}.app-page-block__image{border:1px solid var(--color-codex-border);border-radius:var(--radius-codex-card);max-width:min(100%,420px);height:auto;display:block}.app-page-block__status{border:1px dashed var(--color-codex-border);border-radius:var(--radius-codex-card);background:var(--color-codex-paper-alt);font-family:var(--font-codex-body);color:var(--color-codex-text-muted);padding:1rem 1.25rem}.app-shell-footer{border-top:1px solid var(--color-codex-border);background:var(--color-codex-paper-alt);text-align:center;margin-top:auto;padding:1.5rem}.app-shell-footer .app-footer{background:0 0;border:none;margin:0;padding:0}@media (width<=768px){.app-shell-body{grid-template-columns:1fr;padding:.75rem 1rem 1rem}.app-shell-sidebar.codex-index{margin-right:0;padding:.5rem 0 .75rem}.codex-index__tab{border-radius:var(--radius-codex-button);border-right:1px solid var(--color-codex-border);box-shadow:none;transform:none}.codex-index__tab:hover,.codex-index__tab--active{transform:none}.app-shell-content{border-radius:var(--radius-codex-page)}}@media (prefers-reduced-motion:reduce){.codex-index__tab{transition:none}.codex-page-turn{animation:.15s ease-out both codex-page-fade}}