:root{--background: #fdf7ff;--surface: #fdf7ff;--surface-container: #f2ebff;--surface-container-high: #ece4ff;--surface-container-low: #f7f1ff;--surface-container-lowest: #ffffff;--on-background: #1f0060;--on-surface: #1f0060;--on-surface-variant: #484554;--primary: #522bbf;--primary-container: #6b49d8;--on-primary: #ffffff;--on-primary-container: #e7deff;--secondary: #83541d;--secondary-container: #ffc07f;--on-secondary: #ffffff;--on-secondary-container: #7a4c15;--tertiary: #4a4d53;--tertiary-container: #62656c;--on-tertiary-container: #e0e2ea;--outline: #797585;--outline-variant: #cac3d6;--error: #ba1a1a;--error-soft: #ffdad6;--radius-lg: 2rem;--radius-md: 1rem;--radius-pill: 9999px;--shadow-ambient: 0 40px 80px rgba(82, 43, 191, .06);--shadow-soft: 0 24px 64px rgba(31, 0, 96, .06);--font-display: "Plus Jakarta Sans", system-ui, sans-serif;--font-body: "Plus Jakarta Sans", system-ui, sans-serif}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle;line-height:1}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--background);color:var(--on-background);min-height:100vh;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}.app-shell{position:relative;min-height:100vh;display:flex;flex-direction:column}.site-main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:0 1.25rem 5.5rem}@media (min-width: 768px){.site-main{padding-bottom:2rem}}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.feed-page{position:relative;max-width:720px;margin:0 auto;padding:24px 20px 48px}.feed-hero{margin-bottom:28px;padding:28px 24px 26px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#fdf7ffeb,#ebeef5bf 48%,#fffbf8e6);border:1px solid rgba(109,65,204,.12);box-shadow:0 20px 56px #6d41cc1a,0 1px #fffc inset}.feed-hero-kicker{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin-bottom:10px}.feed-hero-title{font-family:var(--font-display);font-size:clamp(1.65rem,5.5vw,2.35rem);font-weight:800;letter-spacing:-.03em;line-height:1.12;color:var(--on-surface);margin-bottom:12px}.feed-hero-lead{font-size:15px;color:var(--on-surface-variant);line-height:1.65;max-width:38rem;margin-bottom:18px}.feed-hero-chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none}.feed-hero-chips li{font-size:13px;font-weight:500;padding:8px 14px;border-radius:var(--radius-pill);background:var(--surface-container-lowest);color:var(--on-surface-variant);box-shadow:0 2px 8px #2d333a0f}.feed-moderation-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;margin-bottom:20px;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--primary-container),rgba(203,182,255,.35));color:var(--on-primary-container);font-size:14px;line-height:1.45;border:1px solid rgba(109,65,204,.2)}.feed-moderation-banner button{flex-shrink:0;width:32px;height:32px;border:none;border-radius:var(--radius-pill);background:#ffffff80;color:var(--on-primary-container);font-size:20px;line-height:1;cursor:pointer}.feed-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px;gap:12px;flex-wrap:wrap}.feed-header-brand h1{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,1.85rem);font-weight:800;letter-spacing:-.02em;color:var(--on-surface);line-height:1.15}.feed-header-tagline{font-size:13px;color:var(--on-surface-variant);margin-top:4px;font-weight:500}.tabs{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 14px;margin-bottom:20px;scrollbar-width:thin}.tab{padding:10px 18px;border:none;background:var(--surface-container-low);color:var(--on-surface-variant);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;font-size:14px;font-family:var(--font-body);font-weight:500;transition:transform .15s ease,background .2s ease,color .2s ease}.tab:hover{background:var(--surface-container);color:var(--on-surface)}.tab.active{font-weight:600}.tab--all.active,.tab--my.active{background:var(--primary-container);color:var(--on-primary-container)}.tab--pain.active{background:var(--secondary-container);color:var(--on-secondary-container)}.tab--inspiration.active{background:var(--tertiary-container);color:var(--on-tertiary-container)}.feed-content{display:flex;flex-direction:column;gap:20px}.story-card{position:relative;background:var(--surface-container-lowest);border-radius:var(--radius-lg);padding:22px 20px;box-shadow:var(--shadow-ambient);border:none}.story-card--pending{border:1px dashed rgba(109,65,204,.35);background:linear-gradient(160deg,var(--surface-container-lowest) 0%,rgba(203,182,255,.12) 100%)}.moderation-badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:6px 12px;border-radius:var(--radius-pill);background:var(--primary-container);color:var(--on-primary-container);margin-bottom:12px}.story-card:not(.story-card--featured):not(.story-card--compact):not(.story-card--gradient) .story-card-cover{margin:-22px -20px 16px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden;aspect-ratio:16/9}.story-card:not(.story-card--featured):not(.story-card--compact):not(.story-card--gradient) .story-card-cover img{width:100%;height:100%;object-fit:cover;display:block}.story-text{margin-bottom:14px;line-height:1.6;color:var(--on-surface);font-size:15px}.censor-blur{filter:blur(5px);-webkit-user-select:none;user-select:none;transition:filter .2s ease;border-radius:2px;cursor:default}.censor-blur:hover{filter:blur(3px)}@media (prefers-reduced-motion: reduce){.censor-blur{filter:blur(5px);transition:none}}.ai-badge{display:inline-block;font-size:12px;color:var(--on-surface-variant);margin-bottom:12px}.story-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px}.reaction-btn{padding:10px 18px;border-radius:var(--radius-pill);border:none;cursor:pointer;font-size:14px;font-family:var(--font-body);font-weight:600;transition:transform .15s ease}.reaction-btn:hover:not(:disabled){transform:scale(1.02)}.reaction-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.reaction-btn.hug{background:var(--secondary-container);color:var(--on-secondary-container)}.reaction-btn.joy{background:var(--tertiary-container);color:var(--on-tertiary-container)}.compassion-btn{padding:10px 18px;background:linear-gradient(135deg,var(--primary),var(--primary-container));color:var(--on-primary);border:none;border-radius:var(--radius-pill);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-body);box-shadow:var(--shadow-ambient)}.compassion-btn:disabled{opacity:.5;cursor:not-allowed}.share-btn,.report-btn{padding:8px 14px;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:13px;color:var(--primary);font-family:var(--font-body);font-weight:500}.share-btn:hover,.report-btn:hover{background:var(--surface-container-low);text-decoration:none}.story-meta{font-size:12px;color:var(--on-surface-variant)}.share-story-btn{padding:12px 22px;background:linear-gradient(135deg,var(--primary),var(--primary-container));color:var(--on-primary);border:none;border-radius:var(--radius-pill);cursor:pointer;font-weight:600;font-family:var(--font-body);font-size:14px;box-shadow:var(--shadow-ambient);white-space:nowrap;transition:transform .15s ease}.share-story-btn:hover{transform:scale(1.02)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2d333a73;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal{background:var(--surface-container-lowest);padding:28px 24px;border-radius:var(--radius-lg);max-width:480px;width:100%;box-shadow:0 24px 64px #2d333a1f}.modal h2{margin-bottom:16px;font-family:var(--font-display);font-weight:700;font-size:1.35rem;color:var(--on-surface)}.modal-success-text{font-size:15px;line-height:1.6;color:var(--on-surface-variant);margin-bottom:20px}.modal-success-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--primary),var(--primary-container));color:var(--on-primary);border:none;border-radius:var(--radius-pill);font-weight:600;font-size:15px;cursor:pointer;font-family:var(--font-body)}.form-error{margin:0 0 12px;padding:10px 12px;font-size:14px;color:var(--error);background:var(--error-soft);border-radius:var(--radius-md)}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-size:14px;color:var(--on-surface-variant);font-weight:500}.form-group select,.form-group textarea{width:100%;padding:14px 16px;border:2px solid transparent;background:var(--surface-container-low);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:15px;color:var(--on-surface);transition:box-shadow .2s ease,background .2s ease}.form-group select:focus,.form-group textarea:focus{outline:none;background:var(--surface-container-lowest);box-shadow:0 0 0 2px #6d41cc59}.modal .form-group button[type=submit]{width:100%;padding:14px;background:linear-gradient(135deg,var(--primary),var(--primary-container));color:var(--on-primary);border:none;border-radius:var(--radius-pill);font-weight:600;font-size:15px;cursor:pointer;font-family:var(--font-body)}.modal-close{margin-top:14px;background:transparent;border:none;color:var(--on-surface-variant);cursor:pointer;font-size:14px;width:100%;text-align:center}.ad-slot{min-height:50px;padding:14px;background:var(--surface-container-low);border-radius:var(--radius-lg);font-size:12px;color:var(--on-surface-variant)}.ad-placeholder{font-style:italic}.empty-state{text-align:center;color:var(--on-surface-variant);padding:48px 16px;font-size:15px;line-height:1.5}.consent-banner{position:fixed;bottom:0;left:0;right:0;background:#f8f9feeb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:16px 24px;box-shadow:0 -8px 32px #6d41cc0f;z-index:999;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(173,178,187,.25)}.consent-banner p{margin:0;font-size:14px;color:var(--on-surface-variant)}.consent-actions{display:flex;gap:10px}.consent-actions button{padding:10px 18px;border-radius:var(--radius-pill);border:none;cursor:pointer;font-family:var(--font-body);font-weight:600}.consent-actions button:first-child{background:linear-gradient(135deg,var(--primary),var(--primary-container));color:var(--on-primary)}.legal-page{max-width:640px;margin:0 auto;padding:24px}.legal-page h1{margin-bottom:8px;font-family:var(--font-display);font-weight:800}.legal-page section{margin-top:24px}.legal-page section h2{font-size:1.1rem;margin-bottom:8px;font-family:var(--font-display)}.my-stories-page{max-width:600px;margin:0 auto;padding:16px}.page-header{margin-bottom:24px}.page-header h1{font-size:1.5rem;margin-top:8px;font-family:var(--font-display);font-weight:800}.soft-paywall{background:var(--secondary-container);padding:18px;border-radius:var(--radius-lg);margin-bottom:16px;color:var(--on-secondary-container)}.soft-paywall p{margin-bottom:12px;font-size:14px}.soft-paywall-actions{display:flex;gap:10px}.btn-register{padding:10px 18px;background:linear-gradient(135deg,var(--primary),var(--primary-container));color:var(--on-primary);border-radius:var(--radius-pill);font-weight:600;border:none;cursor:pointer;font-family:var(--font-body)}.btn-dismiss{padding:10px 18px;background:var(--surface-container-lowest);border:none;border-radius:var(--radius-pill);cursor:pointer;color:var(--on-secondary-container);font-family:var(--font-body)}.site-header{position:sticky;top:0;z-index:50;background:#fdf7ffd1;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:var(--shadow-ambient)}.site-header-inner{max-width:1536px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem}.site-header-left{display:flex;align-items:center;gap:2rem}.site-brand{font-family:var(--font-display);font-size:1.5rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent;text-decoration:none}.site-brand:hover{text-decoration:none;opacity:.9}.site-nav-desktop{display:none;align-items:center;gap:1.5rem}@media (min-width: 768px){.site-nav-desktop{display:flex}}.site-nav-link{font-size:.95rem;font-weight:500;color:color-mix(in srgb,var(--primary) 60%,transparent);text-decoration:none;padding-bottom:4px;border-bottom:2px solid transparent;transition:color .3s cubic-bezier(.4,0,.2,1),border-color .3s}.site-nav-link:hover{color:var(--primary);text-decoration:none}.site-nav-link--active{color:var(--primary);font-weight:600;border-bottom-color:var(--primary)}.site-header-actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;justify-content:flex-end}.site-header-login{font-size:.9rem;font-weight:600;color:var(--primary);text-decoration:none;padding:.5rem .75rem;border-radius:var(--radius-pill);transition:background .2s}.site-header-login:hover{text-decoration:none;background:var(--surface-container-high)}.site-header-logout{padding:.5rem .85rem;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--on-surface-variant);font-family:var(--font-body);font-weight:600;font-size:.85rem;cursor:pointer}.site-header-logout:hover{color:var(--on-surface);background:var(--surface-container-low)}.site-header-cta{padding:.65rem 1.35rem;border:none;border-radius:var(--radius-pill);background:var(--primary);color:var(--on-primary);font-family:var(--font-body);font-weight:600;font-size:.9rem;cursor:pointer;white-space:nowrap;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s}.site-header-cta:hover{opacity:.92}.site-header-cta:active{transform:scale(.98)}.site-footer{background:var(--surface-container-low);padding:4rem 1.25rem 2rem;margin-top:auto}.site-footer-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.site-footer-grid{grid-template-columns:2fr 1fr 1fr}}.site-footer-brand{font-family:var(--font-display);font-size:1.35rem;font-weight:800;color:var(--primary)}.site-footer-brand-block p{margin-top:.75rem;color:var(--on-surface-variant);max-width:22rem;line-height:1.6}.site-footer h5{font-size:.95rem;margin-bottom:.75rem;color:var(--on-surface)}.site-footer ul{list-style:none}.site-footer li{margin-bottom:.5rem}.site-footer a{color:var(--on-surface-variant);text-decoration:none;transition:color .3s}.site-footer a:hover{color:var(--primary)}.site-footer-bottom{max-width:1280px;margin:2.5rem auto 0;padding-top:1.5rem;border-top:1px solid color-mix(in srgb,var(--outline-variant) 30%,transparent);text-align:center}.site-footer-bottom p{font-size:.85rem;color:var(--outline)}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:.15rem;padding:.55rem .4rem calc(.55rem + env(safe-area-inset-bottom));background:#fdf7ffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid color-mix(in srgb,var(--outline-variant) 15%,transparent);box-shadow:0 -10px 40px #522bbf0a}@media (min-width: 768px){.mobile-bottom-nav{display:none}}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-width:0;font-size:.6rem;font-weight:500;color:color-mix(in srgb,var(--primary) 55%,transparent);text-decoration:none}.mobile-nav-item .material-symbols-outlined{font-size:1.2rem}.mobile-nav-item.active{color:var(--primary);font-weight:700}.mobile-nav-item.active .material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.stitch-feed{max-width:1200px;margin:0 auto;padding:0 0 2rem;position:relative}.emotion-blurs{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;overflow:hidden}.emotion-blur{position:absolute;border-radius:50%;filter:blur(120px);opacity:.9}.emotion-blur--1{top:-8%;left:-8%;width:42%;height:38%;background:radial-gradient(circle,rgba(82,43,191,.14) 0%,transparent 70%)}.emotion-blur--2{bottom:5%;right:-10%;width:50%;height:45%;filter:blur(100px);background:radial-gradient(circle,rgba(131,84,29,.1) 0%,transparent 70%)}.stitch-hero{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:var(--surface-container-low);padding:2.5rem 1.5rem;margin:1.5rem 0 2rem;text-align:center}@media (min-width: 768px){.stitch-hero{padding:4rem 3rem}}.stitch-hero-texture{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.07;background-image:url(https://www.transparenttextures.com/patterns/cubes.png);pointer-events:none}.stitch-hero-inner{position:relative;z-index:1;max-width:48rem;margin:0 auto}.stitch-hero-kicker{display:inline-block;background:var(--secondary-container);color:var(--on-secondary-container);padding:.35rem 1rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1rem}.stitch-hero-quote{font-family:var(--font-display);font-size:clamp(1.65rem,4vw,2.75rem);font-weight:800;letter-spacing:-.03em;line-height:1.12;color:var(--on-surface);margin-bottom:1rem}.stitch-hero-lead{font-size:1.05rem;color:var(--on-surface-variant);font-weight:500;line-height:1.6;margin-bottom:1.5rem}.stitch-hero-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem}.stitch-hero-chip{display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem;font-weight:600;color:var(--primary)}.stitch-hero-chip--sec{color:var(--secondary)}.stitch-hero-divider{width:1px;height:1.25rem;background:var(--outline-variant)}.stitch-feed-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.stitch-section-title{font-family:var(--font-display);font-size:1.65rem;font-weight:800;letter-spacing:-.02em;color:var(--on-surface)}.stitch-section-sub{color:var(--on-surface-variant);margin-top:.35rem;font-size:.95rem}.stitch-section-title--feed{font-size:clamp(1.85rem,4.2vw,2.45rem);letter-spacing:-.025em}.feed-cat-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.5rem}.feed-cat-tab{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.15rem;border-radius:var(--radius-pill);font-size:.9rem;font-weight:600;text-decoration:none;color:var(--on-surface-variant);background:var(--surface-container-high);border:1px solid transparent;transition:background .2s,color .2s,border-color .2s}.feed-cat-tab:hover{background:var(--surface-container);color:var(--on-surface)}.feed-cat-tab--active{color:var(--on-primary-container);background:var(--primary-container);border-color:color-mix(in srgb,var(--primary) 22%,transparent)}.stitch-hero--compact{padding:1.35rem 1.25rem;margin:2rem 0 1.5rem;text-align:left}@media (min-width: 768px){.stitch-hero--compact{padding:1.75rem 2rem}}.stitch-hero-quote--compact{font-family:var(--font-display);font-size:clamp(1.05rem,2.2vw,1.35rem);font-weight:700;letter-spacing:-.02em;line-height:1.35;color:var(--on-surface-variant);margin-bottom:.65rem}.stitch-hero-lead--compact{font-size:.9rem;margin-bottom:1rem;line-height:1.5}.stitch-hero-row--compact{justify-content:flex-start}.stitch-filter-btn{width:2.75rem;height:2.75rem;border:none;border-radius:var(--radius-pill);background:var(--surface-container-high);color:var(--primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s,color .3s}.stitch-filter-btn:hover{background:var(--primary-container);color:var(--on-primary-container)}.feed-main{padding-bottom:1rem}.stitch-empty-bento{text-align:center;padding:3rem 1rem}.bento-grid{display:flex;flex-direction:column;gap:2rem}.bento-row-hero{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 900px){.bento-row-hero{grid-template-columns:2fr 1fr;align-items:stretch}}.bento-row-cards{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 700px){.bento-row-cards{grid-template-columns:repeat(3,1fr)}}.bento-cta-card{border-radius:var(--radius-lg);padding:2rem 1.5rem;text-align:center;background:linear-gradient(135deg,var(--secondary-container),var(--secondary));color:var(--on-secondary-container);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;transition:transform .35s cubic-bezier(.4,0,.2,1)}.bento-cta-card:hover{transform:translateY(-2px)}.bento-cta-icon{font-size:2.5rem!important;margin-bottom:.75rem;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24!important}.bento-cta-card h4{font-size:1.35rem;font-weight:800;margin-bottom:.5rem}.bento-cta-card p{font-size:.9rem;opacity:.92;margin-bottom:1rem;line-height:1.45}.bento-cta-btn{background:var(--secondary-fixed, #ffdcbd);color:var(--on-secondary-container);border:none;padding:.65rem 1.75rem;border-radius:var(--radius-pill);font-weight:700;cursor:pointer;transition:transform .3s}.bento-cta-btn:hover{transform:scale(1.04)}.pulse-section{position:relative;margin:3rem 0 2rem;padding:2.5rem 1.5rem;border-radius:var(--radius-lg);background:var(--surface-container-high);overflow:hidden}.pulse-deco{position:absolute;top:.5rem;right:.5rem;font-size:5rem!important;color:color-mix(in srgb,var(--primary) 8%,transparent);pointer-events:none}.pulse-inner{position:relative;z-index:1;max-width:36rem}.pulse-inner h3{font-family:var(--font-display);font-size:1.5rem;font-weight:800;margin-bottom:.5rem;color:var(--on-surface)}.pulse-inner>p{color:var(--on-surface-variant);line-height:1.6;margin-bottom:1.25rem;font-size:.95rem}.pulse-chips{display:flex;flex-wrap:wrap;gap:.65rem}.pulse-chip{border:none;padding:.55rem 1.1rem;border-radius:var(--radius-pill);font-size:.85rem;font-weight:600;font-family:var(--font-body);background:var(--surface-container-lowest);color:var(--on-surface-variant);cursor:pointer;transition:background .35s cubic-bezier(.4,0,.2,1),color .35s}.pulse-chip:hover,.pulse-chip--active{background:var(--primary-container);color:var(--on-primary-container)}.fab-share{position:fixed;bottom:5.5rem;right:1.25rem;width:3.5rem;height:3.5rem;border-radius:var(--radius-pill);border:none;background:var(--primary);color:var(--on-primary);box-shadow:0 12px 40px #522bbf59;cursor:pointer;z-index:35;display:flex;align-items:center;justify-content:center;transition:transform .3s}.fab-share .material-symbols-outlined{font-size:1.75rem}.fab-share:hover{transform:scale(1.08)}@media (min-width: 768px){.fab-share{bottom:2rem}}.story-card{transition:box-shadow .5s cubic-bezier(.4,0,.2,1),border-color .35s}.story-card--featured{display:flex;flex-direction:column;border-radius:var(--radius-md);overflow:hidden;background:var(--surface-container-lowest);box-shadow:var(--shadow-soft)}@media (min-width: 600px){.story-card--featured{flex-direction:row}}.story-featured-visual{position:relative;flex:0 0 auto;min-height:200px;aspect-ratio:16/9}@media (min-width: 600px){.story-featured-visual{width:44%;min-height:100%}}.story-featured-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.story-featured-gradient{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:200px;background:linear-gradient(135deg,var(--surface-container-high),var(--primary-container));opacity:.55;pointer-events:none}.story-featured-body{padding:1.75rem;flex:1;display:flex;flex-direction:column;gap:.75rem}.story-featured-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.story-time{font-size:.8rem;color:var(--outline);font-weight:500}.story-featured-title{font-family:var(--font-display);font-size:1.5rem;font-weight:800;line-height:1.2;color:var(--on-surface)}.story-featured-excerpt{font-size:1rem;color:var(--on-surface-variant);line-height:1.55}.story-card--gradient{border-radius:var(--radius-md);overflow:hidden;background:linear-gradient(135deg,var(--primary-container),var(--primary));box-shadow:var(--shadow-soft)}.story-card-gradient-inner{padding:2rem 1.5rem;color:var(--on-primary-container)}.story-cat-pill--on-gradient{background:#fff3;color:#fff}.story-card-title-gradient{font-size:1.35rem;font-weight:800;line-height:1.25;margin:.75rem 0;color:#fff}.story-card-sub-gradient{font-size:.9rem;opacity:.85;line-height:1.5}.story-gradient-actions{display:flex;gap:.5rem;margin-top:1rem}.story-icon-round{width:2.5rem;height:2.5rem;border-radius:var(--radius-pill);border:none;background:#ffffff1f;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;transition:background .3s}.story-icon-round:hover{background:#ffffff38}.story-compact-cover{width:100%;aspect-ratio:21/9;border-radius:var(--radius-md);overflow:hidden;margin-bottom:.85rem}.story-compact-cover img{width:100%;height:100%;object-fit:cover;display:block}.story-card--compact{border-radius:var(--radius-md);padding:1.25rem;background:var(--surface-container-lowest);box-shadow:var(--shadow-soft);border:1px solid transparent}.story-card--compact:hover{border-color:color-mix(in srgb,var(--primary-container) 35%,transparent)}.story-compact-head{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.story-compact-avatar{width:3rem;height:3rem;border-radius:var(--radius-pill);background:var(--surface-container-high);display:flex;align-items:center;justify-content:center;color:var(--primary)}.story-compact-name{font-size:.85rem;font-weight:700;color:var(--on-surface)}.story-compact-time{font-size:.7rem;color:var(--outline)}.story-compact-title{font-size:1.05rem;font-weight:800;margin-bottom:.35rem;color:var(--on-surface)}.story-compact-text{font-size:.88rem;color:var(--on-surface-variant);line-height:1.5}.story-compact-tags{display:flex;gap:.5rem;margin:.65rem 0}.story-tag{font-size:.7rem;font-weight:600;padding:.25rem .65rem;border-radius:var(--radius-pill);background:var(--surface-container-high);color:var(--primary)}.story-cat-pill{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:.3rem .65rem;border-radius:var(--radius-pill)}.story-cat-pill--pain{background:var(--error-soft);color:var(--error)}.story-cat-pill--inspiration{background:var(--secondary-container);color:var(--on-secondary-container)}.reaction-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border-radius:var(--radius-pill);border:none;font-size:.85rem;font-weight:600;font-family:var(--font-body);cursor:pointer;background:var(--surface-container-low);transition:background .3s,color .3s}.reaction-pill--hug{color:var(--secondary)}.reaction-pill--hug:hover{background:var(--secondary-container);color:var(--on-secondary-container)}.reaction-pill--joy{color:var(--primary)}.reaction-pill--joy:hover{background:var(--primary-container);color:var(--on-primary-container)}.reaction-pill:disabled{opacity:.45;cursor:not-allowed}.story-link-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.45rem .85rem;border-radius:var(--radius-pill);font-size:.8rem;font-weight:600;text-decoration:none;color:var(--on-surface-variant);background:var(--surface-container-low);border:none;cursor:pointer;font-family:var(--font-body);transition:background .3s}.story-link-pill:hover{background:var(--surface-container-high);text-decoration:none}.story-link-pill--ghost{background:transparent;color:var(--primary)}.share-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#1f006059;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:flex-start;justify-content:center;padding:1rem;overflow-y:auto}.share-modal{position:relative;width:100%;max-width:1100px;margin:1rem auto 2rem;background:var(--surface-container-lowest);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);overflow:hidden}.share-modal-close{position:absolute;top:1rem;right:1rem;z-index:2;width:2.5rem;height:2.5rem;border:none;border-radius:var(--radius-pill);background:var(--surface-container-low);color:var(--on-surface-variant);cursor:pointer;display:flex;align-items:center;justify-content:center}.share-modal-grid{display:grid;grid-template-columns:1fr}@media (min-width: 960px){.share-modal-grid{grid-template-columns:1.15fr .85fr}}.share-modal-main{padding:2rem 1.5rem 2.5rem}@media (min-width: 960px){.share-modal-main{padding:2.5rem 2rem}}.share-modal-head h2{font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;letter-spacing:-.02em;color:var(--on-surface);margin-bottom:.5rem}.share-modal-head p{color:var(--on-surface-variant);font-size:1rem;max-width:28rem;line-height:1.55}.share-theme-block{margin:1.75rem 0 1.25rem}.share-theme-label{display:block;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);margin-bottom:.65rem}.share-theme-row{display:flex;flex-wrap:wrap;gap:.65rem}.share-theme-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1.15rem;border-radius:var(--radius-pill);border:none;font-family:var(--font-body);font-weight:600;font-size:.9rem;cursor:pointer;background:var(--surface-container-high);color:var(--on-surface-variant);transition:transform .25s,background .25s}.share-theme-pill.active{background:var(--primary-container);color:var(--on-primary-container)}.share-theme-pill:active{transform:scale(.98)}.share-theme-block--warn{padding:.85rem 1rem;margin-left:-.25rem;margin-right:-.25rem;border-radius:var(--radius-md);outline:2px solid var(--error, #b3261e);outline-offset:2px;background:color-mix(in srgb,var(--error, #b3261e) 6%,var(--surface-container-lowest))}.share-theme-warn{margin:.75rem 0 0;font-size:.85rem;font-weight:600;color:var(--error, #b3261e);line-height:1.45}.share-cover-placeholder{margin:0 0 1rem;padding:.85rem 1rem;border-radius:var(--radius-md);font-size:.88rem;color:var(--on-surface-variant);background:var(--surface-container-high);line-height:1.45}.share-aside-visual--idle{background:var(--surface-container-high)}.share-aside-gradient--idle{opacity:.55;background:linear-gradient(160deg,var(--surface-container),var(--secondary-container))}.story-cover-picker{margin:1.25rem 0 1rem}.story-cover-picker-lead{font-size:.85rem;color:var(--on-surface-variant);margin:.35rem 0 .75rem;line-height:1.45}.story-cover-pack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.story-cover-thumb{width:4.25rem;height:2.4rem;border-radius:.5rem;overflow:hidden;border:2px solid transparent;padding:0;cursor:pointer;background:var(--surface-container-high);flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;font-size:.55rem;font-weight:600;color:var(--on-surface-variant)}.story-cover-thumb img{width:100%;height:100%;object-fit:cover}.story-cover-thumb.active{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 25%,transparent)}.story-cover-thumb--none .material-symbols-outlined{font-size:1.25rem!important}.story-cover-upload-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .9rem;border-radius:var(--radius-pill);border:1px dashed color-mix(in srgb,var(--outline) 50%,transparent);background:transparent;color:var(--primary);font-family:var(--font-body);font-weight:600;font-size:.85rem;cursor:pointer}.story-cover-upload-btn:hover:not(:disabled){background:var(--surface-container-high)}.story-cover-upload-btn:disabled{opacity:.5;cursor:not-allowed}.crop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:#1f006073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem}.crop-modal{position:relative;background:var(--surface-container-lowest);border-radius:var(--radius-lg);padding:1.5rem;max-width:22rem;width:100%;box-shadow:var(--shadow-soft)}.crop-close{position:absolute;top:.75rem;right:.75rem;border:none;background:var(--surface-container-low);border-radius:var(--radius-pill);width:2.25rem;height:2.25rem;cursor:pointer;color:var(--on-surface-variant);display:flex;align-items:center;justify-content:center}.crop-title{font-family:var(--font-display);font-size:1.15rem;margin-bottom:.35rem;padding-right:2rem}.crop-hint{font-size:.88rem;color:var(--on-surface-variant);margin:0 0 1rem;line-height:1.45}.crop-file-label{display:block;margin-bottom:1rem;cursor:pointer;position:relative}.crop-file-btn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.25rem;border-radius:var(--radius-pill);font-size:.9rem;font-weight:600;color:var(--on-primary);background:var(--primary);border:none;cursor:pointer}.crop-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.crop-viewport{border-radius:var(--radius-md);overflow:hidden;cursor:grab;touch-action:none;margin-bottom:1rem}.crop-viewport:active{cursor:grabbing}.crop-canvas{display:block;width:100%;height:auto}.crop-actions{display:flex;gap:.5rem;justify-content:flex-end}.crop-btn-secondary{padding:.5rem 1rem;border-radius:var(--radius-pill);border:none;background:var(--surface-container-high);font-weight:600;cursor:pointer;font-family:var(--font-body)}.crop-btn-primary{padding:.5rem 1rem;border-radius:var(--radius-pill);border:none;background:var(--primary);color:var(--on-primary);font-weight:600;cursor:pointer;font-family:var(--font-body)}.crop-btn-primary:disabled{opacity:.5;cursor:not-allowed}.share-textarea-wrap{position:relative;margin-bottom:1rem}.share-textarea{width:100%;min-height:320px;border:none;border-radius:var(--radius-md);padding:1.5rem 1.25rem 2.25rem;font-size:1.05rem;line-height:1.65;font-family:var(--font-body);color:var(--on-surface);background:var(--surface-container-low);resize:none;transition:box-shadow .35s}.share-textarea:focus{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent);background:var(--surface-container-lowest)}.share-textarea::placeholder{color:color-mix(in srgb,var(--on-surface-variant) 40%,transparent)}.share-word-count{position:absolute;bottom:.75rem;right:1rem;font-size:.7rem;font-weight:600;color:color-mix(in srgb,var(--on-surface-variant) 45%,transparent)}.share-anon-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;border-radius:var(--radius-md);background:var(--surface-container-low);margin-bottom:1.25rem}.share-anon-copy{display:flex;align-items:center;gap:1rem}.share-anon-icon{width:2.5rem;height:2.5rem;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);display:flex;align-items:center;justify-content:center}.share-anon-title{font-weight:600;font-size:.9rem;color:var(--on-surface)}.share-anon-sub{font-size:.7rem;color:var(--on-surface-variant);margin-top:.15rem}.share-toggle{position:relative;cursor:pointer}.share-toggle input{position:absolute;opacity:0;width:0;height:0}.share-toggle-ui{display:block;width:3.25rem;height:1.85rem;border-radius:var(--radius-pill);background:var(--surface-container-high);position:relative;transition:background .3s}.share-toggle-ui:after{content:"";position:absolute;top:4px;left:4px;width:1.35rem;height:1.35rem;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000001f;transition:transform .3s}.share-toggle input:checked+.share-toggle-ui{background:var(--primary)}.share-toggle input:checked+.share-toggle-ui:after{transform:translate(1.35rem)}.share-modal-submit{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.75rem;border:none;border-radius:var(--radius-pill);font-family:var(--font-body);font-weight:700;font-size:1rem;cursor:pointer;background:linear-gradient(135deg,var(--primary),var(--primary-container));color:var(--on-primary);box-shadow:0 8px 28px #522bbf40;transition:opacity .3s,transform .25s}.share-modal-submit:disabled{opacity:.6;cursor:not-allowed}.share-modal-submit:not(:disabled):hover{opacity:.92}.share-modal-submit:not(:disabled):active{transform:scale(.98)}@media (max-width: 640px){.share-modal-submit{width:100%;justify-content:center;padding:1rem 1.5rem;font-size:1.05rem}}.share-modal-aside{padding:2rem 1.5rem;border-top:1px solid color-mix(in srgb,var(--outline-variant) 12%,transparent);display:flex;flex-direction:column;gap:1.5rem}@media (min-width: 960px){.share-modal-aside{border-top:none;border-left:1px solid color-mix(in srgb,var(--outline-variant) 12%,transparent);padding:2.5rem 2rem}}.share-aside-card{position:relative;padding:2rem 1.5rem;border-radius:var(--radius-md);background:var(--surface-container-lowest);box-shadow:var(--shadow-ambient);overflow:hidden;border:1px solid color-mix(in srgb,var(--outline-variant) 12%,transparent)}.share-aside-glow{position:absolute;top:-3rem;right:-3rem;width:10rem;height:10rem;background:color-mix(in srgb,var(--primary) 8%,transparent);border-radius:50%;filter:blur(40px)}.share-aside-quote-ic{font-size:3rem!important;color:color-mix(in srgb,var(--primary) 25%,transparent);margin-bottom:.75rem}.share-aside-card blockquote{font-size:1.2rem;font-weight:300;line-height:1.35;color:var(--on-surface);margin-bottom:1.5rem}.share-aside-card h4{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--primary);margin-bottom:.75rem}.share-aside-card ul{list-style:none}.share-aside-card li{display:flex;gap:.75rem;align-items:flex-start;font-size:.85rem;color:var(--on-surface-variant);line-height:1.5;margin-bottom:.85rem}.share-aside-dot{width:6px;height:6px;border-radius:50%;background:var(--secondary);margin-top:.35rem;flex-shrink:0}.share-aside-visual{position:relative;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:4/3;display:flex;align-items:flex-end;padding:1.5rem}.share-aside-visual.mood-visual-panel .mood-visual-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.share-aside-visual.mood-visual-panel:hover .mood-visual-img{transform:scale(1.06)}.share-aside-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,var(--primary-container),var(--secondary-container));opacity:.9}.share-aside-visual.mood-visual-panel .share-aside-gradient.mood-visual-overlay{opacity:1;background:linear-gradient(to top,color-mix(in srgb,var(--primary) 78%,black) 0%,color-mix(in srgb,var(--primary) 35%,transparent) 42%,transparent 72%)}.share-aside-visual p{position:relative;z-index:2;color:#fff;font-weight:600;font-size:1rem;line-height:1.35;text-shadow:0 1px 12px rgba(31,0,96,.35)}.share-modal-thanks{padding:3rem 2rem;text-align:center;max-width:26rem;margin:0 auto}.share-modal-thanks-icon{font-size:3rem!important;color:var(--primary);margin-bottom:1rem;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24!important}.share-modal-thanks h2{font-family:var(--font-display);font-size:1.5rem;margin-bottom:.75rem}.share-modal-thanks p{color:var(--on-surface-variant);line-height:1.55;margin-bottom:1.5rem}.share-modal-thanks .share-modal-submit{width:100%;max-width:16rem}.story-post-card{border-radius:var(--radius-lg);background:var(--surface-container-lowest);border:1px solid color-mix(in srgb,var(--outline-variant) 35%,transparent);box-shadow:var(--shadow-soft);padding:0;margin-bottom:1.75rem;overflow:hidden}.story-post-card-cover{margin-bottom:0;border-radius:0}.story-post-card-head{padding:1.25rem 1.25rem 0;margin-bottom:0}.story-post-card-lead{font-family:var(--font-display);font-size:clamp(1.2rem,3vw,1.65rem);font-weight:800;letter-spacing:-.02em;line-height:1.25;color:var(--on-surface);margin:.5rem 0 0}.story-post-card-body{padding:1rem 1.25rem 1.5rem;margin-bottom:0}.story-page{max-width:52rem;margin:0 auto;padding:.5rem 0 2rem}.story-page-cover{border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:16/9;margin-bottom:1.25rem;box-shadow:var(--shadow-soft)}.story-page-cover img{width:100%;height:100%;object-fit:cover;display:block}.story-back{border:none;background:none;color:var(--primary);font-weight:600;cursor:pointer;font-family:var(--font-body);margin-bottom:1.25rem}.story-page-header{margin-bottom:1.5rem}.story-page-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}.story-page-bookmark{margin-left:auto}@media (max-width: 480px){.story-page-bookmark{margin-left:0}}.story-page-time{font-size:.85rem;color:var(--outline)}.story-page-title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--on-surface)}.story-page-body{margin-bottom:2rem}.story-page-text{font-size:1.1rem;line-height:1.75;color:var(--on-surface-variant);white-space:pre-wrap}.story-support-block{text-align:center;padding:2rem 1.25rem;border-radius:var(--radius-md);background:var(--surface-container);border:1px solid color-mix(in srgb,var(--outline-variant) 12%,transparent);margin-bottom:2.5rem}.story-support-block h2{font-size:1.25rem;font-weight:800;margin-bottom:.35rem}.story-support-block>p{color:var(--outline);font-size:.9rem;margin-bottom:1.25rem}.story-support-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem}.story-support-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1.15rem;border-radius:var(--radius-pill);border:none;background:var(--surface-container-lowest);color:var(--primary);font-weight:600;cursor:pointer;transition:background .3s}.story-support-btn:hover{background:var(--primary-container);color:var(--on-primary-container)}.story-support-btn:disabled{opacity:.4;cursor:not-allowed}.story-reaction-count{margin-top:.75rem;font-size:.85rem;color:var(--outline)}.story-comments h3{font-size:1.25rem;font-weight:800;margin-bottom:1.25rem}.story-comments-list{list-style:none}.story-comments-list li{display:flex;gap:1rem;margin-bottom:1.5rem}.story-comment-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--surface-container-high);flex-shrink:0}.story-comment-author{font-weight:700;font-size:.9rem;margin-right:.5rem}.story-comment-time{font-size:.7rem;color:var(--outline)}.story-comments-list p{margin-top:.25rem;color:var(--on-surface-variant);line-height:1.5}.story-comment-form textarea{width:100%;border:none;border-radius:var(--radius-md);padding:1rem;background:var(--surface-container-low);font-family:var(--font-body);resize:vertical;min-height:5rem}.story-comment-form textarea:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}.story-comment-form{margin-top:1.5rem}.story-comment-form button{margin-top:.75rem;float:right;padding:.55rem 1.35rem;border:none;border-radius:var(--radius-pill);background:var(--primary);color:var(--on-primary);font-weight:600;cursor:pointer}.story-page-more{clear:both;padding-top:2rem}.story-page-more-link{font-weight:600}.profile-page{max-width:64rem;margin:0 auto;padding:.5rem 0 2rem}.profile-guest-banner{display:flex;gap:1rem;align-items:flex-start;padding:1rem 1.25rem;margin-bottom:1.5rem;border-radius:var(--radius-md);background:var(--surface-container-low);border:1px solid color-mix(in srgb,var(--outline-variant) 18%,transparent);box-shadow:var(--shadow-soft)}.profile-guest-banner-icon{flex-shrink:0;width:2.75rem;height:2.75rem;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);display:flex;align-items:center;justify-content:center}.profile-guest-banner-text strong{display:block;font-size:.95rem;margin-bottom:.35rem;color:var(--on-surface)}.profile-guest-banner-text p{font-size:.85rem;line-height:1.5;color:var(--on-surface-variant);margin:0}.profile-guest-banner a{font-weight:600}.profile-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.25rem;margin-bottom:2rem}@media (min-width: 768px){.profile-hero{flex-direction:row;align-items:flex-end;text-align:left}}.profile-avatar-wrap{position:relative}.profile-avatar{width:7.5rem;height:7.5rem;border-radius:50%;border:4px solid var(--surface-container-lowest);box-shadow:var(--shadow-soft);background:var(--surface-container-high);display:flex;align-items:center;justify-content:center;color:var(--primary)}.profile-avatar .material-symbols-outlined{font-size:3.5rem}.profile-avatar-edit{position:absolute;bottom:.15rem;right:.15rem;width:2.25rem;height:2.25rem;border-radius:50%;border:none;background:var(--primary);color:var(--on-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-soft)}.profile-avatar-edit:disabled{opacity:.5;cursor:default}.profile-hero-text h1{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);font-weight:800;letter-spacing:-.02em}.profile-hero-text>p{color:var(--on-surface-variant);margin:.35rem 0 1rem}.profile-stats{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}@media (min-width: 768px){.profile-stats{justify-content:flex-start}}.profile-stat{background:var(--surface-container-high);padding:.65rem 1rem;border-radius:1.25rem;min-width:5.5rem;text-align:center}@media (min-width: 768px){.profile-stat{text-align:left}}.profile-stat-num{display:block;font-size:1.5rem;font-weight:800;color:var(--primary)}.profile-stat--sec .profile-stat-num{color:var(--secondary)}.profile-stat-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-variant)}.profile-grid{display:grid;grid-template-columns:1fr;gap:2rem}.profile-aside{display:flex;flex-direction:column;gap:1.5rem}@media (min-width: 900px){.profile-grid{grid-template-columns:1.15fr .85fr;gap:2.5rem;align-items:start}}.profile-empty{position:relative;text-align:center;padding:3rem 1.5rem;border-radius:var(--radius-md);background:var(--surface-container-lowest);overflow:hidden;border:1px solid color-mix(in srgb,var(--outline-variant) 12%,transparent)}.profile-empty-glow{position:absolute;width:12rem;height:12rem;border-radius:50%;background:color-mix(in srgb,var(--primary) 8%,transparent);top:-4rem;left:-4rem;filter:blur(48px)}.profile-empty-icon{position:relative;width:5rem;height:5rem;margin:0 auto 1rem;border-radius:50%;background:var(--surface-container);display:flex;align-items:center;justify-content:center;color:color-mix(in srgb,var(--primary) 45%,transparent)}.profile-empty-icon .material-symbols-outlined{font-size:2.5rem}.profile-empty h2{position:relative;font-size:1.35rem;font-weight:800;margin-bottom:.5rem}.profile-empty p{position:relative;color:var(--on-surface-variant);max-width:22rem;margin:0 auto 1.5rem;line-height:1.55}.profile-empty-hint{position:relative;font-size:.8rem;color:var(--outline);max-width:24rem;margin:0 auto;line-height:1.45}.profile-empty-cta{position:relative;padding:.85rem 1.75rem;border:none;border-radius:var(--radius-pill);font-weight:800;cursor:pointer;background:linear-gradient(90deg,var(--primary),var(--primary-container));color:var(--on-primary);box-shadow:0 12px 32px #522bbf38}.profile-block-title{font-size:1.25rem;font-weight:800;margin-bottom:1rem}.profile-stories-list{display:flex;flex-direction:column;gap:1rem}.profile-badges-card{background:var(--surface-container-low);padding:1.75rem 1.25rem;border-radius:var(--radius-md)}.profile-badges-card h3{font-size:1.15rem;font-weight:800;margin-bottom:1.25rem}.profile-badges-list{list-style:none}.profile-badge-row{display:flex;gap:1rem;align-items:center;margin-bottom:1.25rem}.profile-badge-row--dim{opacity:.55;filter:grayscale(.3)}.profile-badge-icon{width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-soft)}.profile-badge-icon .material-symbols-outlined{font-size:1.75rem;color:#fff;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.profile-badge-icon--gold{background:linear-gradient(135deg,#ffd700,var(--secondary-container))}.profile-badge-icon--rose{background:linear-gradient(135deg,#ff6b6b,var(--primary))}.profile-badge-icon--purple{background:linear-gradient(135deg,var(--primary-container),var(--primary))}.profile-badge-row h4{font-size:.85rem;font-weight:700}.profile-badge-row p{font-size:.7rem;color:var(--on-surface-variant);margin-top:.15rem;line-height:1.35}.profile-quote-card{position:relative;padding:1.75rem;border-radius:var(--radius-md);background:color-mix(in srgb,var(--primary) 6%,transparent);border:1px solid color-mix(in srgb,var(--primary) 12%,transparent);overflow:hidden}.profile-quote-deco{position:absolute;top:-.5rem;left:-.25rem;font-size:4rem!important;color:color-mix(in srgb,var(--primary) 10%,transparent)}.profile-quote-card p{position:relative;z-index:1;font-style:italic;font-size:.9rem;line-height:1.55;color:var(--primary)}.profile-back-link{display:inline-block;margin-top:1rem;font-weight:600}.profile-tips-card{position:relative;padding:2rem 1.5rem;border-radius:var(--radius-md);background:var(--surface-container-lowest);box-shadow:var(--shadow-ambient);overflow:hidden;border:1px solid color-mix(in srgb,var(--outline-variant) 12%,transparent)}.profile-tips-glow{position:absolute;top:-3rem;right:-3rem;width:10rem;height:10rem;background:color-mix(in srgb,var(--primary) 8%,transparent);border-radius:50%;filter:blur(40px)}.profile-tips-quote-ic{font-size:3rem!important;color:color-mix(in srgb,var(--primary) 25%,transparent);margin-bottom:.75rem}.profile-tips-card blockquote{position:relative;z-index:1;font-size:1.2rem;font-weight:300;line-height:1.35;color:var(--on-surface);margin-bottom:1.5rem}.profile-tips-card h4{position:relative;z-index:1;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--primary);margin-bottom:.75rem}.profile-tips-card ul{position:relative;z-index:1;list-style:none}.profile-tips-card li{display:flex;gap:.75rem;align-items:flex-start;font-size:.85rem;color:var(--on-surface-variant);line-height:1.5;margin-bottom:.85rem}.profile-tips-dot{width:6px;height:6px;border-radius:50%;background:var(--secondary);margin-top:.35rem;flex-shrink:0}.profile-aside-visual{position:relative;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:4/3;display:flex;align-items:flex-end;padding:1.5rem}.profile-aside-visual.mood-visual-panel .mood-visual-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.profile-aside-visual.mood-visual-panel:hover .mood-visual-img{transform:scale(1.06)}.profile-aside-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,var(--primary-container),var(--secondary-container));opacity:.9}.profile-aside-visual.mood-visual-panel .profile-aside-gradient.mood-visual-overlay{opacity:1;background:linear-gradient(to top,color-mix(in srgb,var(--primary) 78%,black) 0%,color-mix(in srgb,var(--primary) 35%,transparent) 42%,transparent 72%)}.profile-aside-visual p{position:relative;z-index:2;color:#fff;font-weight:600;font-size:1rem;line-height:1.35;text-shadow:0 1px 12px rgba(31,0,96,.35)}.profile-aside-links{display:flex;flex-direction:column;gap:.5rem}.profile-aside-link{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1rem;border-radius:var(--radius-pill);background:var(--surface-container-high);color:var(--on-surface);font-weight:600;font-size:.9rem;text-decoration:none}.profile-aside-link:hover{text-decoration:none;background:var(--surface-container)}.profile-aside-link--ghost{background:transparent;color:var(--primary)}.profile-aside-link-badge{margin-left:auto;font-size:.7rem;font-weight:800;padding:.15rem .5rem;border-radius:var(--radius-pill);background:var(--primary);color:var(--on-primary)}.bookmark-toggle{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .85rem;border-radius:var(--radius-pill);border:none;background:var(--surface-container-low);color:var(--on-surface-variant);font-family:var(--font-body);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .25s,color .25s}.bookmark-toggle--compact{padding:.4rem;min-width:2.25rem;min-height:2.25rem;justify-content:center}.bookmark-toggle--compact span{display:none}.bookmark-toggle--on{background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary)}.bookmark-toggle:hover{background:var(--surface-container-high)}.saved-page{max-width:42rem;margin:0 auto;padding:.75rem 0 2rem}.saved-page-head{margin-bottom:1.75rem}.saved-page-head h1{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800;letter-spacing:-.02em;color:var(--on-surface);margin-bottom:.35rem}.saved-page-head p{color:var(--on-surface-variant);font-size:.95rem}.saved-empty{text-align:center;padding:2.5rem 1.25rem;border-radius:var(--radius-md);background:var(--surface-container-low);border:1px solid color-mix(in srgb,var(--outline-variant) 12%,transparent)}.saved-empty-icon{width:4rem;height:4rem;margin:0 auto 1rem;border-radius:50%;background:var(--surface-container-high);display:flex;align-items:center;justify-content:center;color:color-mix(in srgb,var(--primary) 50%,transparent)}.saved-empty h2{font-size:1.2rem;font-weight:800;margin-bottom:.5rem}.saved-empty p{color:var(--on-surface-variant);font-size:.9rem;max-width:22rem;margin:0 auto 1.25rem;line-height:1.5}.saved-empty-cta{display:inline-flex;padding:.65rem 1.35rem;border-radius:var(--radius-pill);background:var(--primary);color:var(--on-primary);font-weight:600;text-decoration:none}.saved-empty-cta:hover{text-decoration:none;opacity:.92}.saved-list{display:flex;flex-direction:column;gap:1.25rem}.mobile-nav-item span{font-size:.58rem;max-width:100%;padding:0 .1rem;text-align:center;line-height:1.12;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reaction-btn.joy{background:var(--secondary-container);color:var(--on-secondary-container)}