:root{--paper:#f7f7f2;--white:#fff;--ink:#25352e;--muted:#758078;--line:#e6e8df;--green:#315c49;--green2:#49765f;--sage:#e8efe8;--gold:#c89b4b;--serif:"Newsreader",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:28px 18px 18px;z-index:4}.brand{display:flex;align-items:center;gap:10px;padding:0 12px;color:#2d4a3b;text-decoration:none;font:600 24px var(--serif);letter-spacing:-1.2px}.brand-dot{color:#b99a61}.brand-mark{width:30px;height:30px;border:1px solid #dbe7dd;border-radius:50%;display:grid;place-items:center;background:#f1f6f0}.brand-mark svg{width:24px;fill:none;stroke:#4d765d;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.brand-mark.small{width:27px;height:27px}.brand-mark.small svg{width:22px}.side-label,.eyebrow,.verse-label,.verse-card>span:last-of-type,.reading-label,.detail-panel label,.journal-editor label,.commit-verse span{font-size:9px;letter-spacing:1.45px;font-weight:700;color:#8a938a}.side-label{padding:49px 13px 13px}.primary-nav{display:grid;gap:4px}.nav-item{height:42px;border:0;background:transparent;color:#667169;text-align:left;border-radius:7px;padding:0 12px;display:flex;align-items:center;gap:12px;font:500 12px var(--sans);cursor:pointer}.nav-item:hover,.nav-item.active{background:#edf3ee;color:#315c49}.nav-icon{font-size:18px;width:17px;text-align:center;color:#7e9283}.nav-item.active .nav-icon{color:#315c49}.nav-count{margin-left:auto;color:#97a099;font-size:10px}.sidebar-bottom{margin-top:auto}.verse-card{position:relative;overflow:hidden;background:#f1f5ef;border:1px solid #e6ede4;border-radius:9px;padding:16px 14px 14px;margin:0 3px 15px}.verse-card p{font:500 18px var(--serif);margin:14px 0 9px;color:#385442}.verse-card>span:last-of-type{color:#7d8d7e;font-size:8px}.verse-leaf{position:absolute;right:12px;bottom:4px;font-size:37px;color:#d5e2d3}.profile-button{width:100%;display:flex;align-items:center;gap:10px;background:transparent;border:0;border-top:1px solid var(--line);padding:15px 8px 0;text-align:left;cursor:pointer}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e6efe8;color:#466a52;font:500 14px var(--serif)}.profile-copy{display:grid;gap:3px}.profile-copy b{font-size:11px;font-weight:600}.profile-copy small{font-size:9px;color:#929b94}.more{margin-left:auto;font-size:19px;color:#9aa29b}.main-content{margin-left:244px;max-width:1440px;padding:0 5.2vw 52px}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.breadcrumb{display:flex;gap:10px;align-items:center;font-size:11px;color:#99a098}.breadcrumb span:last-child{color:#536158}.crumb-slash{color:#c7ccc6}.top-actions{display:flex;align-items:center;gap:20px}.save-status{font-size:10px;color:#879188}.save-status i{display:inline-block;width:6px;height:6px;background:#86aa87;border-radius:50%;margin:0 7px 1px 0}.icon-button{width:23px;height:23px;border:1px solid #dce2db;border-radius:50%;background:transparent;color:#708075;font-size:11px;cursor:pointer}.mobile-brand{display:none}.page-view{display:none;padding-top:35px}.page-view.active{display:block}.welcome-row{display:flex;min-height:196px;align-items:center;justify-content:space-between;position:relative}.eyebrow{display:flex;align-items:center;gap:7px}.sun-icon{color:#c59b56;font-size:16px}h1,h2,h3,p{margin-top:0}.welcome-row h1,.page-title-row h1,.detail-head h1{font:400 36px/1.08 var(--serif);letter-spacing:-.8px;margin:16px 0 10px;color:#2f4136}.welcome-row h1 em{font-weight:400;color:#53765d}.intro{font-size:12px;color:#828b83;line-height:1.7;margin:0}.welcome-art{position:absolute;right:1.5%;top:-12px;width:360px;height:210px;overflow:hidden}.sun-disc{position:absolute;width:91px;height:91px;border-radius:50%;background:#f0ddac;right:91px;top:27px}.hill{position:absolute;bottom:-53px;border-radius:50% 50% 0 0}.hill-back{background:#dfe9dc;width:360px;height:124px;right:-71px;transform:rotate(-10deg)}.hill-front{background:#d0dfd0;width:382px;height:113px;right:27px;bottom:-76px;transform:rotate(6deg)}.tree{position:absolute;bottom:31px;width:50px;height:117px}.tree-one{left:50px}.tree-two{right:58px;transform:scale(.82);bottom:22px}.tree i,.tree b{position:absolute;display:block}.tree i{width:31px;height:91px;border-left:1.5px solid #718a70;left:24px;top:26px;transform:rotate(8deg)}.tree b{width:72px;height:72px;border:1px solid #718a70;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;left:-1px;top:0;transform:rotate(-34deg)}.bird{position:absolute;top:31px;left:95px;font:32px var(--serif);color:#8ca087;transform:rotate(-12deg)}.stats-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:13px 0 36px}.stat-card{height:74px;background:#fff;border:1px solid #e9ebe4;border-radius:7px;display:flex;align-items:center;padding:0 14px;gap:11px;position:relative}.stat-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:14px}.stat-icon.green{background:#eaf2e9;color:#64876a}.stat-icon.gold{background:#f5f0e4;color:#b58f4d}.stat-icon.blue{background:#e9f0ef;color:#688d8b}.stat-card strong{display:block;font:500 15px var(--serif);margin-bottom:4px;color:#33453a}.stat-card strong small{font:400 10px var(--sans);color:#929b93}.stat-card span:not(.stat-icon){font-size:9px;color:#939c94}.mini-progress{position:absolute;bottom:0;left:14px;right:14px;height:2px;background:#edf0e9}.mini-progress i{display:block;height:100%;background:#82a283;width:29%}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.section-heading .eyebrow{font-size:8px}.section-heading h2{font:500 21px var(--serif);letter-spacing:-.3px;margin:8px 0 0;color:#34483a}.text-link,.back-link{background:transparent;border:0;color:#55765e;font:500 10px var(--sans);cursor:pointer;padding:5px 0}.text-link span{margin-left:6px}.lesson-card{display:grid;grid-template-columns:34% 1fr;min-height:218px;border:1px solid #e7e9e1;border-radius:8px;background:#fff;overflow:hidden}.lesson-art{min-height:218px;background:#eaf0e8;position:relative;overflow:hidden}.art-sun{position:absolute;top:34px;left:43%;width:67px;height:67px;background:#e9d59e;border-radius:50%}.art-line{position:absolute;border:1px solid #829b81;border-bottom:0;border-left:0;width:190px;height:105px;border-radius:50%;transform:rotate(-25deg)}.line-a{top:90px;left:-11px}.line-b{top:126px;left:52px;transform:rotate(22deg)}.art-leaf{position:absolute;color:#829b81}.leaf-a{font-size:38px;top:73px;left:17%}.leaf-b{font-size:30px;right:17%;top:105px;color:#9daf91}.art-caption{position:absolute;left:21px;bottom:16px;font-size:7px;line-height:1.5;letter-spacing:1.2px;color:#789078}.lesson-info{padding:22px 27px;display:flex;flex-direction:column;align-items:flex-start}.lesson-meta{width:100%;display:flex;align-items:center;justify-content:space-between}.pill{border-radius:20px;background:#eff4ec;color:#69836c;padding:6px 10px;font-size:7px;letter-spacing:.8px;font-weight:700}.lesson-number{font-size:8px;color:#a2aaa2;letter-spacing:1px}.lesson-info h3{font:500 25px var(--serif);margin:14px 0 6px;color:#324739}.lesson-verse{font:italic 14px var(--serif);color:#667b6c;margin:0 0 7px}.verse-ref{font-size:8px;letter-spacing:1px;color:#929d91}.lesson-progress{margin-top:17px;display:flex;align-items:center;gap:10px;width:100%}.progress-line{height:3px;background:#eef0e9;flex:1}.progress-line i{display:block;width:29%;height:100%;background:#80a084}.lesson-progress span{font-size:9px;color:#8d968d}.button{height:36px;border-radius:5px;border:1px solid transparent;padding:0 14px;font:500 10px var(--sans);display:inline-flex;align-items:center;gap:21px;cursor:pointer}.button span{font-size:15px;font-weight:400}.button.primary{margin-top:13px;background:#365f4b;color:white}.button.primary:hover{background:#294d3b}.days-heading{margin-top:33px}.soft-note{color:#9ba39b;font-size:9px;padding-bottom:3px}.week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}.day-card{border:1px solid #e9ebe5;background:#fff;border-radius:6px;min-height:83px;text-align:left;padding:11px 10px;position:relative;cursor:pointer;transition:.15s}.day-card:hover{border-color:#aebfaa;transform:translateY(-1px)}.day-card.complete{background:#f2f6f0;border-color:#e2eadf}.day-card.selected{border-color:#66896a;box-shadow:0 0 0 1px #66896a}.day-num{font-size:8px;color:#98a096;letter-spacing:.5px}.day-title{display:block;font:500 13px var(--serif);color:#435749;margin:8px 0 4px}.day-topic{font-size:8px;color:#909a90}.day-check{position:absolute;right:8px;top:8px;color:#709271;font-size:11px}.home-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:30px;padding-top:15px;color:#9ba39c;font:italic 12px var(--serif)}.home-footer span:last-child{font:700 8px var(--sans);letter-spacing:1px}.page-title-row{display:flex;align-items:center;justify-content:space-between;margin:6px 0 29px}.page-title-row h1{font-size:34px;margin:14px 0 8px}.count-badge,.privacy-note{border:1px solid #e6e9e2;background:#fff;border-radius:20px;padding:9px 12px;font-size:9px;color:#859087}.count-badge i{color:#bd9a5b;margin:0 4px;font-style:normal}.filter-bar{display:flex;gap:10px;margin:0 0 20px}.search-box{flex:1;max-width:440px;height:38px;background:#fff;border:1px solid #e5e8e0;border-radius:5px;display:flex;align-items:center;padding:0 11px;gap:8px;color:#97a096}.search-box span{font-size:20px}.search-box input{border:0;outline:0;width:100%;font:11px var(--sans);color:var(--ink)}select{height:38px;border:1px solid #e5e8e0;background:#fff;border-radius:5px;padding:0 12px;color:#68756b;font:10px var(--sans)}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.library-card{background:#fff;border:1px solid #e6e9e1;border-radius:7px;padding:17px;min-height:160px;display:flex;flex-direction:column;cursor:pointer;transition:.15s}.library-card:hover{border-color:#bdcdbb;transform:translateY(-2px)}.library-card .pill{align-self:flex-start}.library-card h3{font:500 19px var(--serif);margin:14px 0 6px;color:#34473a}.library-card p{font:italic 12px var(--serif);color:#7e8d80;margin:0 0 14px}.library-card footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#9aa39a;letter-spacing:.5px}.library-card footer b{color:#68816a;font-weight:500}.library-note{margin-top:21px;padding:15px 17px;background:#f0f4ec;border-radius:6px;display:flex;align-items:center;gap:12px;color:#708172}.library-note>span{font-size:20px;color:#839c7e}.library-note p{font-size:10px;line-height:1.6;margin:0}.library-note b{color:#49664e;font-weight:600}.journal-layout{display:grid;grid-template-columns:.9fr 1.2fr;gap:14px}.journal-prompt{position:relative;min-height:281px;background:#edf3ec;border:1px solid #e2eadd;border-radius:8px;padding:25px;overflow:hidden}.journal-prompt h2{font:500 25px/1.2 var(--serif);color:#385140;margin:23px 0 12px;max-width:340px}.journal-prompt p{font-size:10px;color:#7c8a7d;line-height:1.6;max-width:290px}.journal-prompt>span{position:absolute;left:25px;bottom:20px;font-size:8px;letter-spacing:1px;color:#879686}.journal-flower{position:absolute;right:4px;bottom:-36px;font-size:133px;color:#dce8da}.journal-editor{background:#fff;border:1px solid #e6e9e1;border-radius:8px;padding:22px;display:flex;flex-direction:column}.journal-editor label,.notes-box label,.commit-input+label{margin-bottom:11px}.journal-editor textarea,.notes-box textarea,.detail-panel textarea{width:100%;border:1px solid #e6e9e2;border-radius:5px;background:#fbfcf9;resize:vertical;padding:13px;font:12px/1.6 var(--serif);color:#34473a;outline-color:#9eb69e}.journal-editor textarea::placeholder,.detail-panel textarea::placeholder{color:#b0b7b0}.editor-foot{margin-top:auto;padding-top:10px;display:flex;justify-content:space-between;align-items:center}.editor-foot span,.notes-box>span{font-size:9px;color:#9ca49b}.editor-foot .button{margin:0}.past-reflections{margin-top:36px}.past-reflections .eyebrow{margin-bottom:12px}.reflection-list{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.reflection-entry{padding:15px;background:#fff;border:1px solid #e8eae4;border-radius:6px}.reflection-entry small{font-size:8px;color:#99a198;letter-spacing:.5px}.reflection-entry p{font:italic 14px/1.5 var(--serif);color:#586c5b;margin:9px 0 0}.back-link{margin-bottom:22px}.detail-head{display:flex;justify-content:space-between;align-items:center;padding:5px 0 24px;border-bottom:1px solid var(--line)}.detail-head h1{margin:14px 0 9px}.detail-head .lesson-verse{font-size:16px}.detail-symbol{width:55px;height:55px;border-radius:50%;background:#edf3eb;display:grid;place-items:center;color:#7d9a7c;font:26px var(--serif)}.detail-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:25px}.detail-tab{background:transparent;border:0;border-bottom:2px solid transparent;padding:14px 2px 12px;color:#8c968e;font:500 10px var(--sans);cursor:pointer}.detail-tab.active{color:#45654b;border-color:#668768}.detail-panel{display:none;max-width:780px;margin:0 auto}.detail-panel.active{display:block}.reading-label{display:flex;justify-content:space-between;margin-bottom:17px}.reading-label span{font-size:8px;color:#a1aaa1}.detail-panel h2{font:500 27px var(--serif);color:#34483a;margin:0 0 14px}.detail-panel>p{font:15px/1.75 var(--serif);color:#5e6c60;margin-bottom:15px}.scripture-card{margin:23px 0;padding:19px 22px;background:#edf3eb;border-left:3px solid #9fb599}.scripture-card span,.commit-verse span{font-size:8px;letter-spacing:1px;font-weight:700;color:#83927e}.scripture-card p,.commit-verse p{font:italic 19px/1.4 var(--serif);color:#3d5942;margin:13px 0 9px}.scripture-card b,.commit-verse b{font-size:8px;letter-spacing:1px;color:#879686}.reflection-question{padding:4px 0 14px}.reflection-question span{font-size:8px;letter-spacing:1px;color:#b08e52;font-weight:700}.reflection-question p{font:italic 17px var(--serif);color:#526753;margin:10px 0 0}.panel-intro{font-size:12px!important;margin:0 0 19px!important}.daily-list{display:grid;gap:8px}.daily-item{border:1px solid #e7eae3;border-radius:6px;background:#fff;padding:13px 15px;display:grid;grid-template-columns:26px 1fr auto;gap:12px;align-items:start}.daily-check{width:21px;height:21px;border-radius:50%;border:1px solid #cbd6c9;background:#fff;color:transparent;display:grid;place-items:center;cursor:pointer;font-size:11px}.daily-item.complete .daily-check{background:#6f906f;color:#fff;border-color:#6f906f}.daily-item h3{font:500 15px var(--serif);margin:0 0 4px;color:#405642}.daily-item p{font-size:10px;color:#849087;line-height:1.5;margin:0}.daily-item small{font-size:8px;color:#9aa39a;white-space:nowrap}.notes-box{margin-top:19px;background:#f1f5ef;padding:16px;border-radius:6px}.notes-box label{font-size:8px;letter-spacing:1px;font-weight:700;color:#829080}.notes-box textarea{background:#fff;margin-bottom:7px}.commit-input{margin:5px 0 17px}.commit-verse{padding:19px 20px;background:#edf3eb;border-radius:6px;margin-bottom:15px}.commit-verse p{font-size:17px;margin:10px 0 7px}.mobile-nav{display:none}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);background:#2f5140;color:white;padding:11px 16px;border-radius:5px;font-size:10px;opacity:0;pointer-events:none;transition:.2s;z-index:10;box-shadow:0 5px 18px #24352d22}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #e6e9e1;border-radius:10px;padding:28px;max-width:380px;color:var(--ink);box-shadow:0 15px 60px #20372d28}dialog::backdrop{background:#1f302766}dialog h2{font:500 27px var(--serif);margin:15px 0 10px}dialog p{font-size:12px;line-height:1.7;color:#778278}.dialog-close{position:absolute;right:13px;top:10px;border:0;background:transparent;color:#879188;font-size:22px;cursor:pointer}.dialog-close+.eyebrow{margin-top:5px}
@media(max-width:1050px){.sidebar{width:205px}.main-content{margin-left:205px;padding-left:4vw;padding-right:4vw}.welcome-art{right:0;opacity:.82;width:300px}.welcome-row h1{font-size:32px}.lesson-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:0 9px;gap:8px}.stat-card strong{font-size:13px}}
@media(max-width:760px){.sidebar{display:none}.main-content{margin:0;padding:0 20px 85px}.topbar{height:59px}.mobile-brand{display:flex;align-items:center;gap:6px;font:600 19px var(--serif);letter-spacing:-.7px;color:#2d4a3b}.breadcrumb{display:none}.top-actions{gap:10px}.save-status{font-size:9px}.mobile-nav{position:fixed;inset:auto 0 0;height:62px;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;z-index:5;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{border:0;background:transparent;display:grid;justify-items:center;gap:3px;color:#89938a;font:500 8px var(--sans);min-width:60px;cursor:pointer}.mobile-nav button span{font-size:17px}.mobile-nav button.active{color:#47694f}.page-view{padding-top:26px}.welcome-row{min-height:222px;align-items:flex-start}.welcome-row h1{font-size:31px;margin-top:15px;max-width:340px}.welcome-row .intro{max-width:290px;font-size:11px}.welcome-art{top:82px;right:0;width:190px;height:130px;opacity:.6;transform:scale(.72);transform-origin:top right}.stats-row{grid-template-columns:1fr 1fr;margin:10px 0 29px;gap:8px}.stat-card{height:66px}.stat-card:last-child{display:none}.stat-card strong{font-size:13px}.stat-card span:not(.stat-icon){font-size:8px}.section-heading h2{font-size:19px}.text-link{font-size:9px}.lesson-card{grid-template-columns:1fr}.lesson-art{min-height:125px}.lesson-info{padding:17px 18px}.lesson-info h3{font-size:23px}.lesson-progress{margin-top:14px}.button{height:35px}.days-heading{margin-top:28px}.soft-note{font-size:8px}.week-strip{grid-template-columns:repeat(4,1fr);gap:7px}.day-card{min-height:76px;padding:9px}.home-footer{margin-top:23px;font-size:11px}.page-title-row{display:block;margin-bottom:22px}.page-title-row h1{font-size:30px}.count-badge,.privacy-note{display:inline-block;margin-top:15px}.filter-bar{flex-direction:column}.search-box{max-width:none}.filter-bar select{width:100%}.lesson-grid{grid-template-columns:1fr 1fr;gap:8px}.library-card{padding:12px;min-height:150px}.library-card h3{font-size:16px;margin-top:12px}.library-card p{font-size:11px}.library-card footer{font-size:7px}.pill{font-size:6px;padding:5px 7px}.journal-layout{grid-template-columns:1fr}.journal-prompt{min-height:210px;padding:20px}.journal-prompt h2{font-size:22px;margin-top:17px}.journal-prompt>span{left:20px;bottom:15px}.journal-editor{min-height:280px;padding:18px}.reflection-list{grid-template-columns:1fr}.detail-head{align-items:flex-start}.detail-head h1{font-size:30px}.detail-head .lesson-verse{font-size:14px;max-width:310px;line-height:1.5}.detail-symbol{width:43px;height:43px;flex:none;margin-left:10px}.detail-tabs{gap:15px}.detail-tab{font-size:9px}.detail-panel h2{font-size:24px}.detail-panel>p{font-size:14px}.daily-item{grid-template-columns:24px 1fr;gap:9px}.daily-item small{grid-column:2}.reading-label{font-size:8px}.welcome-row .eyebrow{font-size:8px}}
@media(max-width:390px){.main-content{padding-left:15px;padding-right:15px}.welcome-row h1{font-size:28px}.week-strip{grid-template-columns:repeat(3,1fr)}.lesson-grid{grid-template-columns:1fr}.lesson-card .lesson-art{min-height:105px}.stat-icon{width:24px;height:24px}.stat-card strong{font-size:12px}}

/* Prototype-only device preview controls. Real screens still use the breakpoints above. */
.layout-switch{display:flex;align-items:center;gap:2px;padding:3px;background:#eef1ec;border:1px solid #e6e9e2;border-radius:6px}.switch-label{font-size:8px;letter-spacing:1px;font-weight:700;color:#98a198;padding:0 7px 0 5px}.layout-option{height:26px;display:flex;align-items:center;gap:5px;padding:0 8px;border:0;border-radius:4px;background:transparent;color:#788379;font:500 9px var(--sans);cursor:pointer}.layout-option span{font-size:13px;line-height:1}.layout-option.active{background:#fff;color:#3f654b;box-shadow:0 1px 3px #263b2b14}.layout-option:focus-visible,.nav-item:focus-visible,.button:focus-visible,.day-card:focus-visible{outline:2px solid #81a786;outline-offset:2px}
body[data-preview="phone"],body[data-preview="tablet"]{display:grid;place-items:center;background:#e8ece7;min-height:100vh;overflow:hidden}
body[data-preview="phone"] .app-shell{position:relative;width:min(390px,calc(100vw - 32px));height:min(844px,calc(100vh - 32px));min-height:0;margin:0 auto;border:7px solid #fff;border-radius:27px;overflow:hidden;box-shadow:0 15px 55px #24352d24;background:var(--paper)}
body[data-preview="phone"] .sidebar{display:none}
body[data-preview="phone"] .main-content{height:100%;margin:0;padding:0 17px 78px;overflow:auto;max-width:none}
body[data-preview="phone"] .topbar{position:sticky;top:0;z-index:3;height:auto;min-height:68px;padding:8px 0;background:var(--paper);display:grid;grid-template-columns:1fr auto;gap:5px}
body[data-preview="phone"] .mobile-brand{display:flex;grid-column:1;grid-row:1}
body[data-preview="phone"] .breadcrumb{display:none}
body[data-preview="phone"] .layout-switch{grid-column:1/-1;grid-row:2;justify-self:center;transform:scale(.88);transform-origin:center}
body[data-preview="phone"] .switch-label{display:none}
body[data-preview="phone"] .top-actions{grid-column:2;grid-row:1}
body[data-preview="phone"] .save-status{display:none}
body[data-preview="phone"] .page-view{padding-top:22px}
body[data-preview="phone"] .welcome-row{min-height:222px;align-items:flex-start}
body[data-preview="phone"] .welcome-row h1{font-size:30px;margin-top:15px;max-width:340px}
body[data-preview="phone"] .welcome-row .intro{max-width:290px;font-size:11px}
body[data-preview="phone"] .welcome-art{top:82px;right:0;width:190px;height:130px;opacity:.6;transform:scale(.72);transform-origin:top right}
body[data-preview="phone"] .stats-row{grid-template-columns:1fr 1fr;margin:10px 0 29px;gap:8px}
body[data-preview="phone"] .stat-card{height:66px;padding:0 9px;gap:8px}
body[data-preview="phone"] .stat-card:last-child{display:none}
body[data-preview="phone"] .stat-card strong{font-size:13px}
body[data-preview="phone"] .stat-card span:not(.stat-icon){font-size:8px}
body[data-preview="phone"] .section-heading h2{font-size:19px}
body[data-preview="phone"] .lesson-card{grid-template-columns:1fr}
body[data-preview="phone"] .lesson-art{min-height:125px}
body[data-preview="phone"] .lesson-info{padding:17px 18px}
body[data-preview="phone"] .lesson-info h3{font-size:23px}
body[data-preview="phone"] .days-heading{margin-top:28px}
body[data-preview="phone"] .week-strip{grid-template-columns:repeat(4,1fr);gap:7px}
body[data-preview="phone"] .day-card{min-height:76px;padding:9px}
body[data-preview="phone"] .home-footer{margin-top:23px;font-size:11px}
body[data-preview="phone"] .page-title-row{display:block;margin-bottom:22px}
body[data-preview="phone"] .page-title-row h1{font-size:30px}
body[data-preview="phone"] .lesson-grid{grid-template-columns:1fr 1fr;gap:8px}
body[data-preview="phone"] .library-card{padding:12px;min-height:150px}
body[data-preview="phone"] .library-card h3{font-size:16px;margin-top:12px}
body[data-preview="phone"] .journal-layout{grid-template-columns:1fr}
body[data-preview="phone"] .reflection-list{grid-template-columns:1fr}
body[data-preview="phone"] .detail-head h1{font-size:30px}
body[data-preview="phone"] .detail-head .lesson-verse{font-size:14px;line-height:1.5}
body[data-preview="phone"] .detail-tabs{gap:15px}
body[data-preview="phone"] .detail-tab{font-size:9px}
body[data-preview="phone"] .mobile-nav{position:absolute;inset:auto 0 0;height:62px;display:flex;z-index:4;background:#fff;border-top:1px solid var(--line);justify-content:space-around;align-items:center;padding-bottom:0}
body[data-preview="phone"] .mobile-nav button{border:0;background:transparent;display:grid;justify-items:center;gap:3px;color:#89938a;font:500 8px var(--sans);min-width:60px;cursor:pointer}
body[data-preview="phone"] .mobile-nav button span{font-size:17px}
body[data-preview="phone"] .mobile-nav button.active{color:#47694f}
@media(max-width:430px){body[data-preview="phone"] .app-shell{width:100vw;height:100dvh;margin:0;border:0;border-radius:0}}
body[data-preview="tablet"] .app-shell{position:relative;width:min(860px,calc(100vw - 32px));height:min(1024px,calc(100vh - 32px));min-height:0;margin:0 auto;border:6px solid #fff;border-radius:17px;overflow:hidden;box-shadow:0 15px 55px #24352d24;background:var(--paper)}
body[data-preview="tablet"] .sidebar{position:absolute;inset:0 auto 0 0;width:190px;padding:23px 13px 15px}
body[data-preview="tablet"] .side-label{padding-top:34px}
body[data-preview="tablet"] .main-content{height:100%;margin-left:190px;padding:0 28px 45px;overflow:auto;max-width:none}
body[data-preview="tablet"] .topbar{position:sticky;top:0;z-index:3;background:var(--paper)}
body[data-preview="tablet"] .topbar{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;height:auto;min-height:72px;padding:7px 0;gap:4px}
body[data-preview="tablet"] .breadcrumb{grid-column:1;grid-row:1;min-width:0}
body[data-preview="tablet"] .top-actions{grid-column:2;grid-row:1;gap:8px}
body[data-preview="tablet"] .save-status{display:none}
body[data-preview="tablet"] .layout-switch{grid-column:1/-1;grid-row:2;justify-self:start;transform:scale(.9);transform-origin:left center}
body[data-preview="tablet"] .mobile-nav{display:none}
body[data-preview="tablet"] .welcome-art{right:0;transform:scale(.82);transform-origin:top right}
body[data-preview="tablet"] .stats-row{gap:8px}
body[data-preview="tablet"] .stat-card{padding:0 8px;gap:7px}
body[data-preview="tablet"] .stat-card strong{font-size:12px}
body[data-preview="tablet"] .lesson-grid{grid-template-columns:repeat(2,1fr)}
@media(max-width:760px){.topbar{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;height:auto;min-height:82px;padding:7px 0}.mobile-brand{grid-column:1;grid-row:1}.top-actions{grid-column:2;grid-row:1}.layout-switch{grid-column:1/-1;grid-row:2;justify-self:center}.switch-label{display:none}.save-status{display:none}}
.orientation-toggle{display:flex;align-items:center;gap:4px;margin-left:4px;padding:0 8px;height:26px;border:1px solid #dce4db;border-radius:4px;background:#fff;color:#58755d;font:500 9px var(--sans);cursor:pointer;white-space:nowrap}
.orientation-toggle span{font-size:15px}
.orientation-toggle[hidden]{display:none}
.day-card{min-width:0}
.day-topic{overflow-wrap:anywhere}
body[data-preview="phone"][data-orientation="landscape"] .app-shell{width:min(844px,calc(100vw - 32px));height:min(390px,calc(100vh - 32px));border-radius:23px}
body[data-preview="phone"][data-orientation="landscape"] .welcome-row{min-height:150px}
body[data-preview="phone"][data-orientation="landscape"] .welcome-row h1{font-size:25px}
body[data-preview="phone"][data-orientation="landscape"] .welcome-art{top:12px;transform:scale(.63);transform-origin:top right}
body[data-preview="phone"][data-orientation="landscape"] .stats-row{margin:3px 0 18px}
body[data-preview="tablet"][data-orientation="landscape"] .app-shell{width:min(1024px,calc(100vw - 32px));height:min(768px,calc(100vh - 32px));border-radius:17px}
/* A real phone held sideways is still a phone; keep its compact navigation and content flow. */
@media(orientation:landscape) and (max-height:500px) and (max-width:950px) and (pointer:coarse){.sidebar{display:none}.main-content{height:auto;min-height:100vh;margin:0;padding:0 20px 78px}.topbar{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;height:auto;min-height:68px;padding:6px 0}.mobile-brand{display:flex;grid-column:1;grid-row:1}.breadcrumb{display:none}.top-actions{grid-column:2;grid-row:1;gap:8px}.save-status{display:none}.layout-switch{grid-column:1/-1;grid-row:2;justify-self:center;transform:scale(.88)}.switch-label{display:none}.welcome-row{min-height:150px;align-items:flex-start}.welcome-row h1{font-size:25px;margin-top:13px}.welcome-art{top:8px;right:0;width:190px;height:130px;opacity:.6;transform:scale(.62);transform-origin:top right}.stats-row{grid-template-columns:1fr 1fr;margin:3px 0 18px;gap:8px}.stat-card{height:58px;padding:0 9px;gap:8px}.stat-card:last-child{display:none}.lesson-card{grid-template-columns:34% 1fr}.week-strip{grid-template-columns:repeat(4,1fr);gap:7px}.mobile-nav{position:fixed;inset:auto 0 0;height:58px;display:flex;z-index:5;background:#fff;border-top:1px solid var(--line);justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{border:0;background:transparent;display:grid;justify-items:center;gap:3px;color:#89938a;font:500 8px var(--sans);min-width:60px;cursor:pointer}.mobile-nav button span{font-size:17px}.mobile-nav button.active{color:#47694f}}