.planning-page{display:grid;gap:var(--space-8)}.planning-subsection,.planning-danger-zone,.planning-facts{border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);padding:clamp(var(--space-5),3vw,var(--space-6));background:var(--color-surface)}.planning-subsection h2,.planning-danger-zone h2{margin:0}.planning-subsection>p,.planning-danger-zone>p{margin:var(--space-2) 0 0;color:var(--color-text-secondary)}.planning-list,.planning-relation-list,.planning-collection-items{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.planning-card{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-medium);padding:var(--space-4);background:var(--color-surface-raised)}.planning-card-copy{min-width:0}.planning-card h3{margin:0;overflow-wrap:anywhere}.planning-meta,.planning-empty{display:block;margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:.9rem}.planning-create{flex:0 0 auto}.planning-create summary{cursor:pointer;border:1px solid var(--color-border-subtle);border-radius:var(--radius-medium);padding:var(--space-2) var(--space-3);background:var(--color-surface-raised);color:var(--color-text);font-weight:700;list-style-position:inside}.planning-create[open]{flex:1 1 100%;width:100%}.planning-create-form{margin-top:var(--space-4)}.planning-coordinate-grid,.planning-detail-grid{display:grid;gap:var(--space-4)}.planning-coordinate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.planning-detail-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start}.planning-subsection{display:grid;gap:var(--space-4)}.planning-action-form{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border-subtle)}.planning-facts{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-6)}.planning-facts p{margin:0}.planning-danger-zone{border-color:var(--color-error)}.planning-confirm-row,.planning-order-actions,.planning-inline-create,.planning-relation-form{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.planning-order-actions{min-inline-size:0;margin:0;border:0;padding:0}.planning-relation-list li,.planning-collection-items li{min-width:0;display:flex;align-items:center;gap:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-medium);padding:var(--space-3);background:var(--color-surface-raised)}.planning-relation-list li>div:first-child{min-width:0;display:grid;gap:var(--space-1);flex:1 1 auto}.planning-relation-list strong{overflow-wrap:anywhere}.planning-relation-form label{flex:1 1 100%;font-weight:700}.planning-relation-form select,.planning-inline-create input{flex:1 1 16rem;min-width:0}.planning-item-title-form{min-width:0;display:flex;gap:var(--space-2);align-items:center;flex:1 1 16rem}.planning-item-title-form input{min-width:0;flex:1 1 auto}.planning-check{width:2.75rem;height:2.75rem;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;padding:0}.planning-item-completed .planning-item-title-form input{text-decoration:line-through;color:var(--color-text-secondary)}.field-error{margin:0;color:var(--color-error);font-weight:700}@media(max-width:599px){.planning-card,.planning-relation-list li,.planning-collection-items li{align-items:stretch;flex-direction:column}.planning-create,.planning-create[open],.planning-card .button-link,.planning-inline-create input,.planning-inline-create button,.planning-relation-form select,.planning-relation-form button{width:100%}.planning-coordinate-grid{grid-template-columns:1fr}.planning-item-title-form{width:100%}}@media(prefers-reduced-motion:reduce){.planning-create summary{scroll-behavior:auto}}.m4-product-page{display:grid;gap:var(--space-6)}.m4-summary-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4) var(--space-8);padding:clamp(var(--space-4),3vw,var(--space-6));border:1px solid var(--color-shared-border);border-radius:var(--radius-card);background:linear-gradient(120deg,var(--color-surface-panel) 55%,var(--color-shared-surface));box-shadow:var(--shadow-soft)}.m4-summary-copy{min-width:0;display:grid;gap:var(--space-1)}.m4-summary-copy h2{margin:0}.m4-toolbar-row,.m4-item-actions,.m4-notification-summary{display:flex;flex-wrap:wrap;align-items:end;gap:var(--space-3)}.m4-item-actions{align-items:center}.m4-toolbar-row>.field-group{flex:0 1 14rem}.m4-toolbar-row>.m4-search-field{flex:1 1 22rem}.m4-toolbar-submit{flex:0 0 auto}.m4-notification-summary{align-items:center;justify-content:space-between}.m4-summary-card h2,.m4-summary-card p{margin-top:0}.m4-results{display:grid;gap:var(--space-4)}.m4-results-heading{margin:0;font-size:1.05rem;color:var(--color-text-secondary)}.m4-list{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.m4-item{display:grid;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-medium);background:var(--color-surface)}.m4-item-unread{border-color:var(--color-brand)}.m4-item-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2);align-items:baseline}.m4-item-heading h3,.m4-item-heading p,.m4-item>p{margin:0}.m4-item-kind,.m4-item-meta,.m4-item-excerpt,.m4-muted{color:var(--color-text-secondary)}.m4-item-kind{font-size:.85rem;font-weight:650}.m4-item-excerpt{white-space:pre-wrap}.m4-summary-value{flex:0 0 auto;margin:0;color:var(--color-shared);font-size:clamp(1.4rem,3vw,2rem);font-variant-numeric:tabular-nums;font-weight:700}.m4-list-rows{container-type:inline-size}@container (min-width: 34rem){.m4-list-rows .m4-item{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:var(--space-5)}.m4-list-rows .m4-item>.m4-item-heading{grid-area:1 / 1;flex-wrap:nowrap;justify-content:flex-start;gap:var(--space-3)}.m4-list-rows .m4-item-heading h3{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m4-list-rows .m4-item-heading .m4-item-kind{flex:0 0 auto}.m4-list-rows .m4-item>.m4-item-meta,.m4-list-rows .m4-item>time.m4-item-meta{grid-area:1 / 2;white-space:nowrap}.m4-list-rows .m4-item>.m4-item-excerpt{grid-area:2 / 1 / 3 / 4}.m4-list-rows .m4-item>.m4-item-actions{grid-area:1 / 3;justify-content:flex-end}}.m4-unread-badge{display:inline-flex;align-items:center;min-height:2rem;padding:.2rem .7rem;border-radius:999px;background:var(--color-surface-subtle);font-weight:650}@media(max-width:760px){.m4-toolbar-row,.m4-notification-summary{align-items:stretch;flex-direction:column}.m4-toolbar-row>.field-group,.m4-toolbar-row>.m4-search-field{flex-basis:auto}.m4-toolbar-submit button{width:100%}}.private-area-page{display:grid;gap:var(--space-5)}.private-area-context,.private-area-section,.private-area-detail-card,.private-area-editor,.private-area-danger{display:grid;gap:var(--space-4);padding:clamp(var(--space-4),3vw,var(--space-6));border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-surface-raised);box-shadow:var(--shadow-soft)}.private-area-context{grid-template-columns:minmax(0,1fr) auto;align-items:center}.private-area-context p,.private-area-card p,.private-area-detail-card p,.private-area-section p,.private-area-danger p{margin:0}.private-area-badge{display:inline-flex;width:fit-content;align-items:center;min-height:2rem;padding:.2rem .7rem;border-radius:999px;background:var(--color-surface-subtle);color:var(--color-text-secondary);font-size:.85rem;font-weight:650}.private-area-nav{display:flex;flex-wrap:wrap;gap:var(--space-2)}.private-area-nav a{display:inline-flex;align-items:center;min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-subtle);border-radius:999px;background:var(--color-surface);color:var(--color-text-secondary);text-decoration:none;font-weight:650}.private-area-nav a[aria-current=page]{border-color:transparent;background:var(--color-brand-surface);color:var(--color-brand-text);font-weight:750}.private-area-results{display:grid;gap:var(--space-4)}.private-area-results>button{justify-self:start}.private-area-list{margin:0;padding:0;list-style:none}.private-area-item-list{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.private-area-card,.private-area-item{display:grid;gap:var(--space-3);align-content:start;padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-medium);background:var(--color-surface)}.private-area-card>.button-link{justify-self:start}.private-area-card-heading,.private-area-actions,.private-area-item-main,.private-area-delete-confirmation,.private-area-inline-form{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.private-area-card-heading,.private-area-delete-confirmation{justify-content:space-between}.private-area-card-heading h2,.private-area-delete-confirmation h2,.private-area-section h2{margin:0}.private-area-excerpt,.private-area-detail-body{white-space:pre-wrap}.private-area-excerpt{color:var(--color-text-secondary);display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.private-area-detail-body{line-height:1.65}.private-area-check{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;width:fit-content}.private-area-field-grid,.private-area-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.private-area-meta-grid{margin:0}.private-area-meta-grid>div{display:grid;gap:var(--space-1)}.private-area-meta-grid dt{color:var(--color-text-secondary);font-size:.85rem;font-weight:650}.private-area-meta-grid dd{margin:0}.private-area-url{overflow-wrap:anywhere}.private-area-inline-form{align-items:end}.private-area-inline-form .field-group{flex:1 1 16rem}.private-area-item-main{align-items:start}.private-area-item-title-form{display:flex;flex:1 1 18rem;flex-wrap:wrap;gap:var(--space-2)}.private-area-item-title-form input{flex:1 1 12rem}.private-area-danger{border-color:var(--color-border-subtle)}.private-area-delete-confirmation>div:first-child{flex:1 1 18rem}@media(max-width:760px){.private-area-context,.private-area-field-grid,.private-area-meta-grid{grid-template-columns:1fr}.private-area-context{align-items:start}.private-area-actions,.private-area-inline-form,.private-area-delete-confirmation{align-items:stretch;flex-direction:column}.private-area-actions>button,.private-area-inline-form>button,.private-area-delete-confirmation button{width:100%}}:root{font-family:var(--font-ui);color:var(--color-text);background:var(--color-background);font-synthesis:none;--font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: Fraunces, Iowan Old Style, Baskerville, Georgia, serif;--color-background: #faf8fc;--color-surface: #ffffff;--color-surface-subtle: #f2eef5;--color-text: #211a2b;--color-text-secondary: #51485c;--color-text-muted: #756c80;--color-border: #cfc7d7;--color-border-subtle: #e6e0eb;--color-brand: #7c4dff;--color-brand-strong: #6638dc;--color-brand-surface: #eee7ff;--color-surface-panel: #ffffff;--color-surface-panel-tint: #f7f3fb;--color-page-tint-brand: #ece4ff7a;--color-page-tint-shared: #dff2ed66;--color-shared: #237a65;--color-shared-accent: #36ae97;--color-shared-surface: #e3f6f1;--color-private: #a61f51;--color-error: #a4133c;--color-error-surface: #ffe7ee;--color-focus: #005fcc;--content-max: 1200px;--reading-max: 720px;--rail-width: 21rem;--topbar-height: 72px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-small: 8px;--radius-medium: 12px;--radius-large: 16px;--radius-card: 20px;--radius-sheet: 24px;--radius-pill: 999px;--shadow-card: 0 20px 60px var(--color-shadow-card);--shadow-soft: 0 12px 32px var(--color-shadow-soft);--motion-fast: .18s ease-out}*{box-sizing:border-box}html{min-width:320px;background:var(--color-background)}body{margin:0;min-width:320px;min-height:100vh;background:var(--color-background)}button,input,select,textarea{font:inherit}button,.button-link{min-height:44px;border:0;border-radius:var(--radius-medium);padding:.7rem 1.1rem;background:var(--color-brand-strong);color:var(--color-on-accent);font-weight:700;line-height:1.2;cursor:pointer;transition:transform var(--motion-fast),box-shadow var(--motion-fast),filter var(--motion-fast)}.button-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}button:hover:not(:disabled),.button-link:hover{filter:brightness(.96);transform:translateY(-1px)}button.secondary,.secondary-link{background:var(--color-surface);color:var(--color-brand-text);border:1px solid var(--color-border)}button.tertiary{background:transparent;color:var(--color-text-secondary);border:1px solid transparent}button.tertiary:hover{background:var(--color-surface-subtle)}button:disabled{background:var(--color-border-subtle);color:var(--color-text-muted);cursor:wait;filter:none}button:focus-visible,.button-link:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,.file-picker:focus-within{outline:3px solid var(--color-focus);outline-offset:2px}input:not([type=checkbox],[type=radio]),select,textarea{width:100%;min-height:48px;border:1px solid var(--color-border);border-radius:var(--radius-medium);padding:.8rem .9rem;background:var(--color-surface);color:var(--color-text);transition:border-color var(--motion-fast),box-shadow var(--motion-fast),background var(--motion-fast)}select{appearance:none;padding-right:var(--space-10);background-image:linear-gradient(45deg,transparent 50%,currentcolor 50%,currentcolor 58%,transparent 58%),linear-gradient(-45deg,transparent 50%,currentcolor 50%,currentcolor 58%,transparent 58%);background-position:right 1.35rem center,right 1rem center;background-size:.4rem .4rem;background-repeat:no-repeat;cursor:pointer}input:not([type=checkbox],[type=radio]):hover,select:hover,textarea:hover{border-color:var(--color-text-muted)}input[type=checkbox],input[type=radio]{width:1.25rem;height:1.25rem;flex:0 0 auto;accent-color:var(--color-brand-strong)}textarea{resize:vertical;line-height:1.5}input::placeholder,textarea::placeholder{color:var(--color-text-muted);opacity:1}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{color:var(--color-text)}h1{margin-bottom:.65rem;font-size:clamp(1.75rem,2.6vw,2.25rem);line-height:1.22;letter-spacing:-.022em}h2{margin-bottom:.35rem;font-size:clamp(1.35rem,1.9vw,1.75rem);line-height:1.28;letter-spacing:-.015em}h3{font-size:1.15rem;line-height:1.3}p{line-height:1.55}code{border-radius:.3rem;padding:.08rem .35rem;background:var(--color-surface-subtle)}.sr-only,.visually-hidden-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow,.section-kicker{margin-bottom:.5rem;color:var(--color-brand-strong);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.muted,.field-help{color:var(--color-text-muted)}.brand{display:inline-flex;align-items:center;gap:var(--space-3);min-height:44px;color:var(--color-text);font-size:1.05rem;letter-spacing:-.02em;text-decoration:none}.brand-static{min-height:auto}.brand-mark{display:inline-grid;width:2.55rem;height:2.55rem;place-items:center;flex:0 0 auto;border-radius:.9rem;background:linear-gradient(135deg,var(--color-brand),var(--color-brand-strong));color:var(--color-on-accent);box-shadow:0 10px 28px var(--color-shadow-brand)}.brand-mark svg{width:1.65rem;height:1.65rem;fill:none;stroke:currentColor;stroke-width:2.1}.brand-name{display:grid;gap:.05rem;line-height:1}.brand-name strong{font-weight:800;letter-spacing:-.035em}.brand-suffix{color:currentColor;font-size:.68rem;font-weight:600;letter-spacing:.02em;opacity:.72}.brand-inverse{color:var(--color-on-accent)}.brand-inverse .brand-mark{background:var(--color-entry-mark-surface);box-shadow:inset 0 0 0 1px var(--color-entry-mark-border)}.setup-shell{position:relative;overflow:hidden;min-height:100vh;display:grid;place-items:center;padding:var(--space-5);background:var(--color-entry-panel)}.entry-aura{position:absolute;width:min(36rem,80vw);aspect-ratio:1;border-radius:50%;filter:blur(1px);opacity:.72}.entry-aura-start{top:-20rem;left:-14rem;background:var(--color-entry-aura-brand)}.entry-aura-end{right:-16rem;bottom:-22rem;background:var(--color-entry-aura-shared)}.setup-card{position:relative;z-index:1;width:min(100%,40rem);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sheet);padding:clamp(var(--space-6),5vw,var(--space-12));background:var(--color-surface-overlay);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.setup-card .brand{margin-bottom:clamp(var(--space-12),8vw,var(--space-16))}.setup-content{max-width:34rem}.setup-symbol{width:3.25rem;height:3.25rem;display:grid;place-items:center;margin-bottom:var(--space-5);border-radius:var(--radius-large);background:var(--color-brand-surface)}.setup-symbol>span{width:1.35rem;height:1.35rem;border:2px solid var(--color-brand-text);border-radius:50%;box-shadow:.55rem 0 0 -.1rem var(--color-brand-surface),.55rem 0 0 .03rem var(--color-brand-text)}.operator-note{margin-top:2rem;border-top:1px solid var(--color-border-subtle);padding-top:1rem;color:var(--color-text-secondary)}.operator-note summary{min-height:44px;display:flex;align-items:center;color:var(--color-text);font-weight:700;cursor:pointer}.operator-note p{margin:.5rem 0 0}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(24rem,.88fr);background:var(--color-entry-panel)}.login-intro{position:relative;overflow:hidden;min-height:100vh;display:grid;align-content:center;padding:clamp(var(--space-10),8vw,7rem);background:radial-gradient(circle at 16% 12%,var(--color-entry-light-glow),transparent 22rem),linear-gradient(150deg,var(--color-entry-hero-start) 0%,var(--color-entry-hero-middle) 60%,var(--color-entry-hero-end) 135%);color:var(--color-on-accent)}.login-intro .brand{position:absolute;z-index:2;top:clamp(var(--space-6),4vw,var(--space-12));left:clamp(var(--space-10),8vw,7rem)}.login-intro-content{position:relative;z-index:2;max-width:43rem}.login-intro h1{max-width:15ch;color:var(--color-on-accent);font-family:var(--font-ui);font-size:clamp(2.6rem,4.5vw,3.75rem);font-weight:700;line-height:1.04;letter-spacing:-.03em}.login-intro-content>p:not(.eyebrow){max-width:39rem;margin-bottom:0;color:var(--color-text-inverse-muted);font-size:1.08rem}.entry-illustration{position:absolute;right:-9rem;bottom:-11rem;width:min(30rem,52vw);aspect-ratio:1;border:1px solid var(--color-entry-mark-border);border-radius:50%;background:var(--color-entry-mark-surface)}.entry-orbit{position:absolute;border:1px solid var(--color-entry-mark-border);border-radius:50%}.entry-orbit-large{inset:13%}.entry-orbit-small{inset:28%}.entry-illustration-heart{position:absolute;top:28%;left:30%;color:var(--color-text-inverse-muted);font-family:var(--font-display);font-size:clamp(4rem,7vw,6rem);line-height:1;transform:rotate(-8deg)}.login-panel{display:grid;place-items:center;padding:clamp(var(--space-6),6vw,var(--space-16));background:radial-gradient(circle at 100% 0%,var(--color-entry-aura-brand),transparent 24rem),radial-gradient(circle at 0% 100%,var(--color-entry-aura-shared),transparent 24rem)}.login-card{width:min(100%,31rem);padding:clamp(var(--space-6),5vw,var(--space-10));border:1px solid var(--color-border-subtle);border-radius:var(--radius-sheet);background:var(--color-surface-overlay);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.login-card h2{font-size:2rem}.login-assurance{margin:var(--space-6) 0 0;border-top:1px solid var(--color-border-subtle);padding-top:var(--space-5);color:var(--color-text-muted);font-size:.8rem;text-align:center}.app-shell{min-height:100vh}.app-header{position:sticky;z-index:10;top:0;width:100%;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--color-header-border);padding:.75rem max(1.25rem,calc((100vw - var(--content-max)) / 2));background:var(--color-header-surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header-actions{display:flex;align-items:center;gap:.75rem}.shared-context{display:inline-flex;min-height:36px;align-items:center;gap:.45rem;border-radius:var(--radius-pill);padding:.4rem .75rem;background:var(--color-shared-surface);color:var(--color-shared);font-size:.84rem;font-weight:700}.app-main{width:min(var(--content-max),calc(100% - 2.5rem));margin:0 auto;padding:clamp(2rem,5vw,4.5rem) 0 5rem}.primary-action{flex:0 0 auto}.story-surface,.form-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-soft)}.story-surface{padding:clamp(1.1rem,4vw,1.5rem)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.75rem}.section-head h2,.section-kicker{margin-bottom:0}.section-kicker{margin-bottom:.25rem;color:var(--color-text-muted)}.compact-action{flex:0 0 auto}.inline-message{display:grid;gap:.25rem;margin-bottom:1.5rem;border:1px solid var(--color-border-subtle);border-radius:var(--radius-large);padding:1rem 1.1rem;background:var(--color-surface);color:var(--color-text-secondary)}.inline-message strong{color:var(--color-text)}.inline-message-success{border-color:var(--color-shared-border);background:var(--color-shared-surface)}.inline-message-success strong{color:var(--color-shared)}.inline-message-error{border-color:var(--color-error-border);background:var(--color-error-surface)}.inline-message-error strong{color:var(--color-error)}.inline-message .secondary{width:max-content;margin-top:.65rem}.story-loading{display:grid;gap:.75rem}.story-loading span{height:7rem;border-radius:var(--radius-large);background:linear-gradient(100deg,var(--color-shimmer-base) 25%,var(--color-shimmer-highlight) 45%,var(--color-shimmer-base) 65%);background-size:200% 100%;animation:story-shimmer 1.6s linear infinite}.story-timeline{display:grid;gap:2rem}.story-month{position:relative}.month-heading{display:flex;align-items:center;gap:.7rem;margin-bottom:.8rem}.month-heading h3{margin:0;text-transform:capitalize}.month-dot{width:.65rem;height:.65rem;flex:0 0 auto;border-radius:50%;background:var(--color-brand);box-shadow:0 0 0 5px var(--color-brand-surface)}.story-list{list-style:none;margin:0;padding:0 0 0 1.85rem;display:grid;gap:.8rem;border-left:1px solid var(--color-border-subtle)}.story-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-large);padding:1rem 1.1rem;background:var(--color-surface);transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.story-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-soft);transform:translateY(-1px)}.story-card-heart-moment{background:linear-gradient(135deg,var(--color-surface) 60%,var(--color-private-surface-soft))}.story-card-milestone{background:linear-gradient(135deg,var(--color-surface) 60%,var(--color-discovery-surface-soft))}.story-card-meta{display:flex;align-items:center;gap:.45rem;margin-bottom:.75rem}.story-card-meta time{margin-left:auto;color:var(--color-text-muted);font-size:.78rem;white-space:nowrap}.kind-badge,.shared-badge{display:inline-flex;min-height:1.7rem;align-items:center;border-radius:var(--radius-pill);padding:.25rem .55rem;font-size:.72rem;font-weight:800}.kind-badge{background:var(--color-brand-surface);color:var(--color-brand-strong)}.shared-badge{background:var(--color-shared-surface);color:var(--color-shared)}.story-card h4{margin-bottom:.4rem;font-size:1.08rem;line-height:1.35}.story-preview{margin-bottom:.65rem;color:var(--color-text-secondary);font-size:.9rem}.story-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.7rem;color:var(--color-text-muted);font-size:.78rem}.media-label{color:var(--color-shared);font-weight:700;white-space:nowrap}.story-empty{display:grid;place-items:center;padding:3.5rem 1rem;text-align:center}.story-empty-mark{width:3.25rem;height:3.25rem;display:grid;place-items:center;margin-bottom:1rem;border-radius:50%;background:var(--color-brand-surface);color:var(--color-brand-strong);font-size:1.25rem}.story-empty h3{margin-bottom:.35rem}.story-empty p{margin:0;color:var(--color-text-muted)}.back-link{min-height:44px;display:inline-flex;align-items:center;margin-bottom:1.1rem;color:var(--color-brand-strong);font-weight:700;text-decoration:none}.form-card{padding:clamp(1.25rem,5vw,2rem)}.form-grid,.memory-form{display:grid;gap:1.25rem}.login-card .form-grid{margin-top:var(--space-8);gap:.7rem}.form-grid>label:not(.choice-row),.field-group>label:first-child:not(.choice-row){display:block;margin-bottom:.45rem;color:var(--color-text);font-size:.88rem;font-weight:700}.field-help{margin:.45rem 0 0;font-size:.8rem}.file-picker{min-height:74px;display:flex;align-items:center;gap:.9rem;border:1px dashed var(--color-border);border-radius:var(--radius-large);padding:.8rem;background:var(--color-background);cursor:pointer}.file-picker:hover{border-color:var(--color-brand);background:var(--color-brand-surface)}.file-picker-icon{width:2.7rem;height:2.7rem;display:grid;place-items:center;flex:0 0 auto;border-radius:var(--radius-medium);background:var(--color-brand-surface);color:var(--color-brand-strong);font-size:1.35rem;font-weight:500}.file-picker strong,.file-picker small{display:block}.file-picker small{max-width:31rem;overflow:hidden;margin-top:.2rem;color:var(--color-text-muted);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.sharing-note{display:flex;gap:.8rem;border-radius:var(--radius-large);padding:1rem;background:var(--color-shared-surface);color:var(--color-text-secondary)}.sharing-note strong{color:var(--color-shared)}.sharing-note p{margin:.2rem 0 0;font-size:.84rem}.sharing-icon{width:2rem;height:2rem;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:var(--color-surface-raised);color:var(--color-shared)}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.25rem}.form-error,.status{margin-top:1rem;margin-bottom:0}.status{min-height:1.5rem;color:var(--color-text-secondary)}.status-error{color:var(--color-error)}@keyframes story-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(max-width:839px){.login-shell{min-height:100vh;display:block;padding:0 0 var(--space-8);background:var(--color-background)}.login-intro{min-height:0;padding:8.5rem var(--space-6) 6.5rem;border-radius:0 0 var(--radius-sheet) var(--radius-sheet)}.login-intro .brand{top:var(--space-8);left:var(--space-6)}.login-intro h1{max-width:15ch;font-size:clamp(2.4rem,7vw,3.15rem)}.entry-illustration{right:-11rem;bottom:-13rem;width:25rem}.login-panel{position:relative;display:block;padding:0 var(--space-4) var(--space-8);background:transparent}.login-card{width:min(calc(100% - 2rem),32rem);margin:-2.75rem auto 0}}@media(max-width:599px){.app-header{min-height:64px;padding:.55rem 1rem}.brand{font-size:1rem}.brand-mark{width:2.25rem;height:2.25rem;border-radius:.7rem}.brand-mark svg{width:1.4rem;height:1.4rem}.app-header .brand-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.login-intro{padding-inline:var(--space-5)}.login-intro .brand{left:var(--space-5)}.login-intro h1{font-size:clamp(2.25rem,9.5vw,2.8rem)}.login-card{width:100%}.setup-shell{align-items:start;padding:var(--space-4)}.setup-card{margin-top:var(--space-8)}.shared-context{display:none}.app-main{width:min(100% - 2rem,var(--reading-max));padding:2rem 0 4rem}.primary-action{width:100%}.section-head{align-items:flex-start}.compact-action{min-height:44px;padding-inline:.75rem;font-size:.82rem}.story-surface{padding:1rem}.story-list{padding-left:1.25rem}.story-card-meta{flex-wrap:wrap}.story-card-meta time{width:100%;margin-left:0}.story-card-footer{align-items:flex-start;flex-direction:column}.form-actions{align-items:stretch;flex-direction:column-reverse}.form-actions>*{width:100%}.file-picker small{max-width:13rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button,.button-link,input,textarea,.story-card{transition:none}.story-loading span{animation:none}}.story-media-preview,.story-media-skeleton,.story-media-placeholder{width:100%;aspect-ratio:16 / 9;display:block;margin-bottom:.9rem;border-radius:.85rem}.story-media-preview{object-fit:cover;background:var(--color-surface-subtle)}.story-media-skeleton{background:linear-gradient(100deg,var(--color-shimmer-base, #f2eef5) 25%,var(--color-shimmer-highlight, #faf8fc) 45%,var(--color-shimmer-base, #f2eef5) 65%);background-size:200% 100%;animation:story-shimmer 1.6s linear infinite}.story-media-placeholder{display:grid;place-items:center;border:1px dashed var(--color-border);padding:1rem;background:var(--color-surface-subtle);color:var(--color-text-muted);text-align:center;font-size:.82rem}.visually-hidden-input:focus-visible+.file-picker{outline:3px solid var(--color-focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){.story-media-skeleton{animation:none}}:root{color-scheme:light;color:var(--color-text);background:var(--color-background);--color-surface-raised: #ffffff;--color-surface-overlay: #ffffffea;--color-header-surface: #faf8fce8;--color-header-border: #e6e0ebcc;--color-brand-text: #4f2daa;--color-brand-glow: #eee7ff80;--color-on-accent: #ffffff;--color-text-inverse-muted: rgb(255 255 255 / 90%);--color-entry-panel: #faf8fc;--color-entry-hero-start: #3b236b;--color-entry-hero-middle: #6540d9;--color-entry-hero-end: #237a65;--color-entry-light-glow: #ffffff24;--color-entry-mark-surface: #ffffff16;--color-entry-mark-border: #ffffff45;--color-entry-trust-accent: #aee7d9;--color-entry-aura-brand: #eee7ffb8;--color-entry-aura-shared: #dff5ef9c;--color-shadow-card: #211a2b14;--color-shadow-soft: #211a2b0b;--color-shadow-brand: #6638dc25;--color-shared-border: #36ae9755;--color-error-border: #a4133c40;--color-shimmer-base: #f2eef5;--color-shimmer-highlight: #faf8fc;--color-private-surface-soft: #ffe7ee66;--color-discovery-surface-soft: #fff2d566}:root[data-theme=dark]{color-scheme:dark;--color-background: #1c1525;--color-surface: #2a2135;--color-surface-subtle: #34283f;--color-surface-raised: #332842;--color-surface-overlay: #2a2135f2;--color-header-surface: #1c1525e8;--color-header-border: #493d55dd;--color-text: #f7f2fa;--color-text-secondary: #d9d0e0;--color-text-muted: #b9aec4;--color-border: #8f819c;--color-border-subtle: #493d55;--color-brand: #bda7ff;--color-brand-strong: #7c4dff;--color-brand-text: #bda7ff;--color-brand-surface: #3d2e55;--color-surface-panel: #302640;--color-surface-panel-tint: #271e33;--color-page-tint-brand: #7c4dff1f;--color-page-tint-shared: #36ae9714;--color-brand-glow: #7c4dff24;--color-entry-panel: #1c1525;--color-entry-hero-start: #2c1b4d;--color-entry-hero-middle: #4a2b9a;--color-entry-hero-end: #174a40;--color-entry-light-glow: #ffffff1c;--color-entry-mark-surface: #ffffff12;--color-entry-mark-border: #ffffff38;--color-entry-trust-accent: #9ee6d6;--color-entry-aura-brand: #7c4dff24;--color-entry-aura-shared: #36ae971c;--color-shared: #8fe0ce;--color-shared-accent: #36ae97;--color-shared-surface: #183c34;--color-private: #ff9bb8;--color-error: #ffb1c1;--color-error-surface: #44202d;--color-focus: #9ccbff;--color-on-accent: #ffffff;--color-shadow-card: #0000005c;--color-shadow-soft: #00000040;--color-shadow-brand: #00000052;--color-shared-border: #8fe0ce66;--color-error-border: #ffb1c166;--color-shimmer-base: #34283f;--color-shimmer-highlight: #493d55;--color-private-surface-soft: #4a2432aa;--color-discovery-surface-soft: #463818aa}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--color-background: #1c1525;--color-surface: #2a2135;--color-surface-subtle: #34283f;--color-surface-raised: #332842;--color-surface-overlay: #2a2135f2;--color-header-surface: #1c1525e8;--color-header-border: #493d55dd;--color-text: #f7f2fa;--color-text-secondary: #d9d0e0;--color-text-muted: #b9aec4;--color-border: #8f819c;--color-border-subtle: #493d55;--color-brand: #bda7ff;--color-brand-strong: #7c4dff;--color-brand-text: #bda7ff;--color-brand-surface: #3d2e55;--color-surface-panel: #302640;--color-surface-panel-tint: #271e33;--color-page-tint-brand: #7c4dff1f;--color-page-tint-shared: #36ae9714;--color-brand-glow: #7c4dff24;--color-entry-panel: #1c1525;--color-entry-hero-start: #2c1b4d;--color-entry-hero-middle: #4a2b9a;--color-entry-hero-end: #174a40;--color-entry-light-glow: #ffffff1c;--color-entry-mark-surface: #ffffff12;--color-entry-mark-border: #ffffff38;--color-entry-trust-accent: #9ee6d6;--color-entry-aura-brand: #7c4dff24;--color-entry-aura-shared: #36ae971c;--color-shared: #8fe0ce;--color-shared-accent: #36ae97;--color-shared-surface: #183c34;--color-private: #ff9bb8;--color-error: #ffb1c1;--color-error-surface: #44202d;--color-focus: #9ccbff;--color-on-accent: #ffffff;--color-shadow-card: #0000005c;--color-shadow-soft: #00000040;--color-shadow-brand: #00000052;--color-shared-border: #8fe0ce66;--color-error-border: #ffb1c166;--color-shimmer-base: #34283f;--color-shimmer-highlight: #493d55;--color-private-surface-soft: #4a2432aa;--color-discovery-surface-soft: #463818aa}}body{color:var(--color-text);background:radial-gradient(circle at 8% -6%,var(--color-page-tint-brand) 0,transparent 34rem),radial-gradient(circle at 96% 4%,var(--color-page-tint-shared) 0,transparent 30rem),var(--color-background);background-attachment:fixed}button,.button-link{color:var(--color-on-accent)}button.secondary,.secondary-link,.eyebrow,.back-link{color:var(--color-brand-text)}.login-intro .eyebrow.eyebrow-inverse{color:var(--color-text-inverse-muted)}.kind-badge,.story-empty-mark,.file-picker-icon{color:var(--color-brand-text)}.brand-mark{color:var(--color-on-accent);box-shadow:0 8px 24px var(--color-shadow-brand)}.setup-card{box-shadow:0 24px 80px var(--color-shadow-card)}.login-card{background:var(--color-surface-overlay);box-shadow:0 24px 70px var(--color-shadow-card)}.app-header{border-bottom-color:var(--color-header-border);background:var(--color-header-surface)}.theme-control{position:fixed;z-index:100;right:1rem;top:1rem;display:flex;align-items:center;gap:.55rem;min-height:44px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);padding:.35rem .45rem .35rem .8rem;background:var(--color-surface-overlay);color:var(--color-text-secondary);box-shadow:0 8px 28px var(--color-shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.theme-control-inline{position:static;border-color:transparent;padding:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.theme-control-icon{color:var(--color-brand-text);font-size:.9rem}.theme-control label{font-size:.78rem;font-weight:700}.theme-control select{width:auto;min-height:36px;border-radius:var(--radius-pill);padding:0 var(--space-8) 0 var(--space-3);background-color:var(--color-surface-raised);background-position:right 1.05rem center,right .7rem center;font-size:.8rem;font-weight:700}.theme-control select:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}@media(max-width:599px){.theme-control{right:.75rem;top:.75rem}.theme-control label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.theme-control-inline{right:auto;top:auto}.theme-control-icon{display:none}.theme-control-floating{padding:.25rem}.theme-control-floating select{max-width:7.25rem}.app-header .theme-control-inline select{max-width:5.5rem}}@media(min-width:600px)and (max-width:839px){.app-header .brand-name,.app-header .theme-control-inline label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-header .shared-context,.app-header .theme-control-icon{display:none}.app-header .theme-control-inline select{max-width:5.5rem}}.skip-link{position:fixed;z-index:200;top:var(--space-2);left:var(--space-2);transform:translateY(-150%);border-radius:var(--radius-medium);padding:var(--space-3) var(--space-4);background:var(--color-surface-raised);color:var(--color-text);box-shadow:var(--shadow-soft);font-weight:700}.skip-link:focus{transform:translateY(0)}.product-shell{min-height:100vh;background:var(--color-background)}.product-topbar{z-index:40}.product-shell-body{min-height:calc(100vh - var(--topbar-height))}.shell-primary-action{display:none;margin-bottom:var(--space-6)}.shell-primary-action .button-link{width:100%;gap:var(--space-2);box-shadow:0 8px 20px var(--color-shadow-brand)}.shell-nav-group-label{margin:var(--space-5) 0 var(--space-1);padding-inline:var(--space-4);color:var(--color-text-muted);font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.shell-nav-group:first-child .shell-nav-group-label{margin-top:0}.product-main{width:calc(100% - 2rem);margin:0 auto;padding:clamp(var(--space-6),4vw,var(--space-10)) 0 calc(7rem + env(safe-area-inset-bottom))}.shell-sidebar{display:none}.shell-nav,.shell-nav-group{display:grid;gap:var(--space-1)}.shell-nav-link{min-height:48px;display:flex;align-items:center;gap:var(--space-3);border-radius:var(--radius-medium);padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);font-weight:700;text-decoration:none;transition:background var(--motion-fast),color var(--motion-fast),transform var(--motion-fast)}.shell-nav-link:hover{background:var(--color-surface-subtle);color:var(--color-text)}.shell-nav-link:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.shell-nav-link-active{position:relative;background:var(--color-brand-surface);color:var(--color-brand-text)}.shell-nav-link-active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;border-radius:var(--radius-pill);background:var(--color-brand-strong)}.mobile-bottom-nav .shell-nav-link-active:before{display:none}.shell-nav-icon{width:1.5rem;height:1.5rem;display:grid;place-items:center;flex:0 0 auto}.shell-nav-icon svg{width:1.35rem;height:1.35rem;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.mobile-bottom-nav{position:fixed;z-index:50;right:0;bottom:0;left:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(4.75rem,1fr);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;gap:var(--space-2);border-top:1px solid var(--color-header-border);padding:var(--space-2) var(--space-3) calc(var(--space-2) + env(safe-area-inset-bottom));background:var(--color-header-surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-bottom-nav .shell-nav-link{min-width:0;flex-direction:column;justify-content:center;gap:var(--space-1);padding:var(--space-2);font-size:.75rem;text-align:center}.offline-banner{min-height:44px;display:flex;align-items:center;justify-content:center;gap:var(--space-2);border-bottom:1px solid var(--color-border-subtle);padding:var(--space-2) var(--space-4);background:var(--color-discovery-surface-soft);color:var(--color-text);font-size:.86rem;font-weight:700;text-align:center}.page-heading-action{flex:0 0 auto}.ui-state{min-height:10rem;display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-4);align-items:start;border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);padding:clamp(var(--space-5),4vw,var(--space-8));background:var(--color-surface)}.ui-state-mark{width:2.75rem;height:2.75rem;display:grid;place-items:center;border-radius:var(--radius-large);background:var(--color-brand-surface);color:var(--color-brand-text);font-size:1.35rem;font-weight:800}.ui-state-copy{min-width:0}.ui-state-copy strong{display:block;color:var(--color-text);font-size:1rem}.ui-state-copy p{max-width:42rem;margin:var(--space-2) 0 0;color:var(--color-text-secondary)}.ui-state-action{grid-column:2}.ui-state-error .ui-state-mark,.ui-state-permission .ui-state-mark{background:var(--color-error-surface);color:var(--color-error)}.ui-state-offline .ui-state-mark,.ui-state-rateLimit .ui-state-mark{background:var(--color-discovery-surface-soft);color:var(--color-text)}.ui-state-conflict .ui-state-mark{background:var(--color-shared-surface);color:var(--color-shared)}.ui-state-compact{min-height:0;padding:var(--space-4)}@media(max-width:839px){.product-topbar .brand-name,.product-topbar .shared-context,.product-topbar .theme-control label,.product-topbar .theme-control-icon{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.product-topbar .theme-control-inline select{max-width:6rem}}@media(max-width:599px){.page-heading-action,.page-heading-action .button-link{width:100%}.page-heading-action .button-link{justify-content:center}.ui-state{grid-template-columns:1fr}.ui-state-action{grid-column:1}}@media(min-width:840px){.product-shell-body{display:grid;grid-template-columns:15rem minmax(0,1fr)}.shell-sidebar{display:block;border-right:1px solid var(--color-border-subtle);padding:var(--space-8) var(--space-4);background:var(--color-surface)}.shell-sidebar-inner{position:sticky;top:calc(var(--topbar-height) + var(--space-6))}.product-main{width:min(var(--content-max),calc(100% - 4rem));padding-bottom:var(--space-16)}.shell-primary-action{display:grid}.mobile-bottom-nav{display:none}}@media(prefers-reduced-motion:reduce){.skip-link,.shell-nav-link{transition:none}}.page{width:100%;margin:0 auto}.page-reading{width:min(100%,var(--reading-max))}.layout-split{display:grid;gap:var(--space-6);align-items:start}.layout-main{min-width:0;display:grid;gap:var(--space-6);align-content:start}.layout-rail{min-width:0;display:grid;gap:var(--space-4);align-content:start}@media(min-width:1100px){.layout-split{grid-template-columns:minmax(0,1fr) var(--rail-width)}.layout-split-lead-rail .layout-main{grid-area:1 / 1}.layout-split-lead-rail .layout-rail{grid-area:1 / 2}.layout-rail-sticky{position:sticky;top:calc(var(--topbar-height) + var(--space-6))}}.layout-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--layout-column-min, 22rem)),1fr));gap:var(--space-5);align-items:start}.layout-columns-dense{--layout-column-min: 17rem}.layout-columns-wide{--layout-column-min: 27rem}.layout-span-all{grid-column:1 / -1}.layout-panel{min-width:0;display:grid;gap:var(--space-4);align-content:start;border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);padding:clamp(var(--space-5),2.5vw,var(--space-6));background:var(--color-surface-panel);box-shadow:var(--shadow-soft)}.layout-panel-quiet{background:var(--color-surface-subtle);box-shadow:none}.layout-section-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.layout-section-head>div:first-child{min-width:0}.layout-section-head h2,.layout-section-head h3{margin-bottom:0}.layout-section-head p{max-width:var(--reading-max);margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:.92rem}.layout-section-action{flex:0 0 auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-8);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border-subtle)}.page-heading>div:first-child{min-width:0}.page-heading h1{margin-bottom:var(--space-2)}.page-heading>p:last-child,.page-heading>div>p:last-child{max-width:var(--reading-max);margin-bottom:0;color:var(--color-text-secondary)}.page-heading .eyebrow{margin-bottom:var(--space-2)}.layout-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:var(--space-3);margin:0;padding:0}.layout-metric{display:grid;gap:var(--space-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-large);padding:var(--space-4);background:var(--color-surface)}.layout-metric dt{color:var(--color-text-secondary);font-size:.85rem;font-weight:650}.layout-metric dd{margin:0;color:var(--color-text);font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}.detail-meta-list{display:grid;gap:var(--space-4);margin:0}.detail-meta-list>div{display:grid;gap:var(--space-1);min-width:0}.detail-meta-list dt{color:var(--color-text-muted);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.detail-meta-list dd{margin:0;color:var(--color-text);font-weight:650;overflow-wrap:anywhere}.rail-heading{margin:0;font-size:1.05rem}.rail-note{margin:0;color:var(--color-text-secondary);font-size:.9rem}.layout-action-list{display:grid;gap:var(--space-2)}.layout-action-list>a,.layout-action-list>button{width:100%;justify-content:flex-start;text-align:left}@media(max-width:599px){.page-heading{align-items:stretch;flex-direction:column;gap:var(--space-4)}.layout-section-head{align-items:stretch;flex-direction:column}.layout-section-action,.layout-section-action>.button-link,.layout-section-action>button{width:100%}.layout-section-action>.button-link{justify-content:center}.layout-action-list>a,.layout-action-list>button{justify-content:center;text-align:center}}.attachment-draft-list{list-style:none;display:grid;gap:.75rem;margin:.75rem 0 0;padding:0}.attachment-draft-item{display:grid;grid-template-columns:6rem minmax(0,1fr) auto;gap:.85rem;align-items:center;border:1px solid var(--color-border-subtle);border-radius:var(--radius-large);padding:.75rem;background:var(--color-background)}.attachment-preview-wrap{position:relative;width:6rem;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-medium);background:var(--color-surface-subtle)}.attachment-preview{width:100%;height:100%;display:block;object-fit:cover}.attachment-preview-label{position:absolute;inset:auto 0 0;padding:.25rem .35rem;background:var(--color-surface);color:var(--color-text-secondary);font-size:.68rem;font-weight:700;text-align:center}.attachment-draft-meta{min-width:0;display:grid;gap:.25rem}.attachment-draft-meta strong,.attachment-draft-error{overflow-wrap:anywhere}.attachment-draft-meta progress{width:min(100%,20rem);accent-color:var(--color-brand-strong)}.attachment-status{color:var(--color-text-secondary);font-size:.82rem;font-weight:700}.attachment-status-ready{color:var(--color-shared)}.attachment-status-failed,.attachment-draft-error{color:var(--color-error)}.attachment-draft-error{font-size:.78rem;line-height:1.4}.attachment-draft-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}.attachment-draft-actions button{min-height:36px;padding:.45rem .65rem;font-size:.8rem}@media(max-width:620px){.attachment-draft-item{grid-template-columns:5rem minmax(0,1fr)}.attachment-preview-wrap{width:5rem}.attachment-draft-actions{grid-column:1 / -1;justify-content:flex-start}}.demo-instance-banner{min-height:44px;display:flex;align-items:center;justify-content:center;gap:var(--space-2);border-bottom:1px solid var(--color-header-border);padding:var(--space-2) var(--space-4);background:var(--color-brand-strong);color:var(--color-on-accent);font-size:.88rem;line-height:1.35;text-align:center}.demo-instance-banner strong{flex:0 0 auto;font-weight:800}.demo-launch{position:fixed;right:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vw,2rem);z-index:50;display:none;align-items:center;justify-content:center;min-height:2.75rem;padding:.7rem 1rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-raised);box-shadow:0 .75rem 2rem var(--color-shadow-card);color:var(--color-text);font:inherit;font-weight:650;text-decoration:none}#root:has(.login-shell) .demo-launch{display:inline-flex}.demo-launch:hover{text-decoration:none}@media(max-width:720px){.demo-instance-banner{flex-direction:column;gap:.1rem}.demo-launch{right:1rem;bottom:1rem;left:1rem}}.comments-panel{display:grid;gap:var(--space-4);border-top:1px solid var(--color-border-subtle);padding-top:var(--space-6)}.comment-list{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.comment-card{display:grid;gap:var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-medium);padding:var(--space-4);background:var(--color-surface-subtle)}.comment-card p{margin:0;white-space:pre-wrap}.comment-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2);color:var(--color-text-secondary);font-size:.86rem}.comment-delete{justify-self:start}.comment-form{display:grid;gap:var(--space-2)}.comment-form button{justify-self:start}.media-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:var(--space-3)}.media-gallery-thumb{min-height:10rem;overflow:hidden;border:1px solid var(--color-border-subtle);border-radius:var(--radius-large);padding:0;background:var(--color-surface-subtle);cursor:zoom-in}.media-gallery-thumb-content,.media-gallery-loading,.media-gallery-unavailable{width:100%;height:100%;min-height:10rem;object-fit:cover}.media-gallery-loading{animation:gallery-pulse 1.4s ease-in-out infinite;background:var(--color-shimmer-base)}.media-gallery-unavailable{display:grid;place-items:center;padding:var(--space-4);color:var(--color-text-muted)}.media-lightbox-backdrop{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:var(--space-4);background:color-mix(in srgb,var(--color-entry-hero-start) 88%,transparent)}.media-lightbox{width:min(100%,80rem);max-height:calc(100dvh - 2 * var(--space-4));display:grid;gap:var(--space-3)}.media-lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--color-text-inverse-muted)}.media-lightbox-stage{min-height:min(70dvh,42rem);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3)}.media-lightbox-content{width:100%;max-height:min(78dvh,52rem);border-radius:var(--radius-large);object-fit:contain;background:var(--color-entry-hero-start)}.media-lightbox-nav{width:48px;height:48px;border-radius:999px;padding:0;font-size:2rem;line-height:1}@keyframes gallery-pulse{0%,to{opacity:.55}50%{opacity:1}}@media(max-width:640px){.media-lightbox-backdrop{padding:var(--space-2)}.media-lightbox-stage{min-height:65dvh;grid-template-columns:1fr}.media-lightbox-nav{position:absolute;opacity:0;pointer-events:none}}.memory-product-page{display:grid;gap:var(--space-6)}.memory-detail-card{display:grid;gap:var(--space-8)}.memory-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:var(--space-4);margin:0}.memory-meta-grid>div{border-radius:var(--radius-medium);padding:var(--space-4);background:var(--color-surface-subtle)}.memory-meta-grid dt{margin-bottom:var(--space-1);color:var(--color-text-muted);font-size:.78rem;font-weight:700}.memory-meta-grid dd{margin:0;color:var(--color-text);font-weight:650}.memory-detail-body{max-width:var(--reading-max);margin:0;white-space:pre-wrap}.memory-section-head{margin-bottom:var(--space-4)}.memory-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:var(--space-4)}.memory-gallery .story-media-preview,.memory-gallery .story-media-skeleton,.memory-gallery .story-media-placeholder{width:100%;min-height:12rem;margin:0;border-radius:var(--radius-large);object-fit:cover}.memory-existing-attachments{display:grid;gap:var(--space-3);min-width:0;border:0;padding:0}.memory-existing-attachments legend,.memory-new-attachments-heading strong{font-weight:750}.memory-edit-attachment-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:var(--space-3);margin:0;padding:0;list-style:none}.memory-edit-attachment{display:grid;gap:var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-large);padding:var(--space-3);background:var(--color-surface-subtle)}.memory-edit-attachment .story-media-preview,.memory-edit-attachment .story-media-skeleton,.memory-edit-attachment .story-media-placeholder{width:100%;min-height:9rem;margin:0;border-radius:var(--radius-medium);object-fit:cover}.memory-edit-attachment-removed .story-media-preview{opacity:.35;filter:grayscale(1)}.memory-edit-attachment-actions,.memory-new-attachments-heading{display:grid;gap:var(--space-2)}.memory-edit-attachment-actions span{color:var(--color-error);font-size:.82rem;font-weight:700}.memory-edit-attachment-actions button{justify-self:start}.memory-danger-zone{border-top:1px solid var(--color-border-subtle);padding-top:var(--space-6)}.memory-delete-confirmation{display:grid;gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-large);padding:var(--space-4);background:var(--color-surface-subtle)}.memory-delete-confirmation h2{margin-bottom:var(--space-2);font-size:1.05rem}.memory-delete-confirmation p{margin-bottom:0;color:var(--color-text-secondary)}.memory-actions,.story-card-footer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.story-card-footer-actions{justify-content:flex-end}.story-memory-link{min-height:44px;display:inline-flex;align-items:center;color:var(--color-brand-strong);font-weight:700;text-decoration:none}@media(max-width:640px){.memory-actions{align-items:stretch;flex-direction:column}.memory-actions>button{width:100%}.story-card-footer{align-items:flex-start;flex-direction:column}.story-card-footer-actions{width:100%;justify-content:space-between}}.profile-page{display:grid;gap:var(--space-6)}.profile-section>h2,.profile-section>.layout-section-head h2,.profile-section>.section-head h2,.profile-preference-form h3,.profile-preference-card h3{margin:0}.profile-section-intro{max-width:65ch;margin:0;color:var(--color-text-secondary)}.profile-account-list{margin:0}.profile-account-list>div{display:grid;gap:var(--space-1)}.profile-account-list dt{color:var(--color-text-secondary);font-size:.9rem}.profile-account-list dd{margin:0;font-size:1.1rem;font-weight:650}.profile-duration{margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-medium);background:var(--color-surface);color:var(--color-text-secondary)}.profile-preference-form{padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-medium);background:var(--color-surface)}.profile-preference-list{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.profile-preference-card{display:grid;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-medium);background:var(--color-surface)}.profile-preference-card p{margin-bottom:0;color:var(--color-text-secondary);white-space:pre-wrap}.profile-preference-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.profile-preference-meta span{padding:.2rem .55rem;border-radius:999px;background:var(--color-surface-subtle);color:var(--color-text-secondary);font-size:.82rem}@media(max-width:599px){.profile-section{padding:var(--space-4)}}.choice-row{min-height:44px;display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.choice-row>span{display:grid;gap:var(--space-1);min-width:0}.choice-row small{color:var(--color-text-secondary);font-size:.85rem;line-height:1.4}.choice-card{min-height:56px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);align-items:start;border:1px solid var(--color-border-subtle);border-radius:var(--radius-medium);padding:var(--space-4);background:var(--color-surface);cursor:pointer}.choice-card:focus-within{outline:3px solid var(--color-focus);outline-offset:2px}.choice-card input{margin-top:.15rem}.choice-card span{display:grid;gap:var(--space-1)}.choice-card small{color:var(--color-text-secondary);line-height:1.45}.choice-card-danger{border-color:color-mix(in srgb,var(--color-error) 35%,var(--color-border-subtle))}.important-dates-section{display:grid;gap:var(--space-5);padding-top:var(--space-6);border-top:1px solid var(--color-border-subtle)}.important-dates-create[open]{width:100%}.important-dates-intro{max-width:60ch;margin-bottom:0;color:var(--color-text-secondary)}.inline-delete-confirmation{display:grid;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-4);border:1px solid color-mix(in srgb,var(--color-error) 30%,transparent);border-radius:var(--radius-medium);background:var(--color-error-surface)}.inline-delete-confirmation>span{color:var(--color-text-secondary)}.modal-backdrop{position:fixed;z-index:120;inset:0;display:grid;place-items:center;overflow-y:auto;padding:var(--space-4);background:#0000008c}.modal-card{width:min(38rem,100%);max-height:calc(100vh - 2 * var(--space-4));overflow-y:auto;display:grid;gap:var(--space-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);padding:clamp(var(--space-5),4vw,var(--space-8));background:var(--color-surface-raised);color:var(--color-text);box-shadow:var(--shadow-soft)}.modal-card h2,.modal-card p{margin:0}.inline-message-danger{border:1px solid color-mix(in srgb,var(--color-error) 35%,transparent);background:var(--color-error-surface);color:var(--color-text)}.inline-message-danger strong,.inline-message-danger span{display:block}.inline-message-danger .choice-row{margin-top:var(--space-3)}button.danger{background:var(--color-error);color:#fff}button.danger:hover:not(:disabled){filter:brightness(.92)}@media(max-width:599px){.modal-backdrop{align-items:end;padding:var(--space-2)}.modal-card{width:100%;max-height:calc(100vh - var(--space-4))}}.product-detail-page,.product-editor-page{display:grid;gap:var(--space-6)}.product-detail-card{display:grid;gap:var(--space-8)}.product-sheet{width:min(100%,54rem);margin-inline:auto;border-radius:var(--radius-large)}.story-filter-panel .field-group{display:grid;gap:var(--space-1)}.story-filter-actions{display:grid;gap:var(--space-2)}.story-filter-actions>button{width:100%;justify-content:center}.story-pagination{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-top:var(--space-5)}.visibility-badge{display:inline-flex;align-items:center;min-height:32px;border-radius:var(--radius-pill);padding:.25rem .7rem;font-size:.8rem;font-weight:750}.visibility-badge-shared{background:var(--color-shared-surface);color:var(--color-shared)}.visibility-badge-private{background:var(--color-private-surface-soft);color:var(--color-private)}.visibility-panel{display:grid;gap:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-large);padding:var(--space-4);background:var(--color-surface-subtle)}.visibility-panel h2,.visibility-panel p{margin:0}.visibility-panel button{justify-self:start}