.app-shell{--app-max:1160px;isolation:isolate;min-height:100vh;color:var(--color-text-primary);background:radial-gradient(52% 36% at 50% -8%, var(--color-accent-muted), transparent 70%), var(--color-background-body);flex-direction:column;display:flex;position:relative}.app-skip{left:var(--spacing-4);top:var(--spacing-4);z-index:50;padding:var(--spacing-3);background:var(--color-background-popover);border-radius:var(--radius-element);position:absolute;transform:translateY(-200%)}.app-skip:focus{transform:translateY(0)}.app-header{z-index:30;align-items:center;gap:var(--spacing-6);width:100%;max-width:var(--app-max);padding:var(--spacing-4) var(--spacing-6);background:color-mix(in srgb, var(--color-background-body) 86%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb, var(--color-border) 55%, transparent);margin:0 auto;display:flex;position:sticky;top:0}.app-brand{align-items:center;gap:var(--spacing-2);color:var(--color-text-primary);font-size:var(--text-heading-2-size);font-weight:var(--font-weight-semibold);display:inline-flex}.app-brand:hover{text-decoration:none}.app-nav{align-items:center;gap:var(--spacing-2);margin-left:auto;display:flex}.app-nav a{padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--text-supporting-size);font-weight:var(--font-weight-medium)}.app-nav a:hover{background:var(--color-background-muted);color:var(--color-text-primary);text-decoration:none}.app-nav a[aria-current=page]{background:var(--color-background-muted);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.app-nav .app-nav-cta{background:var(--color-accent);color:var(--color-on-accent);font-weight:var(--font-weight-semibold);padding-inline:var(--spacing-4)}.app-nav .app-nav-cta:hover{background:var(--color-accent);color:var(--color-on-accent);filter:brightness(1.06)}.app-main{flex:1;width:100%}.app-deletion-note{margin:var(--spacing-3) 0 0}.app-footer{gap:var(--spacing-4);width:100%;max-width:var(--app-max);margin:var(--spacing-10) auto 0;padding:var(--spacing-6);border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-supporting-size);flex-direction:column;display:flex}.app-footer p{margin:0}.app-footer-nav{gap:var(--spacing-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.app-footer-nav>div{gap:var(--spacing-1);flex-direction:column;display:flex}.app-footer-heading{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.app-footer-bottom{justify-content:space-between;align-items:center;gap:var(--spacing-3);padding-top:var(--spacing-4);border-top:1px solid color-mix(in srgb, var(--color-border) 55%, transparent);flex-wrap:wrap;display:flex}.app-page{width:100%;max-width:var(--app-max);padding:var(--spacing-10) var(--spacing-6) var(--spacing-12);margin:0 auto}.app-page-head{justify-content:space-between;align-items:flex-end;gap:var(--spacing-6);margin-bottom:var(--spacing-8);flex-wrap:wrap;display:flex}.app-page-head h1{margin:var(--spacing-1) 0 0;font-size:var(--text-display-3-size);line-height:var(--text-display-3-leading);letter-spacing:-.02em}.app-eyebrow{color:var(--color-text-secondary);font-size:var(--text-supporting-size);font-weight:var(--font-weight-semibold);margin:0}.app-lead{max-width:68ch;margin:var(--spacing-3) 0 0;color:var(--color-text-secondary);font-size:var(--text-large-size);line-height:var(--text-large-leading);text-wrap:pretty;word-break:keep-all}.app-help{color:var(--color-text-secondary);font-size:var(--text-supporting-size);line-height:var(--text-large-leading);word-break:keep-all;margin:0}.app-note{margin:var(--spacing-8) 0 0;padding:var(--spacing-4);border-radius:var(--radius-element);background:var(--color-background-muted);color:var(--color-text-secondary);font-size:var(--text-supporting-size);line-height:var(--text-large-leading);word-break:keep-all}.app-hero{gap:var(--spacing-5);margin-bottom:var(--spacing-8);flex-direction:column;display:flex}.app-hero h1{max-width:24ch;font-size:var(--text-display-2-size);line-height:var(--text-display-2-leading);letter-spacing:-.025em;text-wrap:balance;word-break:keep-all;margin:0;font-weight:680}.notelier-form{--color-background-surface:var(--color-background-popover)}.app-form-steps{scroll-margin-top:calc(var(--spacing-12) + var(--spacing-4));gap:var(--spacing-2);margin:0 0 var(--spacing-3);flex-wrap:wrap;padding:0;list-style:none;display:flex}.app-form-steps li{align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);background:var(--color-background-muted);color:var(--color-text-secondary);font-size:var(--text-supporting-size);display:inline-flex}.app-form-steps li>span{width:var(--spacing-4);height:var(--spacing-4);border-radius:var(--radius-full);background:var(--color-background-popover);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;display:inline-flex}.app-form-steps li[data-state=done]{background:var(--color-success-muted);color:var(--color-text-primary)}.app-form-steps li[data-state=current]{background:var(--color-accent-muted);color:var(--color-text-accent);font-weight:var(--font-weight-semibold)}.app-form-steps li[data-state=current]>span{background:var(--color-accent);color:var(--color-on-accent)}.app-source-tools{align-items:center;gap:var(--spacing-2);display:flex}.app-button-primary{min-height:36px;padding:0 var(--spacing-5);border-radius:var(--radius-element);background:var(--color-accent);color:var(--color-on-accent);font-size:var(--text-body-size);font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.app-button-primary:hover{color:var(--color-on-accent);filter:brightness(1.06);text-decoration:none}.app-action-link{min-height:36px;padding:0 var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-element);background:var(--color-background-popover);color:var(--color-text-primary);font-size:var(--text-supporting-size);font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.app-action-link:hover{background:var(--color-background-muted);text-decoration:none}.app-text-button{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-inner);color:var(--color-text-secondary);font:inherit;font-size:var(--text-supporting-size);cursor:pointer;background:0 0;border:none}.app-text-button:hover{background:var(--color-background-muted);color:var(--color-text-primary);text-decoration:underline}.app-inline-actions{align-items:center;gap:var(--spacing-3);flex-wrap:wrap;display:flex}.app-notes{gap:var(--spacing-4);margin-top:var(--spacing-10);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.app-notes section{padding:var(--spacing-5);border-radius:var(--radius-container);background:var(--color-background-popover);box-shadow:var(--shadow-low)}.app-notes h2{margin:0 0 var(--spacing-2);font-size:var(--text-heading-4-size);line-height:var(--text-heading-4-leading)}.app-notes p{color:var(--color-text-secondary);font-size:var(--text-supporting-size);line-height:var(--text-large-leading);word-break:keep-all;margin:0}.app-materials-toolbar{justify-content:space-between;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3);display:flex}.app-material-list{gap:var(--spacing-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.app-material{justify-content:space-between;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);border-radius:var(--radius-container);background:var(--color-background-popover);box-shadow:var(--shadow-low);flex-wrap:wrap;transition:box-shadow .12s;display:flex}.app-material:hover{box-shadow:var(--shadow-med)}.app-material-main{gap:var(--spacing-1);min-width:min(100%,280px);color:var(--color-text-primary);flex-direction:column;flex:1;text-decoration:none;display:flex}.app-material-main:hover{text-decoration:none}.app-material-title{font-weight:var(--font-weight-semibold)}.app-material-summary{color:var(--color-text-secondary);font-size:var(--text-supporting-size);overflow-wrap:anywhere}.app-material-meta{align-items:center;gap:var(--spacing-3);color:var(--color-text-secondary);font-size:var(--text-supporting-size);display:flex}.app-viewer-head{margin-bottom:var(--spacing-5)}.app-viewer-title{margin:var(--spacing-1) 0 0;font-size:var(--text-display-3-size);line-height:var(--text-display-3-leading)}.app-viewer-subtitle{margin:var(--spacing-2) 0 0;font-size:var(--text-heading-3-size);font-weight:var(--font-weight-semibold);overflow-wrap:anywhere}.app-viewer-head .viewer-meta{margin-top:var(--spacing-2)}.app-action-bar{align-items:flex-start;gap:var(--spacing-3);margin-bottom:var(--spacing-5);padding:var(--spacing-4);border-radius:var(--radius-container);background:var(--color-background-popover);box-shadow:var(--shadow-low);flex-wrap:wrap;display:flex}.app-action-bar .copy-wrap,.app-share-action{gap:var(--spacing-1);flex-direction:column;display:flex}.app-timeline{gap:var(--spacing-2);margin:0 0 var(--spacing-6);flex-wrap:wrap;padding:0;list-style:none;display:flex}.app-timeline li{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);background:var(--color-background-muted);color:var(--color-text-secondary);font-size:var(--text-supporting-size);display:inline-flex}.app-timeline li>div{align-items:baseline;gap:var(--spacing-2);display:flex}.app-timeline li strong{font-weight:var(--font-weight-semibold)}.app-timeline li p{font-size:var(--text-supporting-size);color:var(--color-text-secondary);margin:0}.app-timeline-dot{width:var(--spacing-2);height:var(--spacing-2);border-radius:var(--radius-full);background:currentColor;flex:none}.app-timeline li[data-state=done]{background:var(--color-success-muted);color:var(--color-text-primary)}.app-timeline li[data-state=active]{background:var(--color-accent-muted);color:var(--color-text-accent)}.app-timeline li[data-state=failed]{background:var(--color-error-muted);color:var(--color-error)}.app-timeline li[data-state=pending]{opacity:.7}.app-state-panel{align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-6);border-radius:var(--radius-container);background:var(--color-background-muted);flex-direction:column;display:flex}.app-state-panel h2{font-size:var(--text-heading-2-size);font-weight:var(--font-weight-semibold);margin:0}.app-state-panel p{margin:0}.app-next-loop{align-items:flex-start;gap:var(--spacing-3);margin-top:var(--spacing-10);padding:var(--spacing-8);border-radius:var(--radius-container);background:radial-gradient(70% 120% at 0% 0%, var(--color-accent-muted), transparent 70%), var(--color-background-popover);box-shadow:var(--shadow-low);flex-direction:column;display:flex}.app-next-loop h2{font-size:var(--text-heading-1-size);line-height:var(--text-heading-1-leading);margin:0}.app-next-loop p{max-width:64ch;color:var(--color-text-secondary);line-height:var(--text-large-leading);word-break:keep-all;margin:0}.app-shell a:focus-visible,.app-shell button:focus-visible{outline:var(--focus-outline-width) solid var(--focus-outline-color);outline-offset:var(--focus-outline-offset);border-radius:var(--radius-inner)}@media (max-width:900px){.app-notes{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.app-header{padding:var(--spacing-3) var(--spacing-4);gap:var(--spacing-3)}.app-nav a{padding:var(--spacing-1) var(--spacing-2)}.app-page{padding:var(--spacing-8) var(--spacing-4) var(--spacing-10)}.app-hero h1{font-size:var(--text-display-3-size);line-height:var(--text-display-3-leading)}.app-footer{padding:var(--spacing-4);margin-top:var(--spacing-8)}.app-footer-nav{grid-template-columns:minmax(0,1fr)}.app-action-bar{flex-direction:column;align-items:stretch}.app-action-bar .copy-wrap,.app-share-action{align-items:stretch}.app-share-action button{width:100%}.app-material{align-items:flex-start}.app-material-meta{justify-content:flex-start;width:100%}}