/* Life@Sthala: living content, warm paper, space to breathe. */
:root{--space-paper:#f7f4e9;--space-ink:#3d4634;--space-muted:#828772;--space-green:#788f58;--space-line:#d9dec9}
body.space-mode{color:var(--space-ink);background:var(--space-paper);font-family:system-ui,sans-serif}.space-mode [hidden]{display:none!important}.space-mode button,.space-mode input{font:inherit}.space-mode a{color:inherit}.space-mode button,.space-mode summary{cursor:pointer}.space-mode button:focus-visible,.space-mode a:focus-visible,.space-mode input:focus-visible,.space-mode summary:focus-visible{outline:2px solid #829b60;outline-offset:5px}.space-mode button:disabled{opacity:.5;cursor:wait}
.personal-field{position:relative;min-height:100svh;overflow:hidden;background:radial-gradient(ellipse at 46% 44%,#fffdf5aa,transparent 62%),radial-gradient(ellipse at 10% 90%,#edf0df88,transparent 40%),var(--space-paper)}
.space-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:27px 42px;position:relative;z-index:8}.space-brand{text-decoration:none;letter-spacing:.27em;font:400 18px/1.5 system-ui;white-space:nowrap;display:block}.space-brand span{display:block;letter-spacing:.18em;font-size:10px;color:#939684;margin-top:5px}.space-header-actions{display:flex;align-items:center;gap:15px}.quiet-button{border:0;background:transparent;color:#738265;padding:10px 14px;min-height:44px;min-width:44px;font:12px/1.5 system-ui!important;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.space-header #searchField{font-size:25px!important}.space-menu{position:relative;font-size:12px}.space-menu summary{list-style:none;min-height:44px;min-width:44px;display:grid;place-items:center;letter-spacing:2px}.space-menu summary::-webkit-details-marker{display:none}.space-menu>div{position:absolute;right:0;top:100%;width:175px;background:#fbf9f1;border:1px solid var(--space-line);border-radius:12px;padding:8px;box-shadow:0 12px 35px #3a432519;display:flex;flex-direction:column}.space-menu a,.space-menu button{padding:12px;text-decoration:none;border:0;background:none;text-align:left;color:var(--space-ink);font-size:12px;min-height:44px}.space-menu a:hover,.space-menu button:hover{background:#eef0e2;border-radius:6px}
.personal-galaxy{position:relative;width:min(1440px,100%);height:min(76vw,780px);min-height:620px;margin:0 auto}.galaxy-relations{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.galaxy-relations path{fill:none;stroke:#a8b896;stroke-width:.09;stroke-dasharray:.5 1;opacity:.58}.human-centre{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;text-align:center;max-width:210px}.human-portrait{position:relative;display:grid;place-items:center;width:166px;height:166px;margin:auto;border-radius:50%;padding:0;border:4px solid #fffff5;background:radial-gradient(circle at 35% 25%,#e9ebd6,#c9d5ae);box-shadow:0 0 0 1px #e7dba755,0 0 30px #f6dda54d,0 10px 40px #9c98651a;overflow:hidden;color:#708557}.human-portrait img{width:100%;height:100%;object-fit:cover}.human-initial{font:64px Georgia,serif}.human-centre h1{font:400 28px/1.2 Georgia,serif;letter-spacing:0;margin:15px 0 5px;overflow-wrap:anywhere}.human-centre p{font-size:10px;letter-spacing:.1em;color:#999c8b;margin:0}.add-photo-link{font:11px system-ui!important;background:none;border:0;border-bottom:1px solid #bac7a8;color:#7b8b66;margin-top:10px;min-height:32px;padding:4px}
.creation-dot{position:absolute;left:var(--x);top:var(--y);translate:-50% -50%;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:10px;width:165px;text-align:center;z-index:2;animation:field-float var(--drift) ease-in-out infinite alternate}.creation-orb{display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:#e1e6d4;border:3px solid #fdfbf3;box-shadow:0 5px 15px #58653c13;overflow:hidden;transition:box-shadow .25s,transform .25s}.creation-orb img{width:100%;height:100%;object-fit:cover}.creation-initial{font:34px Georgia,serif;color:#7e8f69}.creation-orb.kind-event{background:#ead8bd}.creation-orb.kind-event .creation-initial{color:#ac8256}.creation-orb.kind-journal{background:#e4e5d8}.creation-orb.kind-story{background:#dce5df}.creation-dot:hover .creation-orb{transform:scale(1.05);box-shadow:0 0 0 6px #e4dbb444,0 5px 18px #58653c24}.creation-label{font:16px/1.4 Georgia,serif;max-width:165px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.creation-label small{display:block;font:10px/1.5 system-ui;letter-spacing:.04em;color:#929783;margin-top:4px}
.new-creation-dot{position:absolute;left:calc(50% + 135px);top:calc(50% - 20px);z-index:4;display:flex;flex-direction:column;align-items:center;text-decoration:none;gap:12px;width:110px}.new-creation-dot>span{width:62px;height:62px;display:grid;place-items:center;border:3px solid #fffef4;border-radius:50%;background:radial-gradient(circle at 40% 35%,#e3efcf,#c4dca9);color:#67844f;font:30px/1 Georgia,serif;box-shadow:0 0 25px #bddb8a55;animation:create-breathe 5s ease-in-out infinite}.new-creation-dot small{font-size:10px;max-width:105px;line-height:1.5;text-align:center;color:#8b987b}.empty-field{position:absolute;top:80%;left:50%;translate:-50% 0;text-align:center;color:#9ba18d;font:16px/1.7 Georgia,serif;width:80%}.field-bottom{text-align:center;margin:10px auto 25px;color:#929a84;font:16px/1.7 Georgia,serif}.field-bottom p{margin:0}.field-search{position:absolute;right:50%;transform:translateX(50%);top:100px;z-index:10;display:flex;background:#fcfaf2;border:1px solid var(--space-line);border-radius:30px;width:min(420px,calc(100% - 40px));padding:5px 9px 5px 18px;box-shadow:0 7px 20px #4c55351a}.field-search input{border:0;background:none;min-width:0;flex:1;color:var(--space-ink);font-size:16px;padding:7px 0}.field-search button{width:44px;min-height:44px;border:0;background:none;color:#8b957a;font-size:22px}
.creation-list,.field-journals{max-width:760px;margin:35px auto;padding:0 28px}.creation-list h2,.field-journals h2{font:22px Georgia,serif;font-weight:400}.creation-list>a{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #dce2cd;padding:20px 0;text-decoration:none;font:17px Georgia,serif}.creation-list small{font:11px system-ui;color:#8c977e}.field-journals>div{display:grid;grid-template-columns:1fr 1fr;gap:25px}.journal-dot{display:flex;gap:14px;align-items:center;text-decoration:none;font:15px/1.6 Georgia,serif}.journal-dot small{display:block;color:#96a086;font:11px/1.6 system-ui;margin-top:5px}.journal-orb{width:13px;height:13px;flex-shrink:0;background:#9aac82;border-radius:50%;box-shadow:0 0 0 6px #bbc9a51c}.space-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:30px;margin:40px auto 25px;font-size:11px;color:#919c81}.space-footer a{min-height:44px;text-decoration:none;display:flex;align-items:center}#spaceStatus{display:block;text-align:center;font-size:12px;line-height:1.6;color:#8e714e;padding:12px;min-height:20px}
.space-auth{min-height:100svh;padding:30px 40px 50px;background:radial-gradient(ellipse at 50% 40%,#fffdf6,#f2f2e6);box-sizing:border-box}.auth-back{display:block;max-width:390px;margin:35px auto 15px;text-decoration:none;font-size:12px;color:#89967a!important;min-height:36px}.auth-paper{width:min(390px,100%);margin:0 auto;padding:18px 0}.auth-paper h1{font:400 34px/1.25 Georgia,serif;margin:12px 0 25px;letter-spacing:-.6px}.space-eyebrow{font-size:10px;color:#9b9f8c;letter-spacing:.17em;text-transform:uppercase}.auth-paper label:not(.recovery-consent){display:block;font-size:12px;color:#7b896c;margin:20px 0 7px}.auth-paper input:not([type=checkbox]){box-sizing:border-box;width:100%;border:1px solid #d3dac5;border-radius:9px;background:#fcfaf3;color:#3f4c32;padding:12px;font-size:16px;line-height:1.5}.space-address{display:flex;align-items:center;border:1px solid #d3dac5;border-radius:9px;background:#fcfaf3;padding-left:12px}.space-address>span{font-size:12px;color:#9ba18e;white-space:nowrap}.auth-paper .space-address input{border:0;background:none;min-width:70px;padding-left:3px}.auth-paper output{display:block;min-height:20px;font-size:12px;line-height:1.6;margin:12px 0;color:#8b7554}.auth-paper #availableStatus{font-size:11px;color:#82936b}.recovery-consent{display:flex;gap:10px;align-items:flex-start;font-size:11px;line-height:1.7;color:#8d9580;margin:24px 0}.recovery-consent input{width:18px;height:18px;flex-shrink:0;margin-top:3px;accent-color:#7e935e}.space-primary{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 24px;background:#5d7448;color:#fffdf4!important;border:1px solid #5d7448;border-radius:25px;font:13px/1.5 system-ui;text-decoration:none;box-sizing:border-box}.auth-paper .space-primary{width:100%;margin-top:15px}.auth-other{text-align:center;font-size:12px;color:#909b80;margin-top:20px}.auth-other a{text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.bot-trap{position:absolute!important;width:1px!important;height:1px!important;left:-9999px;opacity:0;pointer-events:none}#patternStage{text-align:center}#patternInstruction{font-size:13px;line-height:1.7;color:#8c957d}.pattern-pad{position:relative;width:300px;max-width:100%;margin:10px auto 0;padding-bottom:32px;user-select:none;-webkit-user-select:none}.pattern-lines{position:absolute;left:0;top:0;width:100%;aspect-ratio:1;pointer-events:none;z-index:1}.pattern-lines polyline{fill:none;stroke:#b0bf91;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;opacity:.65}.pattern-points{position:relative;display:grid;grid-template-columns:repeat(3,1fr);aspect-ratio:1;touch-action:none;z-index:2}.pattern-points button{min-width:44px;min-height:44px;border:0;background:transparent;display:grid;place-items:center;padding:0;touch-action:none}.pattern-points button>span{width:14px;height:14px;border-radius:50%;background:#9fac87;box-shadow:0 0 0 10px #dce4cd44;transition:transform .15s,background .15s}.pattern-points button[aria-pressed=true]>span{background:#748e53;transform:scale(1.3);box-shadow:0 0 0 11px #ceddb255}.pattern-count{position:absolute;bottom:0;width:100%;font-size:11px;color:#9da68e;margin:0;line-height:1.5}
.attribution-label{font:9px/1.4 system-ui;color:#8c987a;white-space:nowrap}.photo-journal-button{position:relative;display:block!important;margin:-40px 12px 10px auto!important;width:40px;height:40px;min-height:40px!important;padding:0!important;border:2px solid #fffef3!important;border-radius:50%!important;background:#d3e5b9!important;color:#5d7c43!important;box-shadow:0 0 18px #a4c77940;font-size:20px!important}.anchor-thumbnail{display:block;max-width:100%;max-height:110px;object-fit:contain;margin:auto}.journal-popover blockquote:has(.anchor-thumbnail){max-height:125px;padding:0;border:0}.editorial-document img[role=button]{cursor:pointer}.editorial-document img[role=button]:focus-visible{outline:2px solid #8fa56c;outline-offset:5px}
@keyframes create-breathe{0%,100%{box-shadow:0 0 18px #b4d37d40}50%{box-shadow:0 0 33px #b4d37d70}}@keyframes field-float{from{transform:translateY(-3px)}to{transform:translateY(3px)}}
@media(max-width:700px){.space-header{padding:22px 20px;gap:5px}.space-brand{font-size:13px;letter-spacing:.21em}.space-brand span{font-size:8px;letter-spacing:.08em}.space-header-actions{gap:0}.space-header-actions>.quiet-button{font-size:11px!important;padding:8px}.space-header-actions #searchField{font-size:22px!important;min-width:36px}.space-menu summary{min-width:32px}.personal-galaxy{min-height:620px;height:calc(100svh - 140px);max-height:850px}.human-portrait{width:108px;height:108px;border-width:3px}.human-initial{font-size:43px}.human-centre{max-width:135px}.human-centre h1{font-size:24px;margin-top:10px}.human-centre p{font-size:9px}.add-photo-link{font-size:10px!important}.creation-dot{width:100px;gap:8px;left:clamp(48px,var(--x),calc(100% - 48px));top:var(--y)}.creation-orb{width:57px;height:57px;border-width:2px}.creation-initial{font-size:25px}.creation-label{font-size:13px;line-height:1.35;max-width:100px;-webkit-line-clamp:3}.creation-label small{font-size:8px;margin-top:3px}.new-creation-dot{left:calc(50% + 72px);top:calc(50% - 5px);width:80px;gap:8px}.new-creation-dot>span{width:43px;height:43px;font-size:23px}.new-creation-dot small{font-size:8px;max-width:80px}.field-bottom{font-size:14px;margin-top:0}.field-journals>div{grid-template-columns:1fr}.space-auth{padding:25px 24px 40px}.space-auth>.space-brand{font-size:14px}.auth-back{margin-top:25px}.auth-paper h1{font-size:31px}.space-address>span{font-size:10px}.space-address input{font-size:15px!important}.space-footer{gap:20px}.field-search{top:86px}.galaxy-relations{opacity:.65}}
@media(max-width:370px){.space-header{padding:18px 12px}.space-brand span{max-width:150px;font-size:7px}.creation-dot{width:90px}.creation-label{font-size:12px;max-width:90px}.human-portrait{width:94px;height:94px}.new-creation-dot{left:calc(50% + 59px)}.auth-paper .space-address{padding-left:7px}}
@media(prefers-reduced-motion:reduce){.creation-dot,.new-creation-dot>span{animation:none}.creation-orb,.pattern-points button>span{transition:none}}
/* Quiet text still needs to be legible on paper, including small phone screens. */
.space-brand span,.human-centre p,.creation-label small,.new-creation-dot small,.empty-field,.field-bottom,.creation-list small,.journal-dot small,.space-footer,.space-eyebrow,.space-address>span,.recovery-consent,.auth-other,#patternInstruction,.pattern-count{color:#657256}
.recovery-consent{font-size:12px}.pattern-count{font-size:12px}