:root{--cream:#f8f5ec;--cream2:#fffaf0;--paper:#fffef9;--forest:#657960;--forest-d:#425a42;--sage:#e6eadc;--ink:#45463b;--muted:#8a887e;--line:#e9e5d9;--rose:#f3e0d8;--terracotta:#c47f61;--orange:#d19a64;--yellow:#f8e8b0;--shadow:0 10px 32px rgba(87,72,49,.055);--soft-shadow:0 5px 20px rgba(64,57,43,.055);--sidebar:252px;--radius:19px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif;font-size:14px;-webkit-font-smoothing:antialiased;word-break:keep-all}button,input,textarea,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b7c8a6;outline-offset:2px}a{color:inherit;text-decoration:none}svg{flex:none}.bottom-nav{display:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}.sidebar{background:#fffdf6;border-right:1px solid var(--line);padding:32px 18px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:10}.brand{display:flex;align-items:center;gap:10px;background:transparent;border:0;color:var(--ink);width:100%;text-align:left;padding:4px 7px 24px}.brand-mark{display:grid;place-items:center;flex:none}.brand-title{display:block;font-size:18px;font-weight:850;letter-spacing:-.8px;white-space:nowrap}.brand-subtitle{display:block;font-size:10px;margin-top:6px;letter-spacing:-.4px;color:#988c79}.sidebar-separator{height:1px;background:var(--line);margin:0 8px 23px}.side-nav{display:grid;gap:8px}.nav-link{height:48px;display:flex;align-items:center;gap:14px;padding:0 14px;border:1px solid transparent;border-radius:12px;background:transparent;color:#797a70;text-align:left;font-weight:650;transition:background .16s,color .16s}.nav-link:hover{background:#f5f4ea}.nav-link.active{color:var(--forest-d);background:#e9eee3;font-weight:800}.nav-ico{display:grid;place-items:center;width:20px;height:20px;font-size:26px;font-weight:400}.nav-ico svg,.bottom-link svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-count{font-size:11px;background:#dae4d4;border-radius:8px;min-width:22px;text-align:center;margin-left:auto;padding:3px 5px}.sidebar-note{background:#f8f3e8;border:1px solid #eee7d7;border-radius:16px;padding:22px 17px;text-align:center;margin-top:auto;margin-bottom:24px}.small-star{font-size:22px;color:#d4a565}.sidebar-note p{line-height:1.9;font-size:12px;font-weight:700;letter-spacing:-.3px}.sidebar-note-verse{font-size:10px;color:#9b927f}.sidebar-footer{color:#b5b0a1;font-size:9px;letter-spacing:1.3px;text-align:center}.sidebar-footer span{color:var(--terracotta);font-size:16px}.main-area{min-width:0;min-height:100vh;display:flex;flex-direction:column}.topbar{height:79px;flex:none;padding:0 clamp(28px,4.4vw,80px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eeeadd;background:rgba(255,254,250,.46)}.breadcrumbs{color:#aaa698;font-size:10px;letter-spacing:1.7px;font-weight:700}.breadcrumbs span{color:#d0cec4;padding:0 7px}.topbar-right{display:flex;align-items:center;gap:17px}.small-status{font-size:12px;color:#8b8b7d}.status-dot{display:inline-block;width:6px;height:6px;background:#9ab48b;border-radius:50%;margin-right:5px;vertical-align:2px}.tiny-icon-btn{width:33px;height:33px;display:grid;place-items:center;border:1px solid #e6e6d9;background:#fffdf8;border-radius:10px;color:var(--forest-d);font-size:24px;line-height:1}.mobile-brand{display:none}.main-content{width:100%;max-width:1250px;margin:0 auto;padding:35px clamp(26px,4.5vw,74px) 70px;flex:1}.page-footer{margin-top:auto;padding:20px 7%;font-size:11px;color:#acaa9c;display:flex;gap:8px;align-items:center;border-top:1px solid #efecdf}.page-footer>span:first-child,.footer-sparkle{color:var(--terracotta)}.footer-made{margin-left:auto}.section-kicker{font-size:11px;font-weight:900;color:#a2a18e;letter-spacing:2px;margin:0 0 10px}.page-heading{font-family:Georgia,"Batang","Malgun Gothic",serif;font-size:30px;letter-spacing:-1.8px;line-height:1.4;margin:0;color:#41493d;font-weight:800}.page-sub{font-size:13px;line-height:1.8;color:var(--muted);margin:11px 0 0}.heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:25px}.heading-row h2{font-size:17px;letter-spacing:-.7px;margin:0 0 4px}.heading-note{font-size:12px;color:var(--muted);margin:0}.soft-link{border:0;background:transparent;color:var(--forest);font-weight:750;font-size:12px;padding:8px 4px}.soft-link:hover{text-decoration:underline}.hero{min-height:315px;border-radius:23px;border:1px solid #e7e6d8;overflow:hidden;display:grid;grid-template-columns:1.14fr .86fr;position:relative;background:radial-gradient(ellipse at 95% 90%,#dce7d3 0,transparent 45%),linear-gradient(116deg,#f5f1e5,#e9edde 88%);box-shadow:var(--shadow)}.hero:before{content:"";position:absolute;left:-50px;top:-45px;width:185px;height:185px;border:2px dashed #e8dec3;border-radius:50%;pointer-events:none}.hero:after{content:"✧";position:absolute;left:43%;top:32px;font-size:30px;color:#e3c37c}.hero-copy{padding:48px 10px 43px 49px;position:relative;z-index:1}.mini-ribbon{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:850;color:#75806a;letter-spacing:1.8px}.mini-ribbon:before{content:"✦";color:#d5ad70;font-size:15px}.hero-title{margin:17px 0 13px;font-family:Georgia,"Batang","Malgun Gothic",serif;font-size:clamp(28px,2.8vw,39px);font-weight:800;letter-spacing:-2px;line-height:1.55;color:#414e40}.hero-title em{font-style:normal;color:#b57757}.hero-desc{margin:0;color:#828477;line-height:1.9;font-size:13px}.hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:26px}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;min-height:43px;border-radius:11px;font-weight:800;font-size:13px;transition:transform .16s,background .16s,box-shadow .16s;text-align:center}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{background:var(--forest);color:white;box-shadow:0 4px 13px #6579602b}.btn-primary:hover:not(:disabled){background:var(--forest-d)}.btn-quiet{border-color:#e6e2d4;background:#fffef9;color:#58624f}.btn-warm{background:#f3e5d3;color:#7a5945;border-color:#ead5bd}.btn-danger{background:#fff1ed;border-color:#f1d7ce;color:#a95444}.btn-full{width:100%}.btn-sm{font-size:12px;min-height:36px;padding:8px 13px}.hero-art{position:relative;min-width:0;display:grid;place-items:end center;isolation:isolate}.hero-blob{position:absolute;bottom:-100px;width:min(86%,345px);aspect-ratio:1;border-radius:50%;background:#c8d8be;opacity:.72;z-index:-1;border:1px solid #bacdb2}.hero-art img{width:min(66%,188px);height:256px;object-fit:contain;object-position:bottom;image-rendering:pixelated;filter:drop-shadow(0 9px 0 rgba(92,77,46,.06));margin-right:15px;position:relative;z-index:2}.hero-illustration-note{position:absolute;left:5%;bottom:54px;background:#fffef5;border:2px solid #e6e2d3;transform:rotate(-10deg);border-radius:8px;font-family:Georgia,serif;color:#8d8e7b;padding:11px 13px 8px;text-align:center;font-size:11px;line-height:1.8;box-shadow:2px 5px 0 #d9dec9}.hero-illustration-note span{font-size:21px;color:#c58e71}.hero-stars{position:absolute;right:16%;top:36px;color:#dfb473;font-size:35px}.hero-small-star{position:absolute;left:18%;top:39px;color:#d0b47c;font-size:22px}.stats-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 43px}.stat-card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--soft-shadow);border-radius:16px;padding:20px 21px;position:relative;min-height:122px}.stat-card .stat-icon{position:absolute;top:19px;right:19px;font-size:17px;color:#c5ad87}.stat-label{font-size:12px;font-weight:700;color:#888b7c}.stat-value{font-size:31px;font-family:Georgia,"Malgun Gothic",sans-serif;font-weight:750;color:#48594a;margin-top:10px;line-height:1}.stat-value small{font-size:12px;font-weight:650;color:#9d9c90;margin-left:4px}.stat-card:nth-child(2) .stat-icon{color:#d39c6e}.stat-card:nth-child(3) .stat-icon{color:#bdafa1}.stat-card:nth-child(4) .stat-icon{color:#d29b8b}.stat-card:nth-child(4) .stat-value{color:#a9765d}.home-columns{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px}.paper-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:var(--soft-shadow)}.recent-list{padding:7px 20px 12px}.recent-item{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px dashed #ece9df}.recent-item:last-child{border-bottom:0}.recent-item-main{flex:1;min-width:0;text-align:left;background:none;border:0;color:inherit;cursor:pointer}.recent-item-main:hover .recent-title{text-decoration:underline}.recent-title{font-size:13px;font-weight:850;color:#515d50}.recent-preview{display:block;margin-top:5px;color:#888a7c;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grade-dot{width:11px;height:11px;flex:none;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #ede9d8}.grade-dot.g1{background:#88aa85}.grade-dot.g2{background:#dfb677}.grade-dot.g3{background:#ce9389}.grade-tag{border-radius:100px;padding:5px 10px;white-space:nowrap;font-size:10px;display:inline-flex;align-items:center;gap:6px;font-weight:800}.grade-tag.g1{background:#e6eee3;color:#4d794b}.grade-tag.g2{background:#f8ebd3;color:#97703e}.grade-tag.g3{background:#f7e4df;color:#a36f62}.grade-tag.small{font-size:10px;padding:4px 8px}.gentle-card{padding:25px 24px;min-height:238px;background:linear-gradient(145deg,#fcf7eb,#f9f5ed);position:relative;overflow:hidden}.gentle-card h3{margin:11px 0;font-size:16px;color:#776352}.gentle-card p{color:#9b8f7a;font-size:12px;line-height:1.9;max-width:190px}.gentle-card img{position:absolute;height:104px;right:6px;bottom:12px;image-rendering:pixelated}.gentle-card .gentle-kicker{font-size:10px;color:#be936c;font-weight:900;letter-spacing:1px}.empty-home{padding:29px;text-align:center;color:#9a978e}.empty-home p{line-height:1.8;font-size:13px}.empty-home button{margin-top:10px}.section-spacer{height:29px}.page-head{margin-bottom:29px}.eyebrow{font-size:10px;color:#a4a08e;letter-spacing:2.4px;font-weight:850;text-transform:uppercase;margin:0 0 13px}.page-head h1{font-family:Georgia,"Batang","Malgun Gothic",serif;font-weight:800;font-size:31px;letter-spacing:-1.8px;margin:0 0 9px;color:#435044}.page-head p{margin:0;color:#909184;font-size:13px;line-height:1.9}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:22px}.search-box{position:relative;display:flex;align-items:center;gap:9px;background:white;border:1px solid #e4e6d9;border-radius:13px;padding:0 16px;min-width:240px;flex:1;height:49px;box-shadow:var(--soft-shadow)}.search-box svg{width:19px;height:19px;stroke:#8e9884;stroke-width:1.8;fill:none}.search-box input{border:0;background:transparent;width:100%;font-size:13px;color:var(--ink);outline:none;min-width:0}.search-box input:focus-visible{outline:none}.search-box:focus-within{border-color:#9eaf92;box-shadow:0 0 0 3px #d9e3d7}.search-box input::placeholder{color:#adaea4}.filters{display:flex;gap:6px;flex-wrap:wrap}.filter-pill{white-space:nowrap;border:1px solid #e5e6d9;border-radius:100px;padding:9px 13px;background:#fffcf7;color:#8c8f81;font-size:12px;font-weight:750}.filter-pill.active{background:#6c8166;color:#fff;border-color:#6c8166}.sort-select,.field select{border:1px solid #e4e2d4;border-radius:10px;background:#fffefa;padding:9px 12px;color:#667060;font-size:12px}.section-divider{height:1px;background:var(--line);margin:24px 0}.result-caption{display:flex;align-items:center;gap:7px;color:#a09e91;font-size:11px;margin:10px 0 17px}.result-caption b{color:#667e60}.verse-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.verse-card{display:flex;flex-direction:column;padding:22px 22px 19px;background:#fffef9;border:1px solid #ebe8dc;border-radius:16px;box-shadow:var(--soft-shadow);min-height:184px;position:relative;transition:transform .16s,box-shadow .16s}.verse-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px #57483114}.verse-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.verse-ref{font-size:15px;font-weight:850;color:#4f5e4f}.verse-content{font-family:Georgia,"Batang","Malgun Gothic",serif;font-size:14px;color:#615f56;line-height:1.9;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1;margin:13px 0 17px;white-space:pre-wrap;word-break:break-word}.verse-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px dashed #e7e6da;padding-top:12px}.verse-bottom small{font-size:11px;color:#a8a79a}.verse-bottom-actions{display:flex;gap:12px}.text-button{background:none;border:0;color:#6a8064;font-weight:850;font-size:11px;padding:5px}.text-button:hover{text-decoration:underline}.empty-state{border:1px dashed #d8deca;border-radius:22px;background:#fffef8;text-align:center;min-height:280px;padding:28px;display:flex;flex-direction:column;justify-content:center;align-items:center}.empty-state img{height:116px;image-rendering:pixelated;object-fit:contain;margin-bottom:2px}.empty-state h3{font-size:16px;color:#54634e;margin:10px 0 5px}.empty-state p{line-height:1.9;color:#9c9d90;font-size:12px;margin:3px 0 19px;max-width:360px}.licensing-note{padding:16px 19px;border-radius:13px;border:1px solid #eadfce;background:#f8f2e8;color:#847866;font-size:12px;line-height:1.9;margin:25px 0 0}.licensing-note strong{color:#7a6950}.search-hint{font-size:12px;color:#919585;margin:-7px 0 23px}.practice-layout{max-width:850px;margin:0 auto}.practice-headrow{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}.practice-progress{display:flex;align-items:center;gap:9px;color:#9b998e;font-size:12px}.practice-progress b{font-size:15px;color:#657960}.practice-panel{border:1px solid #e8e3d5;border-radius:23px;background:#fffef9;box-shadow:0 18px 45px rgba(97,83,53,.075);overflow:hidden;margin:25px 0 18px}.practice-modes{display:flex;padding:15px;border-bottom:1px solid #eeebe3;gap:7px;background:#fbfaf3}.mode-tab{flex:1;min-height:42px;border:1px solid transparent;border-radius:10px;background:transparent;color:#999689;font-size:12px;font-weight:800}.mode-tab.active{background:#e8eee2;color:#4e6950;border-color:#dbe4d3}.practice-paper{min-height:330px;padding:35px clamp(19px,6vw,64px) 25px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;position:relative}.practice-paper:before{content:'✦';position:absolute;top:18px;left:22px;font-size:13px;color:#e3d1ac}.practice-paper:after{content:'✧';position:absolute;bottom:15px;right:24px;font-size:22px;color:#e1c99d}.practice-label{font-size:10px;letter-spacing:2px;color:#b0a992;font-weight:850;margin-bottom:15px}.practice-reference{font-size:22px;color:#556b56;font-weight:900;margin-bottom:18px;letter-spacing:-.7px}.practice-scripture{font-family:Georgia,"Batang","Malgun Gothic",serif;font-size:clamp(18px,2.1vw,24px);line-height:2;color:#4d4b43;font-weight:650;white-space:pre-wrap;word-break:break-word;max-width:650px}.hidden-answer{padding:29px 25px;border-radius:13px;border:1.5px dashed #d5decf;background:#f6f8f1;color:#8c9784;display:grid;gap:9px;max-width:500px;width:100%;margin:12px auto}.hidden-answer .hidden-icon{font-size:29px;color:#b6c5a9}.hidden-answer h3{font-size:16px;margin:0;color:#788b76}.hidden-answer p{font-size:12px;margin:0;color:#9fa699;line-height:1.9}.practice-bottom{padding:15px 24px 25px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.review-box{background:#f5f7f0;border-top:1px solid #e5e9df;padding:19px 24px 21px;text-align:center}.review-box h3{font-size:13px;margin:0 0 5px;color:#53664f}.review-box p{font-size:11px;color:#929d8f;margin:0 0 14px}.review-actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.review-grade{border:1px solid #e0e5d9;padding:10px 13px;border-radius:12px;background:#fffefa;color:#66715d;font-size:12px;font-weight:850}.review-grade:hover{border-color:#81997e;background:#eff5ec}.review-grade.g1:before,.review-grade.g2:before,.review-grade.g3:before{content:'';display:inline-block;width:9px;height:9px;margin-right:7px;border-radius:50%;background:#8aab85}.review-grade.g2:before{background:#e6be7e}.review-grade.g3:before{background:#d69b8d}.practice-navigation{display:flex;justify-content:space-between;align-items:center;gap:10px}.practice-switch{display:flex;gap:8px;align-items:center;color:#979889;font-size:12px}.toggle{appearance:none;width:34px;height:20px;border-radius:20px;background:#d6d9ce;position:relative;cursor:pointer;transition:background .2s}.toggle:before{content:"";display:block;width:14px;height:14px;position:absolute;top:3px;left:3px;border-radius:50%;background:white;transition:transform .2s}.toggle:checked{background:#829c7b}.toggle:checked:before{transform:translateX(14px)}.practice-nav-buttons{display:flex;gap:8px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.setting-card{padding:24px;background:#fffef9;border-radius:17px;border:1px solid var(--line);box-shadow:var(--soft-shadow)}.setting-icon{font-size:21px;width:42px;height:42px;display:grid;place-items:center;background:#e8eee2;border-radius:13px;color:#658063}.setting-card h3{font-size:15px;margin:17px 0 7px}.setting-card p{font-size:12px;color:#959388;line-height:1.9;min-height:47px}.setting-card .btn{margin-top:11px}.setting-info{margin-top:21px;color:#888677;font-size:12px;line-height:2;background:#faf7ee;border:1px solid #ede6d7;border-radius:14px;padding:19px 22px}.modal-backdrop{position:fixed;inset:0;background:rgba(41,46,36,.43);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px;backdrop-filter:blur(3px)}.modal-window{background:#fffdf7;border:1px solid #eee6d5;border-radius:22px;box-shadow:0 25px 95px #222b1b37;max-width:570px;width:100%;max-height:min(92vh,890px);overflow:auto;position:relative}.modal-header{padding:23px 27px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee9de}.modal-header h2{margin:0;color:#4b5e4c;font-size:20px;letter-spacing:-.7px}.modal-close{background:#f5f3ea;border:0;color:#777e70;border-radius:10px;font-size:23px;width:33px;height:33px}.modal-content{padding:22px 27px 29px}.modal-kicker{color:#9b9e8a;font-size:11px;margin:0 0 17px}.field-row{display:grid;grid-template-columns:1.5fr .75fr .75fr;gap:10px}.field{margin:0 0 17px;min-width:0}.field label,.field legend{display:block;color:#666c5d;font-weight:850;font-size:12px;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;background:#fffefa;border:1px solid #dfe3d7;border-radius:10px;padding:11px 12px;min-height:43px;color:#484f46;font-size:13px}.field textarea{resize:vertical;min-height:116px;line-height:1.8}.field input::placeholder,.field textarea::placeholder{color:#b5b4aa}.field select{padding:10px}.field small{display:block;color:#a09f92;font-size:11px;line-height:1.6;margin-top:6px}.grade-options{display:flex;gap:7px;flex-wrap:wrap}.grade-option{flex:1;min-width:124px;position:relative}.grade-option input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.grade-option span{display:block;text-align:center;padding:11px 7px;border:1px solid #e3e5d9;border-radius:11px;color:#7e8479;font-size:12px;font-weight:750}.grade-option input:checked+span{background:#e6eee2;border-color:#8da58a;color:#4c694d}.grade-option input:focus-visible+span{outline:3px solid #b7c8a6}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:21px}.detail-quote{font-family:Georgia,"Batang","Malgun Gothic",serif;font-size:18px;line-height:2;color:#53594f;background:#f8f8ef;border-left:4px solid #b1c3a4;border-radius:0 12px 12px 0;padding:20px 22px;white-space:pre-wrap;margin:12px 0 18px}.detail-info{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.detail-info>div{background:#f9f7ef;padding:12px;border-radius:10px;color:#878b7c;font-size:11px}.detail-info b{display:block;color:#5e6b58;font-size:12px;margin-top:6px}.review-history{margin-top:18px;border-top:1px solid var(--line);padding-top:15px}.review-history h3{font-size:13px;color:#677260}.review-history ol{margin:9px 0;padding-left:19px;max-height:150px;overflow:auto;color:#87877b;font-size:12px;line-height:2.1}.note-memo{background:#f9f6ee;border-radius:10px;padding:13px 15px;white-space:pre-wrap;color:#77786e;font-size:12px;line-height:1.8}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}.detail-actions .delete-action{margin-left:auto}.toast{position:fixed;z-index:200;bottom:28px;left:50%;transform:translateX(-50%) translateY(35px);pointer-events:none;background:#435c47;color:#fff;border-radius:12px;padding:12px 18px;font-size:12px;font-weight:750;opacity:0;transition:opacity .2s,transform .2s;box-shadow:0 15px 40px #283c2752;max-width:calc(100% - 30px);text-align:center}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.scroll-top-space{height:0}.helper-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;background:#f4ecde;color:#98815e;font-size:10px;border-radius:100px;font-weight:750}.inline-action{border:0;background:transparent;font-weight:800;color:var(--forest);padding:0}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1120px){:root{--sidebar:220px}.sidebar{padding-left:12px;padding-right:12px}.brand-title{font-size:16px}.brand-subtitle{font-size:9px}.hero-copy{padding-left:32px}.home-columns{grid-template-columns:minmax(0,1fr) 240px}.gentle-card{padding:20px}.hero-title{font-size:31px}.stats-row{gap:9px}.stat-card{padding:18px 13px}}
@media(max-width:900px){.home-columns{grid-template-columns:minmax(0,1fr)}.home-columns>div,.home-columns>aside{min-width:0}.gentle-card{min-height:155px}.gentle-card p{max-width:65%}.gentle-card img{height:130px;right:25px}.stats-row{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1.15fr .85fr}.hero-copy{padding:35px 0 35px 30px}.hero-title{font-size:27px}.hero-art img{height:227px}.verse-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}}
@media(max-width:700px){:root{--sidebar:0}.app-shell{display:block}.sidebar{display:none}.topbar{height:61px;padding:0 20px;background:#fffdf7}.mobile-brand{display:flex;align-items:center;gap:9px;border:0;background:none;font-size:16px;color:#52644f;font-weight:900;padding:0}.mobile-book{display:grid;place-items:center;width:28px;height:29px;border-radius:7px;background:#e6eadd;color:#b27658;font-size:18px}.breadcrumbs{display:none}.topbar-right{gap:0}.small-status{display:none}.tiny-icon-btn{width:31px;height:31px}.main-content{padding:23px 17px 110px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(67px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:flex!important;align-items:stretch;justify-content:space-around;background:rgba(255,253,247,.98);border-top:1px solid #e5e5d9;z-index:20;box-shadow:0 -9px 30px #495b4811}.bottom-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:1;border:0;background:transparent;color:#94988b;font-weight:750;font-size:10px;letter-spacing:-.5px}.bottom-link.active{color:#517352}.bottom-link.active svg{stroke-width:2.4}.bottom-link svg{width:22px;height:22px}.hero{min-height:275px;grid-template-columns:1.1fr .72fr;border-radius:17px}.hero-copy{padding:27px 0 25px 21px}.hero-title{font-size:clamp(21px,5.5vw,29px);letter-spacing:-1.5px;margin:15px 0 10px}.hero-desc{font-size:11px;line-height:1.85}.hero-actions{gap:6px;margin-top:17px}.hero-actions .btn{padding:10px 12px;font-size:11px;min-height:37px}.hero-art img{height:195px;width:96%;max-width:160px;margin:0;object-position:bottom}.hero-blob{bottom:-55px;width:190px}.hero-illustration-note{display:none}.hero-stars{top:17px;font-size:24px;right:10%}.hero-small-star{display:none}.mini-ribbon{font-size:9px;letter-spacing:1px}.stats-row{margin:13px 0 31px;gap:10px}.stat-card{min-height:105px;padding:15px}.stat-value{font-size:27px}.stat-icon{right:12px!important;top:11px!important}.stat-label{font-size:11px}.home-columns{gap:12px}.heading-row{margin-bottom:17px}.heading-row h2{font-size:16px}.page-footer{display:none}.page-head{margin-bottom:24px}.page-head h1{font-size:26px}.page-head p{font-size:12px}.toolbar{gap:10px}.toolbar>.btn{width:100%}.search-box{flex-basis:100%}.filters{flex:1}.filter-pill{font-size:11px;padding:9px 11px}.sort-select{max-width:130px}.practice-paper{min-height:300px;padding:20px 22px}.practice-reference{font-size:20px}.practice-scripture{font-size:19px}.practice-bottom{padding:12px 15px 18px}.review-actions{gap:6px}.review-grade{padding:10px 9px;font-size:11px}.review-box{padding:15px 10px}.modal-backdrop{align-items:flex-end;padding:0}.modal-window{max-height:94dvh;border-radius:21px 21px 0 0;border-bottom:0}.modal-header{padding:19px 18px 13px}.modal-content{padding:17px 18px calc(25px + env(safe-area-inset-bottom))}.grade-option{min-width:95px}.grade-option span{font-size:10px;padding:12px 4px}.toast{bottom:calc(85px + env(safe-area-inset-bottom))}.practice-navigation{gap:8px}.practice-nav-buttons .btn{padding:10px 9px;font-size:11px}}
@media(max-width:375px){.hero{min-height:250px}.hero-title{font-size:20px}.hero-copy{padding-left:17px}.hero-art img{height:169px}.hero-desc{font-size:10px}.hero-actions .btn{padding:9px;font-size:10px}.review-grade{font-size:10px}.practice-nav-buttons .btn{padding:8px}.field-row{grid-template-columns:1.1fr .8fr .8fr;gap:6px}.field input,.field select{padding:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.field-optional{font-weight:400;color:#999}.required-star{color:#c0836b}.grade-fieldset{padding:0;border:0;margin-bottom:18px}.detail-memo-title{font-weight:850;font-size:12px}.detail-muted{font-size:12px;color:#969789}

/* 성경 전체 검색 */
.scripture-search-box{background:#fffdf7;border:1px solid #e6e6d9;border-radius:17px;padding:21px 23px;box-shadow:var(--soft-shadow);margin-bottom:14px}.scripture-search-box>label{display:block;font-weight:850;color:#4d644d;font-size:14px;margin-bottom:13px}.source-tag{font-size:10px;font-weight:750;border-radius:99px;background:#ecf2e7;color:#5b7554;padding:4px 9px}.scripture-search-box .search-hint{font-size:11px;color:#99998e;margin:10px 0 0;line-height:1.6}.source-disclaimer{margin:12px 0 27px;background:#f6f4eb;border:1px solid #e6e4d8;border-radius:12px;padding:14px 17px;color:#777b6d;font-size:11px;line-height:1.9}.source-disclaimer a{color:#526e50;text-decoration:underline;text-underline-offset:2px}.search-divider{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:30px 0 16px}.search-divider h2{font-size:18px;color:#50614e;margin:0}.search-divider span{color:#a4a397;font-size:11px}.bible-status,.bible-welcome{padding:22px;background:#fbfaf5;border:1px dashed #d9dfd0;border-radius:14px;color:#7d8876;font-size:13px;line-height:1.8}.bible-welcome{display:flex;align-items:start;gap:16px}.bible-welcome>span{font-size:26px}.bible-welcome h3{margin:0;color:#597358;font-size:14px}.bible-welcome p{margin:4px 0 11px;color:#939887;font-size:12px}.quick-searches{display:flex;flex-wrap:wrap;gap:7px}.quick-searches button{background:#f1f4eb;color:#60775d;border:1px solid #dce6d7;border-radius:8px;padding:7px 12px;cursor:pointer;font-size:12px}.bible-result-list{display:grid;gap:11px;max-height:700px;overflow-y:auto;padding:1px 4px 5px 1px}.bible-result-summary{color:#788672;font-size:12px;margin:12px 0}.bible-result-top{display:flex;align-items:center;justify-content:space-between;gap:7px}.bible-result-text{font-size:15px;line-height:1.9;color:#4e594c;white-space:pre-wrap;margin:12px 0}.translation-label{margin-left:4px;color:#a0a195;font-size:10px;font-weight:600}.bible-loader{display:inline-block;width:15px;height:15px;border:2px solid #dce8db;border-top-color:#61805b;border-radius:50%;animation:bible-spin .8s linear infinite;margin-right:10px;vertical-align:middle}@keyframes bible-spin{to{transform:rotate(360deg)}}
@media(max-width:700px){.scripture-search-box{padding:17px 15px}.bible-result-list{max-height:none}.bible-result-text{font-size:14px}.search-divider h2{font-size:16px}}

.bible-grade-label{display:inline-flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:11px;color:#838878;margin-right:10px;margin-bottom:5px}
/* NKRV official-reader import flow */
.nkrv-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;margin-bottom:8px}
.nkrv-actions .btn{white-space:normal}
@media(max-width:430px){.nkrv-actions .btn{flex:1 1 100%}}

/* Bible name typeahead – intentionally overlay instead of moving the rest of the page. */
.bible-query-wrap{flex:1;min-width:0;position:relative}



.bible-suggest-heading{display:flex;flex-wrap:wrap;align-items:center;gap:6px;justify-content:space-between;padding:8px 11px;color:#687b62;font-size:11px;font-weight:800;border-bottom:1px solid #eeede5}
.bible-suggest-heading span{color:#969d8e;font-size:10px;font-weight:600}

.bible-suggest-book{font-size:13px;font-weight:800}
.bible-suggest-meta{font-size:11px;color:#8a9686;white-space:nowrap}

@media(max-width:700px){}
@media(max-width:430px){.bible-suggest-meta{font-size:10px}}
/* Keep book suggestions readable on narrow phones instead of confining them to a half-width search field. */
@media(max-width:700px){
 
 
 
}

/* v1.6: Accessible, compact scripture book/chapter/verse selection. */
.bible-quick-picker{margin:14px 0 2px;padding:15px 16px 12px;background:#f5f7ef;border:1px solid #e0e8d8;border-radius:13px}
.bible-picker-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:11px;color:#4f684b}
.bible-picker-heading>span{font-size:13px;font-weight:850}
.bible-picker-heading small{font-size:10px;color:#84937d}
.bible-picker-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.85fr) minmax(0,.85fr);gap:8px}
.bible-picker-grid label,.bible-picker-end{font-size:11px;color:#5c7255;font-weight:750;display:flex;flex-direction:column;gap:6px;min-width:0}
.bible-picker-grid select,.bible-picker-end select{width:100%;min-width:0;height:44px;padding:0 11px;color:#3d533b;background:#fffefb;border:1px solid #ccd9c6;border-radius:9px;appearance:auto;font-size:13px;font-weight:650;text-overflow:ellipsis}
.bible-picker-grid select:disabled{color:#a7ac9e;background:#f3f4f0}
.bible-picker-tail{display:flex;gap:11px;align-items:center;flex-wrap:wrap;min-height:30px;margin-top:12px}
.bible-picker-range{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:#647960;white-space:nowrap;cursor:pointer}
.bible-picker-range input{accent-color:#5b7859;min-height:17px;min-width:17px;margin:0}
.bible-picker-end{flex-direction:row;align-items:center;gap:6px;white-space:nowrap}
.bible-picker-end select{height:35px;min-width:82px;padding:0 6px}
.bible-picker-reference{display:inline-flex;align-items:center;margin-left:auto;color:#587453;font-weight:750;font-size:11px;line-height:1.5}
.bible-picker-disclaimer{margin:9px 0 0;font-size:10px;line-height:1.6;color:#9a9d8f}
@media(max-width:700px){.bible-quick-picker{padding:13px 11px 10px}.bible-picker-heading{flex-wrap:wrap;gap:3px}.bible-picker-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr) minmax(0,.8fr);gap:6px}.bible-picker-grid select{height:46px;padding:0 5px;font-size:12px}.bible-picker-reference{width:100%;margin-left:0}.bible-picker-tail{gap:9px}}
@media(max-width:360px){.bible-picker-grid{grid-template-columns:1fr 1fr}.bible-picker-grid label:first-child{grid-column:1/-1}.bible-picker-grid select{font-size:13px}}

/* v1.7 unified searchable chapter/verse picker */
.picker-section-title{font-size:14px;color:#4d644d;font-weight:850;display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.scripture-search-box .bible-quick-picker{margin:14px 0 14px}
.bible-picker-heading{align-items:center}
.bible-picker-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,.85fr) minmax(0,.85fr)}
.picker-field{min-width:0;position:relative}
.picker-field>label{font-size:12px;font-weight:750;color:#586e52;display:flex;justify-content:space-between;align-items:center;gap:5px;margin-bottom:6px;min-height:16px}
.picker-field>label small{font-size:10px;color:#96a38f;font-weight:500}
.picker-combo{display:flex;min-width:0;position:relative;height:46px;background:#fffefb;border:1px solid #ccd9c6;border-radius:9px;transition:box-shadow .15s,border-color .15s}
.picker-combo:focus-within{border-color:#708e69;box-shadow:0 0 0 3px #718b6528}
.picker-combo input{width:100%;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#425640;font-size:14px;padding:0 5px 0 12px;text-overflow:ellipsis}
.picker-combo input:disabled{background:#f0f2ec!important;color:#9da89a}
.picker-combo-toggle{min-width:37px;width:37px;border:0;background:transparent;color:#6c8164;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:21px;border-radius:0 9px 9px 0}
.picker-combo-toggle:hover:not(:disabled){background:#edf2e8}
.picker-combo-toggle:disabled{color:#bec5b7;cursor:default}
.picker-menu[hidden],.picker-end-wrap[hidden]{display:none!important}
.picker-menu{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:60;background:#fffefb;border:1px solid #cbd8c5;border-radius:11px;padding:5px;overflow:auto;max-height:min(255px,42vh);box-shadow:0 12px 32px #445b4328;overscroll-behavior:contain}
.picker-menu-title,.picker-no-match{font-size:10px;color:#859782;margin:0;padding:8px 9px;border-bottom:1px solid #eee}
.picker-option{width:100%;border:0;border-radius:7px;background:transparent;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:7px;padding:9px 8px;min-height:39px;cursor:pointer;color:#455e43;font-weight:650;font-size:13px}
.picker-option small{font-size:10px;font-weight:500;color:#8f9a88}
.picker-option:hover,.picker-option.is-active,.picker-option:focus-visible{background:#eaf2e5;outline:0}
.bible-picker-tail{margin-top:12px}
.picker-end-wrap{width:min(220px,100%)}
.picker-end-wrap .picker-field{width:100%}
.bible-picker-reference{margin-top:11px;display:block;min-height:18px;text-align:right;font-size:12px;font-weight:750;color:#597351}
.picker-open-official{width:100%;min-height:44px;justify-content:center}
@media(max-width:560px){.bible-picker-grid{grid-template-columns:1fr 1fr;gap:9px}.picker-field-book{grid-column:1/-1}.picker-menu{max-height:min(245px,36vh)}.picker-combo input{font-size:14px}}
@media(max-width:360px){.picker-combo input{padding-left:9px;font-size:13px}.picker-combo-toggle{width:34px;min-width:34px}.picker-section-title{font-size:13px}}

/* v1.8: editable comboboxes and explicit scripture range validation */
.picker-input-icon{display:flex;align-items:center;justify-content:center;flex:none;color:#809379;font-size:15px;padding-left:10px;pointer-events:none}
.picker-combo input{padding-left:7px!important;min-height:42px;cursor:text}
.picker-combo input::placeholder{color:#8d9b88;font-size:12px}
.picker-combo.is-invalid{border-color:#ba6d61!important;box-shadow:0 0 0 2px #b75d5233}
.picker-validation{color:#a44a3e;font-size:12px;padding:9px 11px;background:#fff2ec;border:1px solid #efd0c7;border-radius:8px;margin-top:10px;line-height:1.5}
.picker-validation[hidden]{display:none}
.build-tag{display:inline-flex;font:600 10px sans-serif;color:#597653;background:#e4eddf;border-radius:5px;padding:3px 6px;vertical-align:middle;letter-spacing:0;font-style:normal}
.picker-open-official:disabled{background:#b1baa9!important;color:#fff!important;cursor:not-allowed;box-shadow:none}
@media(max-width:560px){.picker-field-book .picker-combo input{font-size:14px}.picker-field-chapter .picker-combo input,.picker-field-verse .picker-combo input{font-size:16px}}

.legacy-warning{font-size:12px;color:#a1493f;background:#fff2ec;padding:8px 10px;border-radius:7px;margin-bottom:7px}

/* v1.9: Consistent controls grid; previous generic label rule stacked book/chapter labels differently. */
.bible-picker-grid{align-items:start;column-gap:10px;row-gap:12px}
.bible-picker-grid .picker-field>label{
 display:flex;flex-direction:row;align-items:center;justify-content:space-between;
 width:100%;min-height:20px;height:20px;margin:0 0 7px;
 font-size:12px;line-height:20px;gap:7px;text-align:left;
}
.bible-picker-grid .picker-field>label small{
 display:inline-block;white-space:nowrap;font-size:10px;line-height:18px;
 text-align:right;font-weight:500;min-width:0;
}
.bible-picker-grid .picker-field .picker-combo{height:46px;margin:0;align-items:stretch}
.bible-picker-grid .picker-field .picker-combo input{height:44px;min-height:0;line-height:normal;margin:0}
.bible-picker-grid .picker-field .picker-combo-toggle{height:44px}
.picker-end-wrap .picker-field>label{display:flex;flex-direction:row;align-items:center;min-height:20px;height:20px;margin-bottom:7px}
.picker-end-wrap .picker-combo{height:46px}
@media (max-width:560px){
 .bible-picker-grid{gap:10px 8px}
 .bible-picker-grid .picker-field>label{margin-bottom:6px}
 .bible-picker-grid .picker-field>label small{font-size:10px}
}

/* v2: Inline passage preview, using the existing notebook palette. */
.scripture-preview{margin:20px 0;padding:24px;border:1px solid #ded6ca;border-radius:18px;background:#fffdf8;overflow-wrap:anywhere;min-height:100px}
.scripture-preview[aria-busy="true"]{color:#746958}
.scripture-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.scripture-preview-head h3{margin:0;font-size:20px}
.scripture-lines{font-size:18px;line-height:1.95;margin-bottom:20px;white-space:pre-wrap}
.scripture-lines p{margin:0 0 12px}
.scripture-verse-number{display:inline-block;min-width:26px;margin-right:8px;font-size:13px;color:#8a785b;vertical-align:super}
.scripture-alternative{margin:14px 0 28px;color:#746958}.scripture-alternative summary{cursor:pointer;padding:10px 0;font-size:13px}
.scripture-alternative .nkrv-actions{flex-wrap:wrap}
@media(max-width:600px){.scripture-preview{padding:18px}.scripture-lines{font-size:17px}.scripture-preview>.btn{width:100%}}

/* v2.0.2: Prevent negative .search-hint margins from colliding with the save button. */
.scripture-save-area{display:flex;flex-direction:column;align-items:flex-start;gap:13px;margin-top:8px}
.scripture-save-area .scripture-source{margin:0;color:#919585;font-size:12px;line-height:1.6}
.scripture-save-area .scripture-save-help{margin:0;color:#777d6f;font-size:12px;line-height:1.65}
.scripture-save-area>.btn{margin:0;position:static;max-width:100%;min-height:44px}
@media(max-width:600px){.scripture-save-area{align-items:stretch;gap:12px}.scripture-save-area>.btn{width:100%}}

.form-range-info{margin:-5px 0 18px;padding:10px 13px;border:1px solid #dce7d4;background:#f1f5ed;border-radius:10px;color:#60785d;font-size:12px;line-height:1.7;}

/* v2.1: 계정 메뉴와 선택적 로그인 */
.account-top-button{font-size:13px;padding:8px 12px;white-space:nowrap;border-radius:12px}
#account-settings{margin-bottom:20px}
#account-settings .account-card{margin-bottom:0;min-height:0}
.account-actions{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}
.account-small{font-size:12px!important;line-height:1.7;color:#797f71}
#account-dialog[hidden]{display:none!important}
#account-dialog{position:fixed;inset:0;z-index:1900}
.auth-modal-backdrop{position:fixed;inset:0;background:rgba(28,34,27,.55);display:grid;place-items:center;padding:16px}
.auth-modal{background:#fffdf7;border:1px solid #d9dece;border-radius:22px;box-shadow:0 24px 65px rgba(27,35,24,.23);padding:32px 28px;max-width:410px;width:min(100%,410px);position:relative;text-align:center}
.auth-close{position:absolute;top:12px;right:13px;width:34px;height:34px;border:0;border-radius:9px;background:#f6f5ef;font-size:23px;color:#56664f;cursor:pointer}
.auth-logo{display:grid;place-items:center;margin:0 auto 11px;width:55px;height:55px;border-radius:16px;color:#fff;background:#667e64;font-size:30px}
.auth-modal h2{margin:0;font-size:23px;color:#3c5141}
.auth-modal p{line-height:1.7;color:#6d776b;font-size:14px;margin:14px auto 20px}
.auth-provider{display:block;width:100%;height:48px;border-radius:10px;border:1px solid #d5d9d0;cursor:pointer;font-size:15px;font-weight:650;margin:10px 0}
.auth-provider.kakao{background:#fee500;color:#191919;border-color:#fee500}
.auth-provider.google{background:white;color:#2e3830}
.auth-provider:disabled{opacity:.48;cursor:not-allowed}
.auth-guest{padding:12px;background:none;border:0;color:#677e64;text-decoration:underline;cursor:pointer;font-size:13px}
.auth-modal small{display:block;margin-top:12px;line-height:1.6;color:#747d70;font-size:11px}
.auth-modal small.auth-warning{color:#9b6347}
@media(max-width:680px){.account-top-button{padding:7px 10px;font-size:12px}.auth-modal{padding:28px 20px}.account-actions{flex-direction:column}.account-actions>.btn{width:100%}}

/* v2.1.3: Prevent long saved passages from expanding the home grid.
   The full verse stays available in its detail view; home shows a 3-line preview. */
.main-content,.home-columns>div,.home-columns>aside,.paper-card,.recent-list{min-width:0}
.recent-item-main{min-width:0;flex:1 1 0}
.recent-preview{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  white-space:normal;
  overflow:hidden;
  overflow-wrap:anywhere;
  word-break:break-word;
  line-height:1.65;
  text-overflow:ellipsis
}
/* Defensive wrapping for other screens: notes can include pasted long text. */
.verse-content,.scripture-lines,.detail-quote,.note-memo,.bible-result-text{overflow-wrap:anywhere}
.verse-ref,.recent-title{overflow-wrap:anywhere}

/* v2.1.4: conflict notification; no change to existing page layout */
.sync-conflict-alert{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:12px 24px 0;padding:12px 16px;border-radius:12px;border:1px solid #dca47b;background:#fff2e4;color:#784525;font-size:.9rem;}
.sync-conflict-alert[hidden]{display:none;}
.sync-conflict-alert button{background:#fff;border:1px solid #c18b64;border-radius:8px;padding:8px 14px;color:#72442e;cursor:pointer;font-weight:700;}
.cloud-conflict-row{border-top:1px solid #dfd6c8;padding:14px 0;display:flex;flex-direction:column;gap:8px;min-width:0;overflow-wrap:anywhere;}
.cloud-conflict-row .account-actions{display:flex;gap:8px;flex-wrap:wrap;}
@media(max-width:600px){.sync-conflict-alert{margin:8px 12px 0;}}

/* v2.1.6 · member avatars and one-line board */
.animal-avatar{display:block;flex-shrink:0;object-fit:contain;image-rendering:pixelated}
.member-mini-profile{display:inline-flex;align-items:center;gap:4px;color:#526b50;font-weight:850;font-size:12px;white-space:nowrap}
.member-mini-profile[hidden]{display:none!important}
.member-mini-profile img{width:26px;height:26px}
.member-profile-card{margin-top:14px}
.member-profile-heading{display:flex;align-items:center;gap:13px;min-width:0;margin-bottom:13px}
.member-profile-heading h3{margin:0 0 5px;font-size:17px}
.member-profile-heading p{font-size:12px;color:#8a887e;margin:0}
.member-profile-form label{font-weight:800;color:#556b51;display:block;font-size:12px;margin-bottom:8px}
.member-inline-form{display:flex;gap:8px;min-width:0}
.member-inline-form input{min-width:0;flex:1;max-width:270px;padding:11px;border:1px solid #d9ddcf;border-radius:10px;background:#fffdf8;color:#495947}
.member-inline-form .btn{white-space:nowrap}
.animal-placeholder{flex:0 0 64px;width:64px;height:64px;display:grid;place-items:center;border-radius:14px;background:#e5ebdf;color:#82917c;font-size:27px}
.animal-placeholder.small{width:40px;height:40px;flex-basis:40px;font-size:18px}
.board-intro{padding:28px 0 25px}
.board-eyebrow{font-size:10px;font-weight:900;letter-spacing:2px;color:#a88d60}
.board-intro h1{font-size:clamp(25px,3vw,36px);color:#4c604b;letter-spacing:-1.3px;margin:12px 0 8px}
.board-intro p{font-size:13px;color:#8a887e}
.board-compose{padding:25px;margin-bottom:34px}
.board-compose-head{display:flex;align-items:center;gap:11px;margin-bottom:17px}
.board-compose-head strong{font-size:14px;color:#4a6349}
.board-compose-head p{font-size:12px;color:#909184;margin:4px 0 0}
.board-compose textarea{display:block;width:100%;resize:vertical;min-height:76px;line-height:1.65;border:1px solid #e4e6d9;background:#fffdf9;border-radius:12px;padding:13px 15px;color:#485747;outline-color:#829c7d;white-space:pre-wrap;overflow-wrap:anywhere}
.board-compose-bottom{display:flex;align-items:center;justify-content:flex-end;gap:13px;margin-top:11px}
.board-length{color:#9a9c8e;font-size:12px}
.board-tip{font-size:11px;color:#9b998c;margin:15px 0 0}
.board-login{display:flex;justify-content:flex-start;flex-wrap:wrap}
.board-list-section{margin-bottom:40px}
.board-list{margin-top:14px;padding:8px 22px;min-height:96px}
.board-post{display:flex;gap:12px;align-items:flex-start;padding:18px 0;border-bottom:1px solid #eeece4;min-width:0}
.board-post:last-child{border-bottom:0}
.board-post-main{flex:1;min-width:0}
.board-post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:9px;color:#9d9a90;font-size:11px}
.board-post-meta strong{color:#536e51;font-size:13px}
.board-post-content{font-size:13px;color:#595d52;line-height:1.75;overflow-wrap:anywhere;word-break:break-word;margin:6px 0 0}
.board-delete{align-self:flex-start;border:0;background:transparent;color:#b08070;font-size:11px;padding:4px 6px;flex-shrink:0}
.board-delete:hover{text-decoration:underline}
.board-empty{text-align:center;padding:28px 10px;color:#8a9486;font-size:13px}
.board-error{color:#ba685a;font-size:12px}
@media(max-width:700px){.member-mini-profile{font-size:10px;max-width:95px;overflow:hidden;text-overflow:ellipsis}.member-mini-profile img{width:21px;height:21px}.member-mini-profile>span{max-width:70px;overflow:hidden;text-overflow:ellipsis}.board-intro{padding-top:16px}.board-compose{padding:15px}.board-list{padding:0 15px}.bottom-link{font-size:9px;gap:4px;min-width:0}}
@media(max-width:370px){.member-mini-profile{display:none!important}.member-inline-form{flex-wrap:wrap}.member-inline-form .btn{width:100%}}

/* v2.1.6 · 닉네임 드롭다운 및 개인 로그인 정보 */
#account-button[hidden],#member-mini-profile[hidden],#account-menu[hidden]{display:none!important}
.member-menu-wrap{position:relative;display:flex;align-items:center;min-width:0;z-index:45}
button.member-mini-profile{display:flex;align-items:center;gap:5px;max-width:190px;min-height:38px;padding:4px 9px;background:#f5f4eb;border:1px solid #e5e8da;border-radius:13px;cursor:pointer;color:#4d654c;transition:background .15s,border-color .15s;white-space:nowrap}
button.member-mini-profile:hover,button.member-mini-profile[aria-expanded="true"]{background:#eaf0e3;border-color:#cbd8c5}
button.member-mini-profile:focus-visible,.account-dropdown button:focus-visible{outline:3px solid #8eaa81;outline-offset:2px}
.member-mini-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:850;font-size:12px}
.member-menu-chevron{font-size:15px;line-height:1;margin-left:3px;flex-shrink:0;color:#7a9076}
.animal-placeholder.mini{font-size:18px;width:26px;text-align:center;flex-shrink:0}
.account-dropdown{position:absolute;right:0;top:calc(100% + 7px);min-width:145px;z-index:150;background:#fffdf8;border:1px solid #e3e1d5;border-radius:13px;box-shadow:0 16px 36px #30433224;padding:6px;display:flex;flex-direction:column}
.account-dropdown button{width:100%;display:flex;align-items:center;padding:11px 13px;font-size:13px;font-weight:750;color:#4f604f;background:transparent;border:0;border-radius:8px;cursor:pointer;text-align:left}
.account-dropdown button:hover{background:#eff3e8}
.account-dropdown button:last-child{color:#a26651}
.account-details{display:flex;flex-direction:column;gap:14px;max-width:900px}
.account-details .member-profile-card{margin-top:0}
.login-identity-card{margin:14px 0;padding:15px 17px;background:#faf8f0;border:1px solid #e6e4d9;border-radius:13px;display:grid;gap:12px}
.identity-row{display:grid;grid-template-columns:minmax(98px,140px) minmax(0,1fr);gap:12px;align-items:start;font-size:12px}
.identity-row>span{color:#7c8176}
.identity-row>strong{color:#4b5e49;font-size:13px;font-weight:800;overflow-wrap:anywhere;user-select:text}
.identity-more{border-top:1px solid #e7e7dc;padding-top:11px;color:#7c8176;font-size:11px}
.identity-more summary{cursor:pointer;font-weight:750;color:#667966;list-style:inside}
.identity-more code{display:block;margin-top:8px;font-size:11px;color:#4b5e49;overflow-wrap:anywhere;user-select:text}
.identity-more p{font-size:11px;margin-top:5px}
@media(max-width:700px){.member-menu-wrap{z-index:45}button.member-mini-profile{padding:3px 6px;max-width:158px;min-height:35px}.member-mini-profile img{width:23px;height:23px}.member-mini-name{font-size:11px}.account-dropdown{min-width:146px}.topbar-right{gap:5px}}
@media(max-width:370px){.member-mini-profile{display:flex!important}#member-mini-profile[hidden]{display:none!important}button.member-mini-profile{max-width:118px;gap:2px}.member-mini-name{max-width:75px}.member-menu-chevron{margin-left:0}.identity-row{grid-template-columns:1fr;gap:2px}}

/* v2.1.7 - 게시글 신고 및 운영자 관리 */
.board-report-link{color:#878c81}
.board-report-link:hover{color:#9d5d50}
.board-moderator{margin:30px 0 55px}
.board-moderator-badge{display:inline-block;vertical-align:middle;font-size:10px;font-weight:750;color:#657f60;background:#eaf0e5;padding:3px 7px;border-radius:8px;margin-left:6px}
.board-reports{margin-top:14px;padding:8px 22px}
.board-report-row{padding:17px 0;border-bottom:1px solid #ecebe1;display:flex;align-items:flex-start;gap:16px}
.board-report-row:last-child{border-bottom:0}
.board-report-main{flex:1;min-width:0}
.board-report-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center;flex-shrink:0}
.board-report-dialog{border:1px solid #dedfce;border-radius:18px;box-shadow:0 25px 70px #19241b35;max-width:min(92vw,440px);width:100%;padding:24px;background:#fffdf8;color:#4f604b}
.board-report-dialog::backdrop{background:#1a241b8c}
.board-report-dialog h3{font-size:19px;margin:0 0 8px;color:#4a604a}
.board-report-dialog p{color:#828879;font-size:12px;margin:0 0 20px}
.board-report-dialog label{display:block;font-weight:750;font-size:12px;margin-bottom:9px}
.board-report-dialog select{width:100%;min-height:42px;background:#fcfaf3;color:#4b5948;border:1px solid #dfe4da;border-radius:10px;padding:9px 12px}
.board-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}
@media(max-width:700px){.board-reports{padding:6px 14px}.board-report-row{display:block}.board-report-actions{margin-top:10px}.board-report-dialog{padding:18px}}

.board-report-reasons{font-size:11px;color:#9a8270;margin:6px 0 0;overflow-wrap:anywhere}

/* v2.1.8 — 탈퇴 및 데이터 처리 안내 */
.member-deletion-card{margin-top:16px!important;border:1px solid #e6cdc4;background:#fffaf5}
.member-deletion-card h3{color:#955d4a}
.member-deletion-card .btn-danger{min-width:140px}
.deletion-warning{color:#a05743!important;font-weight:650}
.privacy-content{display:grid;gap:16px;max-width:950px;margin:12px 0 40px}
.privacy-content .setting-card{margin:0;min-height:0}
.privacy-content .setting-card h3{margin-bottom:12px}
.privacy-content .setting-card p{line-height:1.9;margin:10px 0;color:#65705e}
@media(max-width:680px){.member-deletion-card .btn{width:100%}}

/* v2.1.9: Single My Info hub; removed duplicate Settings/Backup page */
.account-data-section{max-width:900px;margin:30px 0 20px}
.account-section-title{margin:0 0 14px}
.account-section-title h2{font-size:17px;color:#465845;letter-spacing:-.5px;margin:0 0 6px}
.account-section-title p{font-size:12px;color:#858879;margin:0}
.account-tools-grid{max-width:900px;gap:14px}
.account-tools-grid .setting-card{min-width:0;margin:0}
.account-backup-card .account-actions,.account-local-card .account-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.account-privacy{max-width:900px;margin:24px 0 0;background:#fffdf8;border:1px solid #e8e5d9;border-radius:16px;overflow:hidden}
.account-privacy>summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:19px 23px;font-size:14px;font-weight:800;color:#546a53;list-style:none}
.account-privacy>summary::-webkit-details-marker{display:none}
.account-privacy>summary span{font-size:20px;color:#879b80;transition:transform .2s}
.account-privacy[open]>summary span{transform:rotate(180deg)}
.account-privacy .privacy-content{padding:0 19px 17px;margin:0;max-width:none}
.account-privacy .privacy-content .setting-card{box-shadow:none;background:#fcfbf7}
#account-deletion{max-width:900px;margin:28px 0 34px}
#account-deletion:empty{display:none}
#account-deletion .member-deletion-card{margin-top:0!important}
@media(max-width:700px){.account-tools-grid .btn{flex:1;min-width:135px}.account-privacy>summary{padding:16px}.account-privacy .privacy-content{padding:0 12px 12px}}

/* v2.2.1 · usability and accessibility stabilization. Keep as additive overrides. */
.skip-link{position:fixed;top:8px;left:8px;z-index:1000;transform:translateY(-160%);background:#334e33;color:#fff;padding:11px 16px;border-radius:10px;font-size:14px;font-weight:800;box-shadow:0 6px 16px #20372033}
.skip-link:focus{transform:translateY(0)}
#main:focus{outline:none}
.modal-close{min-width:44px;min-height:44px}
.picker-option{min-height:44px}
.picker-combo-toggle{min-width:44px;width:44px}
.grade-option input:focus-visible+span{outline:3px solid #8eaa81;outline-offset:2px}
@media(max-width:700px){
  .topbar{padding:0 15px}
  .tiny-icon-btn{min-width:44px;min-height:44px;width:44px;height:44px}
  .account-top-button{min-height:44px;padding:8px 12px}
  button.member-mini-profile{min-height:44px}
  .main-content{padding-left:16px;padding-right:16px}
  .bottom-link{font-size:11px;min-height:56px;gap:5px}
  .bottom-link svg{width:23px;height:23px}
  .hero{min-height:290px;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}
  .hero-copy{padding:26px 0 26px 18px}
  .hero-desc{font-size:12px;line-height:1.7}
  .hero-actions .btn{min-height:44px;font-size:12px;padding:10px 11px}
  .stat-label{font-size:12px;line-height:1.45}
  .grade-tag,.grade-tag.small{font-size:11px}
  .review-grade{min-height:44px;font-size:12px}
  .filter-pill{min-height:44px;font-size:12px}
  .bible-picker-heading small,.bible-picker-disclaimer,.picker-menu-title,.picker-no-match{font-size:12px;line-height:1.55}
  .bible-picker-heading>span{font-size:14px}
  .picker-field>label{font-size:13px}
  .picker-field>label small{font-size:11px}
  .picker-combo input{font-size:16px!important;min-height:44px}
  .picker-option small{font-size:11px}
  .bible-picker-reference{font-size:13px}
  .scripture-search-box .search-hint{font-size:12px}
  .source-tag{font-size:11px}
  .grade-option span{font-size:12px;min-height:44px;display:grid;place-items:center}
  .modal-close{width:44px;height:44px}
}
@media(max-width:375px){
  .hero{min-height:300px}
  .hero-desc{font-size:12px}
  .hero-actions .btn{font-size:12px;min-height:44px;padding:9px 10px}
  .review-grade{font-size:12px}
  .bottom-link{font-size:10px}
}


/* v2.2.2 · Clear sign-in entry point for guests; keep guest account tools available. */
#guest-login-button[hidden]{display:none!important}
.guest-login-button{min-height:44px;padding:8px 14px;white-space:nowrap;font-size:13px;border-radius:12px}
@media(max-width:700px){
  .guest-login-button{min-height:44px;padding:8px 11px;font-size:12px}
  .topbar-right{gap:5px}
}
/* Narrow phones: preserve all three actions without horizontal scrolling. */
@media(max-width:370px){
  .mobile-brand{gap:6px}
  .mobile-brand>span:last-child{font-size:0}
  .mobile-brand>span:last-child::after{content:'말씀노트';font-size:13px;letter-spacing:-.4px}
  .account-top-button,.guest-login-button{padding:8px 9px;font-size:12px}
}

/* v2.2.3 · Auth-header flicker and spacing regression fix.
   Override .btn/.member-mini-profile/.account-dropdown display declarations:
   native [hidden] must always win, including on narrow screens. */
#account-button[hidden],
#guest-login-button[hidden],
#member-menu-wrap[hidden],
#member-mini-profile[hidden],
#account-menu[hidden]{display:none!important}
@media(max-width:700px){.topbar-right{gap:4px}}

/* v2.2.4 · search -> save -> practice: clear next actions */
.scripture-already-saved{display:flex;align-items:center;gap:6px;background:#edf4e9;color:#456a4b;border:1px solid #ccdfca;border-radius:11px;padding:10px 13px;font-weight:750;font-size:13px;line-height:1.5}
.scripture-saved-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.scripture-saved-actions>.btn{min-height:44px}
.focus-review-btn{margin-top:15px;display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;text-align:left;min-height:44px;font-size:12px;line-height:1.45}
.focus-review-count{background:#e4ebdd;color:#4b6847;border-radius:20px;padding:2px 8px;font-size:11px}
@media(max-width:600px){.scripture-saved-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.scripture-saved-actions>.btn{min-width:0;padding:11px 8px;white-space:normal;text-align:center}.focus-review-btn{width:100%;justify-content:center}}


/* v2.3.0 · Warm notebook visual system (data and auth logic are unchanged) */
:root{--cream:#f8f6ef;--cream2:#fffaf3;--paper:#fffefa;--forest:#61765c;--forest-d:#3e5a42;--ink:#414a40;--muted:#747b70;--line:#e7e8dc;--shadow:0 10px 32px rgba(64,77,54,.06);--soft-shadow:0 5px 18px rgba(64,77,54,.045)}
body{background:var(--cream);color:var(--ink)}
.sidebar{background:linear-gradient(180deg,#fffef9 0%,#f9f8f0 100%)}
.nav-link{font-size:14px}
.nav-link.active{background:#e9f0e5;box-shadow:inset 3px 0 0 #728b6d}
.main-content{max-width:1200px}
.btn-primary{box-shadow:0 4px 11px rgba(64,86,58,.13)}
.btn:focus-visible,.nav-link:focus-visible,.bottom-link:focus-visible,.mode-tab:focus-visible,.review-grade:focus-visible,.verse-flow-step:focus-visible{outline:3px solid #879f7b;outline-offset:3px}
.hero{background:radial-gradient(circle at 88% 20%,#e5efdf 0,transparent 48%),linear-gradient(128deg,#f9f5ea 0%,#edf1e5 90%);border-color:#dfe5d7;box-shadow:0 14px 30px #6f7f6714}
.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#8da18a33 .8px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent 25%,#000 100%)}
.hero-title{line-height:1.47;color:#3c503e}
.hero-title em{color:#5f795d}
.hero-desc{color:#596b58;line-height:1.9}
.hero-copy{isolation:isolate}
.mini-ribbon{color:#668362;letter-spacing:1.35px}
.stats-row{margin-bottom:20px}
.stat-card{border-color:#e3e9dd;box-shadow:0 4px 12px #53684a0a;overflow:hidden}
.stat-card:before{content:'';position:absolute;left:0;top:0;width:100%;height:3px;background:#a7b89d;opacity:.68}
.stat-card:nth-child(2):before{background:#82a27f}
.stat-card:nth-child(3):before{background:#d6b87e}
.stat-card:nth-child(4):before{background:#ca9b90}
.stat-label{color:#606e61;line-height:1.6}
.stat-value{color:#405b45}
.review-spotlight{display:flex;align-items:center;gap:18px;min-width:0;border:1px solid #dbe7d9;border-radius:17px;background:linear-gradient(105deg,#eef5ea,#f8faf3);box-shadow:0 5px 16px #546c4a0b;padding:17px 20px;margin:0 0 36px}
.review-spotlight-emblem{flex:none;display:grid;place-items:center;width:53px;height:53px;background:#fffef9;color:#648262;border-radius:15px;border:1px solid #dbe5d5;font-size:28px;box-shadow:0 3px 12px #52734812}
.review-spotlight-content{min-width:0;flex:1}
.review-spotlight-kicker{display:block;color:#7a9677;font-size:10px;font-weight:900;letter-spacing:1.05px;margin-bottom:4px}
.review-spotlight h2{color:#425b44;font-size:17px;letter-spacing:-.6px;margin:0 0 6px;line-height:1.45}
.review-spotlight p{color:#657867;font-size:12px;line-height:1.55;margin:0}
.review-spotlight-action{flex-shrink:0;white-space:nowrap;min-height:46px}
.paper-card,.verse-card,.scripture-search-box,.scripture-preview{border-color:#e3e7da;box-shadow:var(--soft-shadow)}
.verse-card{border-radius:17px}
.verse-card:focus-within{border-color:#8da98a;box-shadow:0 0 0 3px #8ba98925}
.verse-content{font-size:15px;line-height:1.85;color:#454e45}
.verse-flow-guide{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 18px;max-width:100%;font-size:12px;font-weight:750;color:#859181}
.verse-flow-step{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.verse-flow-step b{display:grid;place-items:center;background:#e9eee5;border:1px solid #dce6d9;color:#5a7457;border-radius:50%;font-size:11px;width:25px;height:25px}
.verse-flow-step.is-current{color:#456149}
.verse-flow-step.is-current b{color:#fff;background:#647f61;border-color:#647f61}
.verse-flow-arrow{font-size:14px;color:#a8b6a2}
.page-head h1{color:#3f5642;letter-spacing:-1.5px}
.page-head p{color:#697869;line-height:1.75}
.filters{gap:8px}
.filter-pill{color:#5c6c5a;border-color:#dde6da}
.filter-pill.active{background:#e6efe3;color:#345c3d;border-color:#a8c09f}
.practice-headrow{align-items:center}
.practice-progress{font-size:13px;color:#596e5b;font-weight:750}
.practice-progress-rail{height:7px;width:100%;background:#e2eadc;border-radius:100px;overflow:hidden;margin-top:13px;margin-bottom:-9px}
.practice-progress-rail>span{display:block;height:100%;background:linear-gradient(90deg,#7b9c75,#5c805f);border-radius:inherit;transition:width .24s ease}
.practice-panel{border-color:#dce5d9;box-shadow:0 12px 35px #56704d10}
.practice-modes{background:#f6f8f1}
.practice-paper{background:radial-gradient(ellipse at 50% 3%,#f6f9f1 0,transparent 55%),#fffefa}
.practice-reference{color:#436344}
.practice-scripture{font-size:clamp(19px,2.2vw,24px);line-height:2.08;color:#38483e;font-weight:650;max-width:680px}
.review-box{background:#f1f6ef;border-color:#e0e9df}
.review-box p{color:#687a69}
.review-grade{font-size:13px;line-height:1.45;min-height:46px}
.review-grade:hover{filter:brightness(.97)}
.bottom-link{touch-action:manipulation}
@media(max-width:900px){.review-spotlight{margin-bottom:28px}}
@media(max-width:700px){
 .main-content{padding-top:22px}
 .hero{min-height:290px}
 .hero-title{line-height:1.45}
 .hero-desc{font-size:12px;line-height:1.7}
 .stats-row{margin-bottom:16px}
 .stat-card{min-height:110px}
 .stat-value{font-size:29px}
 .review-spotlight{gap:11px;flex-wrap:wrap;padding:15px;margin-bottom:30px}
 .review-spotlight-emblem{width:42px;height:42px;border-radius:12px;font-size:23px}
 .review-spotlight-content{flex:1 1 calc(100% - 60px)}
 .review-spotlight h2{font-size:15px}
 .review-spotlight p{font-size:12px}
 .review-spotlight-action{width:100%;min-height:46px}
 .page-head{margin-bottom:20px}
 .page-head h1{font-size:27px}
 .page-head p{font-size:13px}
 .verse-flow-guide{gap:7px;font-size:11px}
 .verse-flow-step{gap:4px}
 .verse-flow-step b{width:23px;height:23px;font-size:11px}
 .verse-flow-arrow{font-size:12px}
 .scripture-search-box{padding:17px}
 .practice-progress-rail{margin-bottom:-10px}
 .practice-paper{min-height:300px}
 .practice-scripture{font-size:19px;line-height:1.9}
 .review-grade{font-size:12px;min-height:48px}
 .filters{flex:1 1 100%;gap:6px}
 .filter-pill{min-height:43px;font-size:12px;padding:9px 11px}
 .bottom-link.active{position:relative;color:#3b6540}
 .bottom-link.active:before{content:'';position:absolute;top:0;left:calc(50% - 17px);height:3px;width:34px;background:#648466;border-radius:0 0 5px 5px}
}
@media(max-width:375px){
 .hero-title{font-size:20px}
 .verse-flow-guide{gap:4px;font-size:10px}
 .verse-flow-step b{width:21px;height:21px}
 .verse-flow-arrow{font-size:10px}
 .filter-pill{font-size:11px}
 .review-spotlight-emblem{display:none}
 .review-spotlight-content{flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){.practice-progress-rail>span{transition:none}}


/* v2.4.0 — Daily verse review, consistent with the paper-and-sage palette. */
.daily-review-card{border:1px solid #dce7d6;border-radius:20px;background:linear-gradient(112deg,#eff5e9,#fcfbf1);padding:24px 26px;margin:0 0 16px;box-shadow:var(--soft-shadow)}
.daily-review-lead{display:flex;align-items:center;gap:17px}
.daily-review-icon{display:grid;place-items:center;flex:none;width:55px;height:55px;border:1px solid #e0e7d6;border-radius:16px;background:#fffef9;color:#698866;font-size:30px}
.daily-review-heading{flex:1;min-width:0}.daily-review-eyebrow{color:#7b8f73;font-size:10px;font-weight:850;letter-spacing:1.5px}
.daily-review-heading h2{font-size:20px;letter-spacing:-.8px;margin:3px 0 5px;color:#3e5941}.daily-review-heading p{margin:0;color:#6e806b;font-size:12px;line-height:1.65}
.daily-review-overdue{display:inline-block;color:#975e4a;font-weight:700}
.daily-review-stats{display:flex;justify-content:space-between;align-items:center;color:#566f56;font-size:13px;font-weight:650;margin:23px 0 9px;gap:10px}
.daily-review-stats b{font-size:16px;margin-left:5px}.daily-review-rail{height:9px;background:#dfe9db;border-radius:50px;overflow:hidden}
.daily-review-rail>span{display:block;height:100%;background:linear-gradient(90deg,#8eaa82,#5c825b);border-radius:inherit;transition:width .22s ease}
.daily-review-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px}
.daily-review-explain{color:#879182;font-size:11px;line-height:1.6}
.daily-review-foot .btn{flex-shrink:0;min-height:43px}
.review-activity{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:20px 26px;margin:0 0 33px;box-shadow:var(--soft-shadow)}
.review-activity-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.review-activity-heading h2{font-size:16px;margin:3px 0;color:#4f624e}.review-activity-heading p{color:var(--muted);font-size:11px;margin:5px 0 0}
.review-activity-total{font-size:25px;color:#4e6d4f;font-weight:850;white-space:nowrap}.review-activity-total small{font-size:10px;color:#8c9d86;font-weight:650;margin-left:6px}
.review-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(8px,2vw,23px);margin:20px 0 6px;align-items:end}
.review-bar-cell{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;color:#617a5e}
.review-bar-number{font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}
.review-bar-track{height:82px;background:#f2f5ef;width:100%;max-width:75px;border-radius:8px 8px 4px 4px;display:flex;align-items:flex-end;overflow:hidden}
.review-bar-track span{width:100%;display:block;background:#94b090;border-radius:6px 6px 0 0;min-height:0}
.review-bar-label{font-size:11px;white-space:nowrap;color:#788779}.review-bar-label b{font-weight:850;color:#5e7d5a;font-size:9px}
.review-activity-note{font-size:11px;line-height:1.7;color:#929a8d;margin:13px 0 0}
.daily-session-info{padding:13px 17px;background:#eff5e9;border:1px solid #dde9d7;border-radius:11px;color:#50734e;font-weight:750;font-size:12px;line-height:1.8;margin:-10px 0 17px}
.daily-session-info span{color:#859583;font-weight:500;margin-left:9px}
.daily-complete{text-align:center;max-width:560px;background:#fffdf6;border:1px solid #e4e9dc;border-radius:20px;padding:35px 24px;margin:20px auto 0}
.daily-complete img{width:138px;height:138px;object-fit:contain}.daily-complete h2{font-size:20px;color:#4d6c4a;margin:12px 0}.daily-complete p{font-size:13px;line-height:1.85;color:#838a7a;margin-bottom:20px}
.daily-complete .btn{margin:4px}
@media(max-width:700px){.daily-review-card{padding:19px 17px;border-radius:16px}.daily-review-icon{width:44px;height:44px;font-size:23px;border-radius:13px}.daily-review-lead{gap:11px}.daily-review-heading h2{font-size:17px}.daily-review-stats{margin-top:16px}.daily-review-foot{align-items:stretch;flex-direction:column;gap:13px}.daily-review-foot .btn{width:100%;min-height:47px}.review-activity{padding:19px 14px;margin-bottom:27px}.review-bars{gap:8px}.review-bar-track{height:68px}.review-activity-total{font-size:21px}.review-activity-total small{display:block;margin-left:0;text-align:right}.daily-session-info span{display:block;margin:0}.daily-complete{padding:28px 14px}.daily-complete .btn{width:100%;margin:4px 0}}
@media(max-width:360px){.review-bar-label b{display:none}.daily-review-heading h2{font-size:16px}.daily-review-icon{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.daily-review-rail>span{transition:none}}

.daily-review-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.daily-review-buttons .btn{min-height:43px}
@media(max-width:700px){.daily-review-buttons{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)}.daily-review-buttons .btn{padding:10px 8px;font-size:12px}}

/* v2.5.0 - Comfort-first practice and scalable note search. */
.practice-headrow{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.practice-text-tools{display:inline-flex;align-items:center;gap:5px;margin-left:auto;color:#5d705b;font-size:12px;font-weight:750}
.practice-text-tools button{min-width:43px;min-height:40px;border:1px solid #cbd9c7;border-radius:10px;background:#fffefa;color:#476147;font-size:15px;font-weight:850;cursor:pointer}
.practice-text-tools button:focus-visible,.notes-more button:focus-visible{outline:3px solid #87a17e;outline-offset:2px}
.practice-text-tools button:disabled{opacity:.42;cursor:default}
.practice-size-0 .practice-scripture{font-size:clamp(17px,2vw,20px);line-height:1.95}
.practice-size-1 .practice-scripture{font-size:clamp(19px,2.2vw,24px);line-height:2.04}
.practice-size-2 .practice-scripture{font-size:clamp(23px,2.7vw,30px);line-height:1.95}
.practice-paper{scroll-margin-top:88px;outline:none}
.practice-paper:focus-visible{outline:3px solid #89a482;outline-offset:3px}
.review-next{margin-top:16px;text-align:right}
.review-next .btn{min-height:46px}
.notes-more{text-align:center;margin:16px 0 28px;padding:15px 0;border-top:1px dashed #dce5d7}
.notes-more p{font-size:12px;margin:0 0 10px;color:#687b65}
.notes-more .btn{min-height:44px}
@media(max-width:700px){
 .practice-text-tools{flex-basis:100%;justify-content:flex-end;gap:8px;margin-top:1px}
 .practice-text-tools button{min-width:48px;min-height:44px}
 .practice-size-0 .practice-scripture{font-size:17px}
 .practice-size-1 .practice-scripture{font-size:19px}
 .practice-size-2 .practice-scripture{font-size:24px}
 .review-next .btn{width:100%;min-height:50px}
 .practice-navigation{position:sticky;bottom:calc(66px + env(safe-area-inset-bottom));z-index:8;background:rgba(255,254,248,.98);border:1px solid #d9e5d5;border-radius:15px;padding:10px;box-shadow:0 7px 22px rgba(59,81,49,.13);backdrop-filter:blur(8px)}
 .practice-nav-buttons .btn{min-height:44px;font-size:12px}
 .practice-layout{padding-bottom:15px}
 .practice-paper{scroll-margin-top:76px}
}
@media(prefers-reduced-motion:reduce){.practice-navigation{backdrop-filter:none}}

/* v2.5.0 small-screen practice control refinement */
.practice-tools-row{display:flex;align-items:center;gap:14px;flex:1 1 100%;justify-content:space-between}
.practice-text-tools{margin-left:0}
.practice-random-switch{white-space:nowrap;font-size:12px}
.practice-navigation .practice-nav-buttons{width:100%;justify-content:space-between;gap:12px}
.practice-navigation .practice-nav-buttons .btn{flex:1;min-width:0}
@media(max-width:700px){
 .practice-tools-row{gap:6px;flex-wrap:nowrap}
 .practice-text-tools{flex-basis:auto;gap:5px;margin-top:0}
 .practice-random-switch{font-size:11px}
 .practice-navigation{padding:8px}
 .practice-navigation .practice-nav-buttons{gap:8px}
 body:has(.practice-navigation) .toast{bottom:calc(148px + env(safe-area-inset-bottom))}
}

.practice-key-hint{text-align:right;font-size:11px;color:#71836a;margin:13px 0 9px}
@media(max-width:700px){.practice-key-hint{display:none}}