:root{--navy:#0a2f64;--navy2:#123f78;--ink:#141a22;--muted:#737c89;--bg:#f2f5f8;--line:#e7ebf0;--green:#4db78c;--orange:#f39a19;--purple:#7559c8}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Inter,Arial,sans-serif}button,input{font:inherit}a{color:inherit}body{padding-bottom:env(safe-area-inset-bottom)}.phone-shell{background:#fff;width:min(100%,520px);min-height:100vh;margin:0 auto;padding-bottom:98px;position:relative;box-shadow:0 0 80px #0e264114}.brand{align-items:center;gap:10px;display:flex}.brand-symbol{border:2.4px solid var(--navy);border-radius:50%;width:45px;height:45px;position:relative;overflow:hidden}.cross-v,.cross-h{background:var(--navy);z-index:3;border-radius:3px;position:absolute}.cross-v{width:5px;height:34px;top:5px;left:18px}.cross-h{width:28px;height:5px;top:16px;left:6px}.arc{border:3px solid #5e8dc2;border-color:#5e8dc2 #0000;border-radius:50%;width:47px;height:17px;position:absolute;left:-2px}.a1{top:8px}.a2{top:23px}.brand-copy{flex-direction:column;line-height:1;display:flex}.brand-copy span{letter-spacing:.1em;color:#303c4a;font-size:8px;font-weight:700}.brand-copy strong{letter-spacing:-.03em;color:var(--navy);font-size:24px}.header-actions{align-items:center;gap:15px;display:flex}.header-actions button{background:0 0;border:0;padding:5px}.avatar{width:35px;height:35px;color:var(--navy);border:1.5px solid #d8dde4;border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid}.welcome-hero{color:#fff;background:linear-gradient(135deg,#082c60 0%,#164f8d 100%);padding:31px 25px 57px;position:relative;overflow:hidden}.welcome-hero:after{content:"";background:radial-gradient(circle,#ffffff1f,#0000 66%);border-radius:50%;width:190px;height:190px;position:absolute;top:-65px;right:-90px}.welcome-hero p{margin:0 0 8px;font-size:15px}.welcome-hero h1{letter-spacing:-.04em;margin:0 0 7px;font-size:30px}.welcome-hero h1 span{font-size:23px}.hero-date{text-transform:capitalize;color:#eef5fd;font-size:17px}.content-sheet{background:#fff;border-radius:28px 28px 0 0;margin-top:-28px;padding:18px;position:relative}.reading-card{background:#fff;border:1px solid #eef1f4;border-radius:22px;grid-template-columns:62px 1fr 38px;gap:12px;margin-bottom:13px;padding:20px 17px;display:grid;box-shadow:0 8px 28px #1f334917}.reading-icon{border-radius:17px;place-items:center;width:58px;height:58px;display:grid}.morning .reading-icon{color:var(--orange);background:#fff4df}.night .reading-icon{color:var(--purple);background:#efe8ff}.reading-kicker{letter-spacing:.03em;margin-top:2px;font-size:11px;font-weight:800}.morning .reading-kicker{color:#d98000}.night .reading-kicker{color:#6241b7}.reading-main h2{letter-spacing:-.035em;margin:7px 0 14px;font-size:27px;line-height:1.05}.read-button{background:#fff;border:1px solid #e1e6ec;border-radius:13px;align-items:center;gap:9px;height:47px;padding:0 12px;font-size:14px;font-weight:650;text-decoration:none;display:flex}.read-button svg:last-child{margin-left:auto}.done-button{color:#fff;background:#fff;border:2px solid #c9d0d8;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.done-button.checked{background:var(--green);border-color:var(--green)}.progress-card{color:#fff;background:linear-gradient(135deg,#082d64,#0b3d7b);border-radius:18px;margin:18px 0;padding:17px 18px}.progress-head{justify-content:space-between;font-size:12px;display:flex}.progress-head strong{letter-spacing:.03em}.progress-head span{color:#e3eefb}.progress-row{align-items:center;gap:12px;margin-top:12px;display:flex}.progress-track{background:#fff3;border-radius:99px;flex:1;height:11px;overflow:hidden}.progress-track div{background:#6bd1ac;border-radius:99px;height:100%}.progress-row b{font-size:22px}.events-card{background:#fff;border:1px solid #e6ebf0;border-radius:19px;overflow:hidden}.card-title{color:#183a65;align-items:center;gap:8px;padding:16px 17px 12px;font-size:12px;font-weight:800;display:flex}.event-row{border-top:1px solid #edf0f3;grid-template-columns:53px 1fr 20px;align-items:center;gap:12px;padding:13px 16px;display:grid}.event-time{text-align:center;border-radius:12px;place-items:center;width:50px;height:51px;font-size:10px;line-height:1.15;display:grid}.event-time strong{font-size:14px}.green{color:#24865f;background:#e9f8f1}.purple{color:#6d4ec6;background:#f0ebfc}.event-row b{font-size:15px;display:block}.event-row span{color:var(--muted);margin-top:3px;font-size:12px;display:block}.bottom-nav{z-index:1000;width:min(100%,520px);height:82px;padding:10px 12px max(9px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e6e9ee;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -6px 20px #0e26410a}.bottom-nav a{color:#7c8591;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:10px;text-decoration:none;display:flex}.bottom-nav a.active{color:var(--navy);font-weight:800}.page-white{background:#f7f8fa}.page-header{text-align:center;background:#fff;grid-template-columns:36px 1fr 36px;align-items:center;height:104px;padding:35px 23px 15px;display:grid}.page-header>a{color:#222;text-align:left;font-size:38px;line-height:1;text-decoration:none}.page-header h1{margin:0;font-size:20px}.page-header p{color:var(--muted);margin:3px 0 0;font-size:12px}.page-header>svg,.page-header>span{justify-self:end}.week-picker{background:#fff;grid-template-columns:repeat(5,1fr);gap:9px;padding:18px 17px;display:grid}.week-picker>div{background:#fff;border:1px solid #e4e8ed;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:3px;height:82px;display:flex}.week-picker span{color:#666;font-size:10px}.week-picker b{font-size:21px}.week-picker i{border:1.5px solid #b6bec8;border-radius:50%;width:8px;height:8px}.week-picker i.filled{background:var(--green);border-color:var(--green)}.week-picker .active{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:0 7px 18px #0a2f6433}.week-picker .active span{color:#fff}.week-list{padding:10px 17px 25px}.day-card{background:#fff;border:1px solid #e5e9ee;border-radius:19px;margin:12px 0;padding:17px;box-shadow:0 3px 16px #1c2d400d}.day-card.selected{border-color:#3c85d7;box-shadow:0 5px 18px #2570c621}.day-card h2{margin:0 0 13px;font-size:16px}.mini-reading{grid-template-columns:29px 28px 1fr 28px;align-items:center;gap:8px;padding:7px 0;display:grid}.mini-icon{border-radius:8px;place-items:center;width:27px;height:27px;display:grid}.mini-icon.sun{color:var(--orange);background:#fff4df}.mini-icon.moon{color:var(--purple);background:#efe8ff}.mini-reading b{font-size:11px}.mini-reading strong{font-size:14px}.mini-reading button{color:#fff;background:#fff;border:1.5px solid #c6cdd6;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.mini-reading button.checked{background:var(--green);border-color:var(--green)}.mini-event{color:#566372;border-top:1px solid #edf0f3;grid-template-columns:27px 58px 1fr;align-items:center;margin-top:7px;padding-top:12px;font-size:12px;display:grid}.mini-event strong{color:#232a33}.month-header{grid-template-columns:36px 1fr 36px}.month-calendar{background:#fff;padding:20px 20px 17px}.weekday-row{text-align:center;color:#89919b;grid-template-columns:repeat(5,1fr);margin-bottom:8px;font-size:9px;font-weight:700;display:grid}.calendar-grid{grid-template-columns:repeat(5,1fr);gap:8px 5px;display:grid}.calendar-day{border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:7px;height:58px;display:flex}.calendar-day b{font-size:14px}.calendar-day i,.legend i{border:1.5px solid #bac3cd;border-radius:50%;width:9px;height:9px;display:inline-block}.calendar-day i.complete,.legend i.complete{background:var(--green);border-color:var(--green)}.calendar-day.today{background:var(--navy);color:#fff}.calendar-day.today i{border-color:#61c39e}.legend{justify-content:space-between;gap:10px;margin-top:20px;font-size:10px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.legend .todaydot{background:var(--navy);border-color:var(--navy)}.month-readings{padding:10px 18px 24px}.month-readings h2{font-size:16px}.month-row{background:#fff;border:1px solid #eceff3;border-radius:15px;grid-template-columns:45px 1fr 15px;align-items:center;gap:10px;margin:8px 0;padding:12px 14px;text-decoration:none;display:grid}.month-row>div{text-align:center}.month-row>div b{font-size:18px;display:block}.month-row>div span{color:var(--muted);text-transform:uppercase;font-size:9px}.month-row p{margin:0;font-size:12px;line-height:1.7}.month-row p span{color:var(--muted);margin-right:7px;font-size:9px;font-weight:800}.progress-hero{text-align:center;background:#fff;padding:25px 20px 24px}.ring{--pct:0deg;background:conic-gradient(var(--navy) var(--pct),#e9edf2 0);border-radius:50%;place-items:center;width:168px;height:168px;margin:0 auto;display:grid}.ring:before{content:"";background:#fff;border-radius:50%;width:134px;height:134px;position:absolute}.ring div{z-index:1}.ring b{font-size:35px;display:block}.ring span{color:var(--muted);font-size:11px}.progress-hero h2{margin:18px 0 5px;font-size:21px}.progress-hero p{color:var(--muted);margin:0;font-size:13px}.stats-grid{grid-template-columns:1fr 1fr;gap:12px;padding:17px;display:grid}.stats-grid article{background:#fff;border:1px solid #e9edf1;border-radius:17px;padding:18px}.stats-grid span{color:var(--muted);font-size:12px;display:block}.stats-grid b{margin-top:8px;font-size:30px;display:inline-block}.stats-grid small{color:var(--muted);margin-left:4px}.streak-card{background:#fff9e9;border:1px solid #f5e8c3;border-radius:17px;align-items:center;gap:14px;margin:0 17px;padding:16px;display:flex}.streak-card>div:first-child{font-size:27px}.streak-card span{color:#8b732e;font-size:11px;display:block}.streak-card b{margin-top:2px;font-size:14px;display:block}.admin-panel{text-align:center;background:#fff;border:1px solid #e6eaf0;border-radius:22px;margin:18px;padding:25px}.admin-icon{width:72px;height:72px;color:var(--navy);background:#edf4fc;border-radius:22px;place-items:center;margin:0 auto;display:grid}.admin-panel h2{font-size:21px}.admin-panel p{color:var(--muted);font-size:13px;line-height:1.55}.file-box{height:52px;color:var(--navy);cursor:pointer;border:1.5px dashed #b8c3cf;border-radius:14px;place-items:center;margin-top:20px;font-weight:700;display:grid}.file-box input{display:none}.filename{color:var(--muted);margin-top:7px;font-size:11px}.token-label{text-align:left;margin-top:17px;font-size:11px;font-weight:700;display:block}.token-label input{border:1px solid #dfe4ea;border-radius:12px;width:100%;height:47px;margin-top:7px;padding:0 12px}.admin-submit{background:var(--navy);color:#fff;border:0;border-radius:13px;width:100%;height:50px;margin-top:13px;font-weight:800}.admin-status{color:#35556f;background:#edf5fb;border-radius:10px;margin-top:13px;padding:10px;font-size:12px}@media (min-width:700px){body{padding:24px}.phone-shell{border-radius:30px;min-height:calc(100vh - 48px);overflow:hidden}.bottom-nav{border-radius:0 0 30px 30px;bottom:24px}}.simple-reading{grid-template-columns:62px 1fr}.simple-hero{padding-bottom:55px}.simple-events{margin-top:18px}.month-cta{color:var(--navy);background:#f0f5fb;border-radius:17px;justify-content:space-between;align-items:center;margin:16px 0 2px;padding:16px 17px;text-decoration:none;display:flex}.month-cta span{letter-spacing:.08em;color:#68809a;font-size:9px;font-weight:800;display:block}.month-cta b{margin-top:3px;font-size:15px;display:block}.simple-nav{grid-template-columns:repeat(2,1fr)}.weekday-row.seven,.calendar-grid.seven{grid-template-columns:repeat(7,1fr)}.full-month-calendar{background:#fff;border-bottom:1px solid #e8ecf0;padding:21px 14px 18px}.calendar-grid.seven{gap:7px 3px;display:grid}.calendar-grid.seven .calendar-day{width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.calendar-grid.seven .calendar-day.selected{background:var(--navy);color:#fff}.calendar-day i.has-reading{background:#62b795;border-color:#62b795}.calendar-day.selected i.has-reading{background:#fff;border-color:#fff}.month-help{color:#7c8793;align-items:center;gap:7px;margin:15px 5px 0;font-size:10px;display:flex}.month-help i{background:#62b795;border-radius:50%;width:8px;height:8px}.selected-day{padding:20px 18px 25px}.selected-title{justify-content:space-between;align-items:center;margin:0 3px 15px;display:flex}.selected-title span{letter-spacing:.06em;color:#788493;font-size:10px;font-weight:800}.selected-title h2{text-transform:capitalize;margin:4px 0 0;font-size:20px}.selected-event{background:#fff;border:1px solid #e4e9ee;border-radius:15px;align-items:center;gap:12px;margin-top:10px;padding:14px 15px;display:flex}.selected-event b{font-size:14px;display:block}.selected-event span{color:#7b8590;margin-top:3px;font-size:11px;display:block}.no-reading{text-align:center;color:#7b8590;background:#fff;border:1px solid #e7ebef;border-radius:17px;padding:28px 15px}.official-logo{object-fit:contain;object-position:left center;width:185px;height:58px}.app-header{background:#fff;justify-content:space-between;align-items:center;height:105px;padding:20px 24px;display:flex}.app-header .official-logo{object-fit:contain;object-position:left center;width:185px;height:58px;display:block}.no-reading-today{text-align:center;background:#fff;border:1px solid #e7ebf0;border-radius:22px;padding:28px 22px;box-shadow:0 8px 28px #1f334912}.no-reading-icon{color:#0a2f64;background:#edf4fc;border-radius:17px;place-items:center;width:58px;height:58px;margin:0 auto 14px;display:grid}.no-reading-today>span{color:#6c7d91;letter-spacing:.07em;font-size:10px;font-weight:800}.no-reading-today h2{margin:7px 0;font-size:20px}.no-reading-today p{color:#727d89;margin:5px 0 0;font-size:13px}.admin-preview,.published-calendars{background:#fff;border:1px solid #e6eaf0;border-radius:22px;margin:18px;padding:20px}.admin-section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.admin-section-heading span{color:#7a8795;letter-spacing:.08em;font-size:9px;font-weight:800;display:block}.admin-section-heading h2{margin:4px 0 0;font-size:20px}.calendar-state{border-radius:999px;flex:none;padding:7px 10px;font-size:10px;font-weight:800}.calendar-state.new{color:#24795b;background:#e9f7f1}.calendar-state.exists{color:#9a6700;background:#fff4d7}.admin-warning{color:#8a620b;background:#fff7df;border:1px solid #f0dfaa;border-radius:13px;margin-bottom:14px;padding:12px 14px;font-size:12px;line-height:1.45}.admin-warning p{margin:0}.preview-days{border:1px solid #e7ebef;border-radius:16px;max-height:410px;overflow-y:auto}.preview-day{border-bottom:1px solid #edf0f3;padding:13px 14px}.preview-day:last-child{border-bottom:0}.preview-date{color:#26384b;text-transform:capitalize;margin-bottom:8px;font-size:12px;font-weight:800}.preview-reading{grid-template-columns:31px 1fr;align-items:center;gap:8px;padding:3px 0;display:grid}.preview-reading span{color:#728091;font-size:9px;font-weight:800}.preview-reading b{font-size:13px}.preview-summary{color:#788492;text-align:center;margin:12px 2px 0;font-size:11px}.admin-actions,.confirm-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.admin-primary,.admin-secondary,.admin-danger,.admin-danger-soft{cursor:pointer;border-radius:13px;min-height:48px;padding:10px 12px;font-weight:800}.admin-primary{color:#fff;background:var(--navy);border:1px solid var(--navy)}.admin-secondary{color:#26384b;background:#fff;border:1px solid #dce2e8}.admin-danger{color:#fff;background:#a83333;border:1px solid #a83333}.admin-danger-soft{color:#8e342e;background:#fff1ef;border:1px solid #f0cbc6}.admin-primary:disabled,.admin-secondary:disabled,.admin-danger:disabled,.admin-submit:disabled{cursor:wait;opacity:.65}.published-row{border-top:1px solid #edf0f3;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;display:flex}.published-row:first-of-type{border-top:0}.published-row b,.published-row span{display:block}.published-row b{font-size:14px}.published-row span{color:#7b8691;margin-top:3px;font-size:11px}.published-row button{color:#963e38;background:#fff;border:1px solid #eed2cf;border-radius:10px;padding:7px 10px;font-size:11px;font-weight:700}.confirm-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0814237a;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.confirm-dialog{text-align:center;background:#fff;border-radius:22px;width:min(100%,420px);padding:24px;box-shadow:0 24px 70px #0814233d}.confirm-icon{color:#fff;background:var(--navy);border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto 13px;font-size:21px;font-weight:900;display:grid}.confirm-dialog h2{margin:0 0 8px;font-size:21px}.confirm-dialog p{color:#6f7b88;margin:0;font-size:13px;line-height:1.55}.month-nav-button{width:36px;height:36px;color:var(--navy);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-size:34px;font-weight:300;line-height:1;display:grid}.month-nav-button:hover:not(:disabled){background:#edf4fc}.month-nav-button:disabled{opacity:.18;cursor:default}