:root{--paper:#f7f4ed;--ink:#263e35;--muted:#69736a;--line:#d9ddd2;--gold:#b08b50;--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit;color:inherit}button,.button{cursor:pointer;border:1px solid var(--line);background:0 0;border-radius:6px;min-height:44px;padding:10px 16px;transition:background .16s}button:hover,.button:hover{background:#e8ece2;text-decoration:none}button:disabled{opacity:.5;cursor:wait}input,textarea,select{border:1px solid var(--line);background:#fffdf8;border-radius:6px;max-width:100%;padding:12px}textarea{resize:vertical;width:100%;min-height:120px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.15}h1{letter-spacing:-2.2px;margin-bottom:24px;font-size:clamp(40px,5.8vw,72px)}h2{letter-spacing:-.7px;font-size:32px}h3{letter-spacing:-.5px;font-size:30px}small{color:var(--muted);font-size:12px}.eyebrow{letter-spacing:2px;font-size:10px;font-weight:600;display:block}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:34px;max-width:1280px;margin:auto;padding:23px 48px;display:flex}.brand{font-size:32px;font-family:var(--serif);letter-spacing:-1.5px;align-items:center;gap:9px;line-height:1;display:inline-flex}.brand-mark{color:var(--gold);font-size:33px;font-family:var(--serif)}.brand-dot{margin-left:-9px}.tagline{letter-spacing:2.2px;color:var(--muted);border-left:1px solid var(--line);padding-left:24px;font-size:9px}.desktop-nav{gap:26px;margin-left:auto;font-size:12px;display:flex}.desktop-nav a[aria-current]{border-bottom:1px solid var(--ink)}.shell{max-width:1140px;margin:auto;padding:0 38px 70px}.intro{padding:67px 0 60px;position:relative;overflow:hidden}.intro>.eyebrow{color:var(--gold);margin-bottom:21px}.intro h1{z-index:1;max-width:680px;position:relative}.intro p{font-family:var(--serif);color:var(--muted);margin-bottom:28px;font-size:21px;line-height:1.55}.gold-dot{color:var(--gold)}.intro-foot{color:var(--muted);align-items:center;gap:12px;font-size:11px;display:flex}.small-line{background:var(--gold);width:33px;height:1px}.weave-art{color:#b2b8a3;opacity:.6;pointer-events:none;width:41%;position:absolute;top:80px;right:-7px;transform:rotate(-12deg)}.weave-art svg{width:100%}.section-heading{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;padding-top:36px;display:flex}.section-heading h2{margin:9px 0 0}.library-count{color:var(--muted);padding-bottom:4px;font-size:11px}.search{border:1px solid var(--line);background:#faf8f3;border-radius:5px;align-items:center;gap:12px;margin-bottom:28px;padding:2px 15px;display:flex}.search>span{color:var(--muted);font-size:27px}.search input{background:0 0;border:0;outline:none;flex:1;min-width:0;height:49px;font-size:13px}.search button{border:0;padding:0 10px}.pattern-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.pattern-card{border:1px solid var(--line);background:#fbf9f4;border-radius:7px;flex-direction:column;min-height:324px;padding:25px 24px 20px;transition:transform .2s,box-shadow .2s;display:flex}.pattern-card:hover{text-decoration:none;transform:translateY(-3px);box-shadow:0 7px 20px #263e3510}.featured{background:#e8ece2;border-color:#cbd4c2}.card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.card-top .eyebrow{letter-spacing:1.5px;color:var(--muted);font-size:8px}.card-number{font-family:var(--serif);color:#939c90;font-size:14px}.pattern-symbol{color:#7a8c6c;width:75px;height:75px;margin:23px 0 20px}.pattern-card h3{margin-bottom:11px;font-size:28px}.pattern-card p{color:var(--muted);max-width:230px;margin-bottom:24px;font-size:12px;line-height:1.6}.card-bottom{color:var(--muted);justify-content:space-between;align-items:center;gap:6px;margin-top:auto;font-size:10px;display:flex}.round-arrow{width:30px;height:30px;color:var(--ink);border:1px solid #c8d0bf;border-radius:50%;justify-content:center;align-items:center;font-size:17px;display:flex}.closing{text-align:center;padding:67px 0 12px}.closing .brand-mark{font-size:27px}.closing p{font-family:var(--serif);margin:18px 0;font-size:25px;line-height:1.4}.closing>span:last-child{color:var(--muted);font-size:10px}.site-footer{border-top:1px solid var(--line);max-width:1204px;color:var(--muted);justify-content:space-between;align-items:center;gap:18px;margin:auto;padding:29px 48px 36px;font-size:10px;display:flex}.site-footer .brand{color:var(--ink);font-size:26px}.bottom-nav{display:none}.skip{z-index:10;background:#fff;padding:10px;position:fixed;top:-100px;left:20px}.skip:focus{top:10px}.resume{background:#eef0e7;border:1px solid #cbd4c2;border-radius:6px;justify-content:space-between;align-items:center;gap:15px;margin:0 0 30px;padding:18px 22px;font-size:12px;display:flex}.resume strong{font-weight:500}.resume .connection{width:100%;margin:0}.reader-shell{max-width:840px}.reader-top{color:var(--muted);align-items:center;gap:24px;padding:25px 0;font-size:11px;display:flex}.reader-top>span{margin-left:auto}.text-button{text-underline-offset:4px;background:0 0;border:0;min-height:34px;padding:7px 0;font-size:12px;text-decoration:underline}.text-button:hover{background:0 0}.reader-heading{text-align:center;padding:30px 0 32px}.reader-symbol{width:61px;height:61px;color:var(--gold);margin-bottom:20px}.reader-heading h1{letter-spacing:-1.2px;margin:15px 0 0;font-size:44px}.reader-heading .eyebrow{color:var(--muted);font-size:9px}.scripture{border-top:1px solid var(--line);padding-top:24px}.scripture-label{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:27px;font-size:10px;display:flex}.scripture h2{margin-bottom:18px;font-size:24px}.scripture blockquote{font-family:var(--serif);color:#2f4135;margin:0 0 14px;font-size:23px;line-height:1.8}.verse sup{font-family:var(--sans);color:var(--gold);vertical-align:super;margin-right:7px;font-size:9px}.source-link{color:var(--muted);font-size:10px;text-decoration:underline}.scripture section{margin-bottom:28px}.reader-actions{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;margin-top:30px;padding:16px 0;display:flex}.reader-actions button{border:0;min-height:40px;padding:8px 12px;font-size:12px}.reader-actions button[aria-pressed=true]{background:#e8ece2}.observation{padding:34px 0 40px}.observation>.eyebrow{color:var(--gold);margin-bottom:15px}.observation p{font-family:var(--serif);margin-bottom:17px;font-size:23px;line-height:1.7}.observation small{font-size:10px}.connections>.eyebrow{margin-bottom:17px}.connection{border:1px solid var(--line);background:#faf8f3;border-radius:6px;justify-content:space-between;align-items:center;gap:18px;padding:19px 20px;display:flex;text-decoration:none!important}.connection:hover{background:#eef0e7}.connection>div{flex-direction:column;gap:5px;display:flex}.connection .eyebrow{letter-spacing:1.4px;color:var(--muted);font-size:8px}.connection strong{font-weight:400;font-family:var(--serif);font-size:22px}.connection div>span:last-child{color:var(--muted);font-size:12px}.connection>span{color:var(--gold);font-size:23px}.connection.primary{background:#e8ece2;border-color:#cbd4c2}.connection.primary strong{font-size:27px}.choice-label{font-family:var(--serif);color:var(--muted);margin:23px 0 17px;font-size:18px}.alternative-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.reader-end{text-align:center;border-top:1px solid var(--line);margin-top:38px;padding-top:25px}.reader-end p{font-family:var(--serif);color:var(--muted);font-size:17px;font-style:italic}.reader-end .text-button{margin:8px auto;display:block}.note-panel{background:#eceee5;border-radius:6px;margin-top:15px;padding:22px}.note-panel label,form label,.share-dialog label{margin-bottom:8px;font-size:12px;display:block}.note-panel small{margin-top:8px;display:block}.page-heading{padding:65px 0 25px}.page-heading>.eyebrow{color:var(--gold);margin-bottom:17px}.page-heading h1{font-size:54px}.page-heading p{font-family:var(--serif);color:var(--muted);font-size:22px}.storage-notice{border:1px solid var(--line);border-radius:5px;padding:18px;font-size:12px}.storage-notice a{text-decoration:underline;display:block}.sync-status{color:var(--muted);font-size:11px}.shell>section{margin-bottom:36px}.saved-list{grid-template-columns:1fr 1fr;gap:16px;display:grid}.saved-note{border-bottom:1px solid var(--line);padding:20px 0}.saved-note a{font-size:12px;text-decoration:underline}.saved-note p{white-space:pre-wrap;font-family:var(--serif);margin-top:12px;font-size:21px}.history-row{align-items:center;gap:20px;margin-bottom:10px;display:flex}.history-row .connection{flex:1}.history-row time{color:var(--muted);font-size:10px}.empty-small,.muted{color:var(--muted);font-size:13px}.empty{border:1px dashed var(--line);padding:30px}.settings-panel{border:1px solid var(--line);background:#fbf9f4;border-radius:7px;max-width:800px;padding:30px}.settings-panel h2{font-size:28px}.settings-panel p{font-size:14px}.settings-panel a{text-decoration:underline}.settings-panel details{margin-top:15px}.settings-panel summary{cursor:pointer;padding:8px 0;font-size:12px}.settings-panel details .danger{margin:10px 10px 0 0}.danger{color:#8a3d37}.button{background:var(--ink);color:var(--paper);border-color:var(--ink);padding:12px 20px;font-size:12px;display:inline-block}.button:hover{background:#375344}.button.secondary{color:var(--ink);border-color:var(--line);background:0 0}.button-row{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.button-row button{font-size:12px}.input-row{gap:10px;margin-bottom:14px;display:flex}.input-row input{flex:1;min-width:0}.file-label input{display:none}.account-pending{background:#eceee5;border-radius:5px;padding:15px}.reflections-intro{max-width:620px;padding:110px 0 120px}.reflections-intro>.eyebrow{color:var(--gold);margin-bottom:22px}.reflections-intro p{font-family:var(--serif);color:var(--muted);font-size:22px;line-height:1.7}.toast{background:var(--ink);color:#fff;z-index:30;border-radius:8px;max-width:calc(100% - 30px);padding:14px 20px;font-size:13px;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 5px 30px #0002}.share-dialog{border:1px solid var(--line);background:var(--paper);width:520px;max-width:calc(100% - 28px);color:var(--ink);border-radius:10px;padding:28px}.share-dialog::backdrop{background:#182c2566}.dialog-heading{justify-content:space-between;align-items:center;display:flex}.dialog-heading h2{margin:0}.dialog-heading button{border:0;font-size:22px}.share-dialog>p{margin-top:15px;font-size:13px}.share-dialog>input{width:100%;font-size:11px}.share-dialog>small{margin-top:14px;display:block}.editor-form{max-width:800px}.editor-form label{margin:16px 0 6px;font-size:12px;display:block}.editor-form input,.editor-form select{width:100%}.editor-form textarea{min-height:150px}.editor-form .scripture-preview{font:20px/1.6 var(--serif);background:#eceee5;padding:20px}.editor-banner{border:1px solid var(--line);padding:20px;font-size:13px}.editor-form fieldset{border:1px solid var(--line);margin-top:20px;padding:16px}.editor-form legend{font-size:13px}.site-footer a:hover{color:var(--ink)}.observation .carry{color:#315944;margin-top:23px;font-size:21px}.reader-heading{border-bottom:2px solid #b08b5044;margin-bottom:8px}.connection-heading{font:500 15px var(--sans);margin-bottom:17px}.connection-list{grid-auto-rows:1fr;gap:14px;display:grid}.connection-list .connection{min-height:112px}.connection-icons{flex-shrink:0;align-items:center;gap:12px;display:flex}.connection-icons .visited-mark{font:13px var(--sans);color:var(--muted)}.connection.single-connection{background:#e8ece2;border-color:#cbd4c2}.connection.single-connection:hover{background:#dde6d8}.my-place-welcome{max-width:700px;padding-bottom:35px}.my-place-welcome>.page-heading{padding-bottom:0}.my-place-welcome li{margin-bottom:8px}.my-place-welcome>.button{margin-top:15px}.history-preference input{vertical-align:middle;width:18px;height:18px;margin-right:9px}.history-preference label{font-size:15px}.toast a{text-decoration:underline}@media (min-width:1400px){.intro{padding-top:85px;padding-bottom:80px}.pattern-card{min-height:345px}}@media (max-width:850px){.topbar{padding:20px 28px}.tagline{display:none}.desktop-nav{gap:18px}.shell{padding-left:28px;padding-right:28px}.weave-art{opacity:.35;right:-60px}.pattern-grid{grid-template-columns:1fr 1fr}.library-count{display:none}.site-footer{padding:25px 28px}}@media (max-width:600px){body{font-size:14px}.topbar{padding:20px 22px}.brand{font-size:29px}.tagline{border:0;margin-left:auto;padding:0;font-size:8px;display:block}.desktop-nav{display:none}.shell{padding:0 22px 55px}.intro{padding:45px 0 38px}.intro h1{letter-spacing:-1.8px;font-size:48px;line-height:1.12}.intro p{font-size:18px}.intro-foot{font-size:10px}.intro>.eyebrow{letter-spacing:1.8px;font-size:9px}.weave-art{opacity:.16;width:65%;top:110px;right:-95px}.section-heading{margin-bottom:21px;padding-top:28px}.section-heading h2{font-size:29px}.pattern-grid{grid-template-columns:1fr;gap:15px}.pattern-card{grid-template-columns:1fr 70px;min-height:0;padding:22px;display:grid}.card-top{grid-column:1/-1;margin-bottom:20px}.pattern-symbol{grid-area:2/2;width:68px;height:68px;margin:2px 0 0}.pattern-card>div:nth-child(3){grid-area:2/1;align-self:center}.pattern-card h3{margin:0 0 9px;font-size:29px}.pattern-card p{max-width:220px;margin-bottom:19px;padding-right:9px}.card-bottom{grid-column:1/-1}.search{margin-bottom:22px;padding:0 12px}.search input{padding:10px 0;font-size:12px}.closing{padding-top:44px}.site-footer{flex-wrap:wrap;gap:15px;padding:22px 22px 110px}.site-footer>span{font-size:9px}.site-footer>a:last-child{width:100%;font-size:9px}.bottom-nav{border-top:1px solid var(--line);padding:9px 12px calc(8px + env(safe-area-inset-bottom));z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f7f4edf5;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:#788074;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:60px;padding:4px 10px;font-size:9px;text-decoration:none;display:flex}.bottom-nav svg{width:20px;height:20px}.bottom-nav a[aria-current]{color:var(--ink);font-weight:600}.reader-top{gap:20px;padding:16px 0}.reader-top>span{display:none}.reader-heading{padding:22px 0 27px}.reader-heading h1{font-size:36px}.scripture blockquote{font-size:21px;line-height:1.8}.scripture-label{font-size:9px}.observation p{font-size:21px}.alternative-grid{grid-template-columns:1fr}.connection strong{font-size:22px}.connection.primary strong{font-size:25px}.reader-actions{gap:3px}.reader-actions button{padding:8px 7px;font-size:11px}.toast{width:max-content;max-width:calc(100% - 30px);bottom:90px}.saved-list{grid-template-columns:1fr}.history-row{display:block}.history-row time{padding-left:18px}.page-heading{padding:44px 0 22px}.page-heading h1{font-size:44px}.page-heading p{font-size:20px}.settings-panel{padding:22px}.input-row{flex-direction:column}.reflections-intro{padding:60px 0}.reflections-intro h1{font-size:44px}.reflections-intro p{font-size:21px}.resume{flex-direction:column;align-items:flex-start}.share-dialog{padding:22px}.share-dialog h2{font-size:28px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.pattern-card:hover{transform:none}}@media print{body{color:#000;background:#fff;font-size:12pt}.topbar,.bottom-nav,.site-footer,.reader-top,.reader-actions,.note-panel,.connections,.reader-end,.toast,.skip,.share-dialog,.saved-note,.sync-status{display:none!important}.shell{max-width:none;padding:0}.reader-heading{padding:0 0 15px}.reader-heading h1{font-size:28pt}.reader-symbol{display:none}.scripture blockquote{font-size:13pt;line-height:1.6}.observation p{font-size:13pt}.scripture-label,.source-link{font-size:8pt}.scripture section{break-inside:avoid}.observation{padding:20px 0}.scripture{border-color:#aaa}}:root{--woven-artwork-size:30px}.woven-mark{width:var(--woven-artwork-size);height:var(--woven-artwork-size);flex-shrink:0}.suggested-invitation{background:var(--paper);border:1px solid var(--line);border-radius:8px;margin-bottom:20px;padding:18px}.suggested-invitation p{white-space:pre-line}.share-options{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.share-options details{position:relative}.share-options details[open]{border:1px solid var(--line);border-radius:8px;flex-basis:100%;padding:12px}.share-options details a,.share-options details button,.share-options details small{margin-top:12px;display:block}.share-dialog small{margin-top:14px;display:block}.install-dialog{max-width:500px}