@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Serif+SC:wght@400;700&display=swap";:root{--bg-primary: #f8faff;--bg-secondary: #ffffff;--text-primary: #17233d;--text-secondary: #56657f;--accent-primary: #315fe8;--accent-hover: #244fcf;--danger: #ef4444;--success: #10b981;--gold: #c97917;--gold-light: #fff0cc;--border-color: #e4eaf5;--border-radius: 20px;--border-radius-lg: 28px;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .05), 0 1px 2px -1px rgba(0, 0, 0, .05);--shadow-md: 0 14px 34px -18px rgba(43, 67, 120, .24);--shadow-lg: 0 20px 45px -18px rgba(43, 67, 120, .3);--transition-fast: .15s ease-in-out;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-primary: #3b82f6;--accent-hover: #60a5fa;--gold: #f59e0b;--gold-light: #451a03;--border-color: #34445d;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .2);--shadow-md: 0 10px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .2);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-primary);background-image:radial-gradient(circle at 12% 0%,rgba(255,229,179,.42),transparent 38%),radial-gradient(circle at 88% 8%,rgba(202,222,255,.48),transparent 42%);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color var(--transition-normal),color var(--transition-normal)}[data-theme=dark] body{background-image:radial-gradient(circle at 50% 0%,#1e293b 0%,transparent 60%)}.serif-text{font-family:"Noto Serif SC",serif}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;width:100%;max-width:920px;margin:0 auto;padding:2.25rem 1.5rem 4rem}.navbar{background:#ffffffe0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:50;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm);transition:background var(--transition-normal),border-color var(--transition-normal)}[data-theme=dark] .navbar{background:#1e293bd9;border-bottom:1px solid rgba(255,255,255,.05)}.navbar-brand{font-size:1.25rem;font-weight:700;color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:.75rem;letter-spacing:-.025em}.navbar-nav{display:flex;gap:1.5rem;align-items:center}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.nav-link:hover,.nav-link.active{color:var(--accent-primary)}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:#ffffffe6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(0,0,0,.05);z-index:100;padding:.5rem 1rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom));justify-content:space-around;align-items:center;box-shadow:0 -4px 12px #0000000d}[data-theme=dark] .bottom-nav{background:#1e293be6;border-top:1px solid rgba(255,255,255,.05);box-shadow:0 -4px 12px #00000080}.bottom-nav-link{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:var(--text-secondary);text-decoration:none;font-size:.7rem;font-weight:500;transition:color var(--transition-fast),transform var(--transition-fast)}.bottom-nav-link p{margin:0}.bottom-nav-link.active,.bottom-nav-link:hover{color:var(--accent-primary);transform:translateY(-2px)}@media(max-width:768px){.desktop-nav-links{display:none!important}.navbar{padding:.75rem 1rem}.bottom-nav{display:flex}.main-content{padding-bottom:5rem}}.card{background:var(--bg-secondary);border-radius:var(--border-radius);padding:1.75rem 2rem;box-shadow:var(--shadow-md);margin-bottom:2rem;border:1px solid var(--border-color);position:relative;overflow:hidden;transition:background var(--transition-normal),border-color var(--transition-normal)}[data-theme=dark] .card{border:1px solid rgba(255,255,255,.05)}.hero-card{background:linear-gradient(118deg,#fffefa,#fff8e9 44%,#f3f7ff);box-shadow:0 20px 40px -15px #d9770626;border:1px solid rgba(201,121,23,.18)}[data-theme=dark] .hero-card{background:linear-gradient(135deg,#1e293b,#0f172a);box-shadow:0 20px 40px -15px #00000080;border:1px solid rgba(245,158,11,.1)}.hero-card:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(to bottom,var(--gold),#fbbf24)}.post-card{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.post-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.1rem;box-shadow:inset 0 -2px #0000001a;text-transform:uppercase}.avatar-sm{width:28px;height:28px;font-size:.8rem}.comments-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #f1f5f9}[data-theme=dark] .comments-section{border-top:1px solid rgba(255,255,255,.05)}.comment-item{display:flex;gap:.75rem;padding:.75rem 0;font-size:.95rem}.comment-content{background:#f8fafc;padding:.75rem 1rem;border-radius:0 16px 16px;flex:1;color:var(--text-primary)}[data-theme=dark] .comment-content{background:#0f172a80}.comment-header{display:flex;justify-content:space-between;margin-bottom:.25rem;font-size:.85rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:12px;font-weight:500;cursor:pointer;border:none;transition:all var(--transition-normal);font-size:.95rem}.btn-primary{background:linear-gradient(to right,var(--accent-primary),var(--accent-hover));color:#fff;box-shadow:0 4px 14px #2563eb4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.btn-primary:active{transform:translateY(0)}.btn-outline{background-color:transparent;color:var(--accent-primary);border:1px solid var(--accent-primary)}.btn-outline:hover{background-color:var(--bg-primary)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:.5rem;border-radius:8px}.btn-ghost:hover{background:#f1f5f9;color:var(--text-primary)}.btn-danger-ghost{color:var(--danger)}.btn-danger-ghost:hover{background:#fef2f2}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--text-secondary);font-size:.9rem}.form-control{width:100%;padding:.875rem 1rem;border:1px solid #e2e8f0;border-radius:12px;font-family:inherit;font-size:1rem;transition:all var(--transition-normal);background-color:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .form-control{border:1px solid rgba(255,255,255,.1);background-color:#0f172a}.form-control:focus{outline:none;border-color:var(--accent-primary);background-color:#fff;box-shadow:0 0 0 4px #2563eb1a}.form-control::placeholder{color:#94a3b8}.text-center{text-align:center}.text-muted{color:var(--text-secondary)}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1.5rem}.w-100{width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) forwards}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.25rem;color:var(--text-secondary);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}}@keyframes heartBeat{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.heart-animation{animation:heartBeat .3s ease-in-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin .8s linear infinite}.markdown-body{font-family:inherit;font-size:1rem}.markdown-body p{margin-bottom:.8rem}.markdown-body ul,.markdown-body ol{margin-left:1.5rem;margin-bottom:1rem}.markdown-body li{margin-bottom:.3rem}.markdown-body blockquote{border-left:3px solid var(--accent-primary);padding-left:1rem;margin:1rem 0;color:var(--text-secondary);background:var(--bg-secondary);padding:.8rem 1rem;border-radius:0 8px 8px 0}.markdown-body a{color:var(--accent-primary);text-decoration:none;font-weight:500}.markdown-body a:hover{text-decoration:underline}.markdown-body strong{font-weight:700;color:var(--text-primary)}.admin-tabs{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.admin-tabs .btn{flex:1 1 auto;min-width:0;white-space:nowrap}.reports-control-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.backup-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.settings-layout{display:flex;gap:2rem;align-items:flex-start}.settings-sidebar{flex:0 0 200px;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.settings-content{flex:1;padding:2rem;min-width:0}@media(max-width:640px){.admin-tabs{gap:.5rem}.admin-tabs .btn{flex:1 1 calc(50% - .5rem);font-size:.85rem;padding:.5rem .6rem}.reports-control-bar{flex-direction:column;align-items:stretch}.reports-control-bar .btn{width:100%;justify-content:center}.backup-grid{grid-template-columns:1fr}.settings-layout{flex-direction:column;gap:0}.settings-sidebar{flex:none;width:100%;flex-direction:row;overflow-x:auto;padding:.75rem;gap:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.settings-sidebar::-webkit-scrollbar{display:none}.settings-sidebar .btn{flex:0 0 auto;white-space:nowrap;font-size:.875rem;padding:.5rem 1rem}.settings-content{width:100%;padding:1.5rem 1rem}}.dashboard-header{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.dashboard-title{color:var(--text-primary);font-size:clamp(1.65rem,3vw,2.15rem);letter-spacing:-.03em;line-height:1.2}.dashboard-subtitle{display:block;margin-top:.35rem;font-size:.9rem;font-weight:400;letter-spacing:0;color:var(--text-secondary)}.date-actions{display:flex;align-items:center;gap:.65rem}.date-switcher{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem;border-radius:15px;border:1px solid var(--border-color);background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.date-step{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:var(--text-secondary);cursor:pointer}.date-step:hover{background:#edf3ff;color:var(--accent-primary)}.date-input{min-height:36px;border:0;outline:0;color:var(--text-primary);background:transparent;font:inherit;font-weight:650;cursor:pointer}.today-button{min-height:42px;padding:0 .9rem;border:1px solid rgba(49,95,232,.18);border-radius:12px;background:#edf3ff;color:var(--accent-primary);font:inherit;font-size:.88rem;font-weight:650;cursor:pointer}.today-button:hover{background:#e2ecff}.hero-card{padding:2rem 2.2rem}.hero-card h2{letter-spacing:-.02em}.reading-quote{margin:1.4rem 0;padding:.25rem 0 .25rem 1.3rem;border-left:3px solid #eab856}.reading-quote blockquote{color:var(--text-primary);font-size:clamp(1.1rem,2vw,1.25rem);line-height:1.95;letter-spacing:.035em}.reading-details{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.reading-details summary{width:fit-content;color:var(--accent-primary);font-weight:600;cursor:pointer}.reading-details-content{margin-top:1rem;padding:1.3rem;border-radius:14px;background:#ffffffb8;white-space:pre-wrap;line-height:1.9}.composer-card{border-color:#dce7fb}.composer-card h3{margin-bottom:.35rem}.composer-hint{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem}.composer-count{color:var(--text-secondary);font-size:.82rem}.feed-header{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:2.25rem 0 1rem;border-bottom:1px solid var(--border-color)}.feed-tabs{display:flex;gap:.35rem}.feed-tab{padding:.7rem 1rem .8rem;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--text-secondary);font:inherit;font-weight:600;cursor:pointer}.feed-tab.active{border-bottom-color:var(--accent-primary);color:var(--accent-primary)}.feed-count{padding-bottom:.8rem;color:var(--text-secondary);font-size:.88rem}.post-card{border-color:#e3eaf5}.post-card .markdown-body{line-height:1.8}.nav-link.active{font-weight:700}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid rgba(49,95,232,.35);outline-offset:3px}[data-theme=dark] .date-step:hover,[data-theme=dark] .today-button{background:#273a64}[data-theme=dark] .reading-details-content{background:#0f172a61}@media(max-width:640px){.main-content{padding:1.5rem 1rem 6rem}.card{padding:1.35rem 1.2rem;margin-bottom:1.25rem}.hero-card{padding:1.55rem 1.35rem}.dashboard-header{align-items:stretch;flex-direction:column}.date-actions{justify-content:space-between}.date-switcher{flex:1;justify-content:space-between}.date-input{min-width:0;width:8.5rem}.feed-tab{padding-inline:.7rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.main-content--portal{max-width:1260px;padding-top:3rem}.navbar{padding-inline:max(2rem,calc((100vw - 1300px)/2))}.navbar-brand-mark{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;color:#fff;background:linear-gradient(145deg,#315fe8,#183c9e);box-shadow:0 8px 20px #315fe833}.navbar-brand span:last-child{line-height:1.05}.navbar-brand small{display:block;margin-top:4px;color:var(--text-secondary);font-size:.6rem;font-weight:700;letter-spacing:.18em}.portal-heading{min-width:0}.portal-eyebrow,.portal-aside-kicker{color:var(--accent-primary);font-size:.68rem;font-weight:800;letter-spacing:.16em}.portal-eyebrow{display:block;margin-bottom:.6rem}.main-content--portal .dashboard-title{font-size:clamp(2rem,3.25vw,3.05rem);font-weight:750;letter-spacing:-.045em}.main-content--portal .dashboard-subtitle{margin-top:.65rem;font-size:.95rem;letter-spacing:.01em}.main-content--portal .dashboard-header{margin-bottom:2.25rem}.portal-layout{display:grid;grid-template-columns:minmax(0,1fr) 312px;gap:2.25rem;align-items:start}.portal-primary{min-width:0}.portal-primary .card{margin-bottom:1.5rem}.portal-primary .hero-card{min-height:360px;padding:2.5rem 2.65rem;border-radius:26px;background:radial-gradient(circle at 95% 0%,rgba(255,205,107,.25),transparent 35%),linear-gradient(135deg,#fffefb,#fff9ed 60%,#f3f7ff);box-shadow:0 18px 50px -28px #74572952}.portal-primary .hero-card:before{width:5px;background:#e9aa3f}.reading-intro{margin-bottom:1.5rem}.reading-title{font-size:clamp(1.65rem,2.2vw,2.05rem)!important;font-weight:750}.portal-primary .reading-quote{max-width:680px;margin:1.7rem 0;padding-left:1.55rem}.portal-primary .reading-quote blockquote{font-size:clamp(1.18rem,1.9vw,1.43rem);line-height:2.05}.portal-primary .composer-card{padding:2rem 2.25rem;border-radius:24px}.portal-primary .composer-card h3{font-size:1.35rem}.portal-primary .post-card{border-radius:20px;box-shadow:0 10px 30px -22px #263f6f4d}.portal-primary .feed-header{scroll-margin-top:100px}.portal-aside{display:flex;flex-direction:column;gap:1.2rem}.portal-aside-card{padding:1.5rem;border:1px solid var(--border-color);border-radius:22px;background:var(--bg-secondary);box-shadow:var(--shadow-md)}.portal-aside h2{font-size:1.14rem;letter-spacing:-.025em}.portal-aside-heading{display:flex;align-items:center;justify-content:space-between;margin-top:.4rem}.portal-aside-heading svg{color:var(--accent-primary)}.portal-aside-card p{margin:.5rem 0 1.1rem;color:var(--text-secondary);font-size:.79rem;line-height:1.55}.portal-week-list{display:flex;flex-direction:column;gap:.25rem}.portal-week-item{display:grid;grid-template-columns:76px minmax(0,1fr) 16px;align-items:center;gap:.45rem;width:100%;padding:.7rem .65rem;border:0;border-radius:11px;background:transparent;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer}.portal-week-item:hover{background:#315fe80f}.portal-week-item.active{background:#edf3ff;color:#244fcf}.portal-week-date{display:flex;align-items:baseline;gap:.35rem;white-space:nowrap}.portal-week-date strong{font-size:.9rem}.portal-week-date small{color:var(--text-secondary);font-size:.72rem}.portal-week-chapter{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.79rem;font-weight:600}.portal-week-item svg{opacity:.55}.portal-aside-link{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding:.95rem .2rem 0;border-top:1px solid var(--border-color);color:var(--accent-primary);font-size:.83rem;font-weight:700;text-decoration:none}.portal-discover-card h2{margin:.4rem 0 .7rem}.portal-discover-card>a{display:flex;align-items:center;gap:.65rem;padding:.72rem 0;color:var(--text-primary);font-size:.87rem;font-weight:600;text-decoration:none}.portal-discover-card>a svg:first-child{color:var(--accent-primary)}.portal-discover-card>a svg:last-child{margin-left:auto;color:var(--text-secondary)}.portal-discover-card>a:hover,.portal-aside-link:hover{color:var(--accent-primary)}.portal-aside-note{padding:.6rem .35rem;color:var(--text-secondary);font-family:"Noto Serif SC",serif;font-size:.83rem;line-height:1.8}.portal-aside-note span{display:block;margin-top:.3rem;text-align:right;font-family:Inter,sans-serif;font-size:.72rem}.mobile-account-menu{display:none}[data-theme=dark] .portal-primary .hero-card{background:linear-gradient(135deg,#26344d,#1b263c)}[data-theme=dark] .portal-week-item.active{background:#263d6a;color:#dce8ff}@media(max-width:1050px){.main-content--portal{max-width:1000px}.portal-layout{grid-template-columns:minmax(0,1fr) 270px;gap:1.25rem}.portal-aside-card{padding:1.2rem}.main-content--portal .dashboard-header{align-items:start;flex-direction:column}}@media(max-width:768px){.navbar{padding:.7rem 1rem}.navbar .font-scaler{display:none!important}.mobile-account-menu{display:block;position:relative}.mobile-account-trigger{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-color);border-radius:11px;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer}.mobile-account-panel{position:absolute;top:calc(100% + 12px);right:0;z-index:101;width:210px;padding:.45rem;border:1px solid var(--border-color);border-radius:14px;background:var(--bg-secondary);box-shadow:var(--shadow-lg)}.mobile-account-panel a,.mobile-account-panel button{display:flex;align-items:center;gap:.65rem;width:100%;padding:.7rem .8rem;border:0;border-radius:9px;background:transparent;color:var(--text-primary);font:inherit;font-size:.88rem;text-align:left;text-decoration:none;cursor:pointer}.mobile-account-panel a:hover,.mobile-account-panel button:hover{background:var(--bg-primary)}.bottom-nav-link{min-width:54px;padding:.2rem;border:0;background:transparent;font:inherit;cursor:pointer}.back-to-top{bottom:calc(5.7rem + env(safe-area-inset-bottom))!important}.portal-layout{display:flex;flex-direction:column;gap:0}.portal-primary,.portal-aside{width:100%}.portal-aside{margin-top:1.25rem}.main-content--portal{padding-top:2rem;padding-bottom:7rem}}@media(max-width:640px){.main-content--portal{padding-inline:1rem}.main-content--portal .dashboard-header{gap:1.2rem;margin-bottom:1.35rem}.main-content--portal .dashboard-title{font-size:2.1rem}.portal-primary .hero-card{min-height:0;padding:1.65rem 1.45rem;border-radius:20px}.portal-primary .reading-quote{padding-left:1rem;margin:1.2rem 0}.portal-primary .composer-card{padding:1.55rem 1.35rem;border-radius:20px}.portal-aside-note{text-align:center}}