.journey{max-width:680px;margin:auto;padding:24px 20px 100px;color:var(--sf-night-ink-302e28,#302e28);background:var(--sf-night-surface-fbf8f2,#fbf8f2);min-height:100dvh}
.journey-nav{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:42px;font-size:12px;letter-spacing:.1em}
.journey-nav button,.journey-text{background:none;border:0;color:inherit;text-align:left;text-decoration:underline;text-underline-offset:4px;padding:12px 0;min-height:44px}
.journey h1{font:clamp(32px,7vw,48px)/1.2 var(--serif,Georgia);margin:12px 0 24px;overflow-wrap:anywhere}
.journey h2,.journey-chapter h2{font:26px/1.3 var(--serif,Georgia);margin:12px 0}
.journey p,.journey-chapter p{line-height:1.65}
.journey-lead{font-size:17px;color:var(--sf-night-ink-625949,#625949)}
.journey-kicker{font:11px/1.5 var(--sans,Arial);letter-spacing:.13em;color:var(--sf-night-ink-765b31,#765b31)}
.journey label{display:block;font-weight:600;line-height:1.5;margin:20px 0 9px}
.journey textarea{width:100%;min-height:110px;padding:16px;border:1px solid var(--sf-night-edge-ad9b80,#ad9b80);border-radius:14px;background:var(--sf-night-surface-fffdf9,#fffdf9);color:var(--sf-night-ink-302e28,#302e28);font:16px/1.6 var(--sans,Arial);resize:vertical}
.journey-primary,.journey-secondary{display:block;width:100%;min-height:48px;margin:12px 0;padding:14px 18px;border-radius:13px;font:600 15px/1.4 var(--sans,Arial);cursor:pointer;text-align:center}
.journey-primary{border:1px solid var(--sf-night-edge-715518,#715518);background:var(--sf-night-surface-80601f,#80601f);color:var(--sf-night-ink-fffaf0,#fffaf0)}
.journey-secondary{border:1px solid var(--sf-night-edge-ab9470,#ab9470);background:transparent;color:var(--sf-night-ink-594523,#594523)}
.journey-chapter{padding:24px 0;border-top:1px solid var(--sf-night-edge-d9ccba,#d9ccba);margin-top:30px}
.journey-note{padding:18px;background:var(--sf-night-surface-f1e9dc,#f1e9dc);border-radius:12px;color:var(--sf-night-ink-5f5343,#5f5343)}
.journey-selection{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:30px 0}
.journey-selection span,.journey-selection strong{display:grid;place-items:center;width:64px;height:84px;border:1px solid var(--sf-night-edge-b59f7b,#b59f7b);border-radius:9px;background:var(--sf-night-surface-f1e5d0,#f1e5d0);font:26px Georgia;box-shadow:3px 4px 0 var(--sf-night-edge-e2d4bf,#e2d4bf)}
.journey-selection strong{background:var(--sf-night-surface-294c40,#294c40);color:var(--sf-night-ink-fff6e1,#fff6e1);transform:rotate(4deg)}
.journey-selection i{font-style:normal;color:var(--sf-night-ink-7b694f,#7b694f)}
.journey-desires{padding-left:25px}.journey-desires li{padding:10px 0;line-height:1.5;border-bottom:1px solid var(--sf-night-edge-e8ded0,#e8ded0);overflow-wrap:anywhere}
.journey progress{width:100%;height:8px;accent-color:var(--sf-night-ink-80601f,#80601f)}.journey-counter{margin-bottom:8px}
.journey-pause{position:relative;z-index:2;display:block;margin:12px auto;max-width:90%;min-height:44px;padding:10px 18px;border:1px solid var(--sf-night-edge-b9a784,#b9a784);border-radius:24px;background:var(--sf-night-surface-f7eddb,#f7eddb);color:var(--sf-night-ink-302e28,#302e28)}
/* The home remains one photographic personal space. New utilities are quiet
   secondary actions inside that scene instead of introducing another card,
   radius and button system on top of the original composition. */
#screen-home .home-goals-entry { width: calc(100% - 40px); color: var(--sf-night-ink-f3dfbd,#f3dfbd); }
#screen-home .home-goals-entry button { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 44px; padding: 8px 0; border: 0; background: transparent; color: inherit; font: 600 16px/1.4 var(--fx-sans,sans-serif); text-align: left; cursor: pointer; }
#screen-home .home-goals-entry button > i { display: grid; place-items: center; flex: none; width: 28px; height: 28px; border: 1px solid var(--sf-night-edge-d6ad6b,#d6ad6b); border-radius: 50%; font: 400 20px/1 Georgia,serif; font-style: normal; }
#screen-home .home-goals-entry button > span { min-width: 0; overflow-wrap: anywhere; }
#screen-home .home-goals-entry small { display: block; margin-top: 4px; color: var(--sf-night-ink-d5c3aa,#d5c3aa); font-size: 14px; font-weight: 400; line-height: 1.4; }
#screen-home .home-goals-status { margin-top: 8px !important; color: var(--sf-night-ink-f0d39e,#f0d39e); font: 500 14px/1.5 var(--fx-sans,sans-serif); overflow-wrap: anywhere; }
#screen-home .home-goals-status:empty { display: none; }
#screen-home .home-scene-action.has-step{background:var(--sf-night-surface-f7efe3,#f7efe3);box-shadow:0 3px 10px var(--sf-night-edge-140e0940,#140e0940)}
#screen-home .home-scene-action.has-step button{border:0;background:var(--sf-night-surface-282520,#282520);color:var(--scene-gold)}
#home-ritual{margin:0 auto;padding:36px 24px 32px;max-width:680px;color:var(--sf-night-ink-302e28,#302e28);background:var(--sf-night-surface-fbf8f2,#fbf8f2);border:0;border-bottom:1px solid var(--sf-night-edge-d8c6a6,#d8c6a6);text-align:left;overflow-wrap:anywhere}
#home-ritual blockquote{margin:0 0 22px;padding-left:14px;border-left:2px solid var(--sf-night-edge-b69559,#b69559);font:italic 20px/1.5 Georgia;color:var(--sf-night-ink-61513c,#61513c)}
#home-ritual h2{font-size:24px;line-height:1.4;margin:8px 0!important}
#home-ritual p{line-height:1.6;margin:8px 0!important}
.journey-trace{border-top:1px solid var(--sf-night-edge-d9ccba,#d9ccba);margin-top:24px;padding-top:18px}.journey-trace span{font-size:10px;letter-spacing:.1em;color:var(--sf-night-ink-6d5b3f,#6d5b3f)}
#home-practice-invitation{margin:0 auto 60px;padding:32px 24px;max-width:680px;color:var(--sf-night-ink-302e28,#302e28);background:var(--sf-night-surface-f4eddf,#f4eddf);border-radius:0 0 16px 16px}
#home-practice-invitation #restart-preview{display:block;width:100%;margin-top:20px;padding:12px 16px;border:1px solid var(--sf-night-edge-806b4b,#806b4b);border-radius:10px;background:var(--sf-night-surface-fffaf0,#fffaf0);color:var(--sf-night-ink-3b2f1e,#3b2f1e);text-align:center;font-weight:600;text-decoration:none}
#home-practice-invitation #restart-preview:focus-visible{outline:3px solid var(--sf-night-edge-80601f,#80601f);outline-offset:3px}
@media(max-width:360px){.journey-selection span,.journey-selection strong{width:50px;height:70px}.journey{padding-inline:16px}}