@font-face{font-family:Zodiak;src:url('assets/zodiak-regular.woff2') format('woff2');font-display:swap;font-weight:400}
@font-face{font-family:Synonym;src:url('assets/synonym-regular.woff2') format('woff2');font-display:swap;font-weight:400}
:root{--paper:oklch(.947 .031 79);--ink:oklch(.27 .036 49);--muted:oklch(.44 .042 49);--copper:oklch(.45 .09 43);--accent:oklch(.40 .10 13);--line:oklch(.64 .064 64/.5);--page-ink:var(--ink);--page-muted:var(--muted);--focus:oklch(.39 .11 21);--ease:cubic-bezier(.16,1,.3,1);font-family:Synonym,Arial,sans-serif;color:var(--page-ink);font-synthesis:none;background:var(--paper)}
*{box-sizing:border-box}body{margin:0;isolation:isolate;min-height:100svh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;touch-action:manipulation}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:5px}h1,h2,p{margin-top:0}h1,h2{font-family:Zodiak,Georgia,serif;font-weight:400;text-wrap:balance;letter-spacing:-.04em}h1{font-size:3.85rem;line-height:1.18;margin-bottom:1.35rem}h2{font-size:2.35rem;line-height:1.2}p{font-size:1.04rem;line-height:1.65;text-wrap:pretty}em{font-style:normal;color:var(--accent)}.world{position:fixed;inset:0;z-index:-2;background:var(--paper);pointer-events:none}.world>div{position:absolute;inset:0;background-size:cover;background-position:center;transition:opacity 650ms ease}.world-day{background-image:url('assets/morning.jpg')}.world-evening{background-image:url('assets/evening.jpg');opacity:0}.world:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,oklch(.947 .031 79/.93) 0%,oklch(.947 .031 79/.87) 29%,oklch(.947 .031 79/.1) 62%,transparent 100%);transition:background .5s}.header{min-height:112px;max-width:1500px;margin:auto;padding:18px 5.5%;display:flex;align-items:center;gap:30px;flex-wrap:wrap}.wordmark{width:180px;height:82px;overflow:visible;background:none;padding:0;position:relative;flex-shrink:0}.wordmark img{width:210px;height:auto;position:absolute;left:-15px;top:-27px;mix-blend-mode:multiply}.header nav{display:flex;gap:27px;margin-left:auto;flex-wrap:wrap}.header nav button{background:oklch(.96 .028 79/.94);border-radius:4px;padding:9px 12px;font-size:.9rem}.header nav button:hover,.header nav button[aria-current=page]{text-decoration:underline;text-underline-offset:5px}.light-control{display:flex;padding:4px;border:1px solid var(--line);border-radius:100px;background:oklch(.96 .028 79/.94);color:var(--ink)}.light-control button{background:none;font-size:.8rem;padding:8px 12px;border-radius:50px;min-height:36px}.light-control button[aria-pressed=true]{background:var(--ink);color:var(--paper)}main{min-height:calc(100svh - 178px);outline:none}footer{max-width:1500px;margin:auto;min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 5.5%;font-size:.85rem;color:var(--page-muted);flex-wrap:wrap}footer span{background:oklch(.947 .031 79/.94);padding:6px 10px;border-radius:3px}footer i{font-style:normal;margin:0 10px}.home{display:grid;grid-template-columns:1.08fr 1fr;grid-template-rows:auto auto;column-gap:45px;max-width:1300px;margin:auto;padding:40px 55px 65px;min-height:calc(100svh - 178px);align-content:center}.intro{align-self:end}.intro p{color:var(--page-muted);max-width:435px;margin-bottom:22px}.small-label{display:block;font-size:.77rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:26px;color:var(--page-muted)}.home-actions{grid-column:1;align-self:start;display:flex;flex-direction:column;align-items:flex-start;gap:13px}.primary{background:var(--copper);color:oklch(.99 .012 78);min-height:56px;padding:16px 29px;border-radius:100px;display:inline-flex;align-items:center;justify-content:center;gap:28px;box-shadow:inset 0 1px oklch(1 0 0/.15),0 6px 18px oklch(.2 .03 40/.1);transition:transform .18s var(--ease),background .2s;font-size:1rem}.primary:hover{background:oklch(.38 .085 43);transform:translateY(-2px)}.primary:active{transform:translateY(1px)}.arrow{font-size:1.4rem;line-height:1}.text-button{background:none;padding:10px 0;text-decoration:underline;text-underline-offset:5px;font-size:.96rem;display:inline-flex;gap:20px}.text-button:hover{text-decoration-thickness:2px}.permission{font-size:.85rem;margin:4px 0 0;color:var(--page-muted)}.deck-area{grid-column:2;grid-row:1/3;position:relative;min-height:440px;display:flex;align-items:center;justify-content:center;perspective:1400px;align-self:center}.deck-trigger{position:relative;width:252px;height:378px;background:none;perspective:1400px;transform-style:preserve-3d;margin-top:20px}.pile-card{position:absolute;inset:0;pointer-events:none;background:var(--paper);border:1px solid oklch(.72 .07 73);border-radius:13px;transform:translate(var(--x),var(--y)) rotate(var(--r));box-shadow:1px 2px 0 oklch(.76 .03 70),0 20px 28px oklch(.15 .03 42/.28);transition:transform .65s var(--ease),box-shadow .5s;overflow:hidden}.pile-card:nth-child(1){--x:-39px;--y:14px;--r:-15deg}.pile-card:nth-child(2){--x:39px;--y:10px;--r:14deg}.pile-card:nth-child(3){--x:9px;--y:3px;--r:4deg}.pile-card:nth-child(4){--x:-5px;--y:-8px;--r:-5deg}.back-design{position:absolute;inset:0;border-radius:12px;overflow:hidden;color:var(--ink)}.back-art{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.back-logo{position:absolute;top:18%;left:20%;width:60%;mix-blend-mode:multiply;opacity:.88}.back-top,.back-bottom{position:absolute;left:13%;right:13%;font-size:.53rem;letter-spacing:.11em;text-align:center}.back-top{top:12%}.back-bottom{bottom:12%;font-size:.49rem}.companion{width:160px;height:145px;position:absolute;right:-27px;bottom:3px;pointer-events:none;filter:drop-shadow(2px 8px 7px oklch(.15 .03 40/.32));z-index:2}.companion svg{max-width:100%;height:auto!important}.deck-area .companion{right:-25px;bottom:-2px;transform:rotate(-3deg)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.deck-trigger:hover .pile-card:nth-child(1){transform:translate(-75px,25px) rotate(-23deg)}.deck-trigger:hover .pile-card:nth-child(2){transform:translate(73px,20px) rotate(22deg)}.deck-trigger:hover .pile-card:nth-child(3){transform:translate(22px,-2px) rotate(8deg)}.deck-trigger:hover .pile-card:nth-child(4){transform:translate(-8px,-28px) rotate(-7deg);box-shadow:1px 2px 0 oklch(.76 .03 70),0 30px 38px oklch(.15 .03 42/.3)}}
.view-top{max-width:1000px;margin:auto;padding:2px 25px 12px}.back{background:oklch(.947 .031 79/.95);color:var(--ink);font-size:.88rem;padding:9px 14px;border-radius:30px}.back:hover{text-decoration:underline;text-underline-offset:4px}.card-page{max-width:960px;margin:auto;padding:0 24px 30px;text-align:center}.card-context{font-size:.84rem;color:var(--page-muted);display:table;margin:0 auto 15px;padding:5px 14px;background:oklch(.947 .031 79/.95);border-radius:25px}.card-stage{position:relative;perspective:1600px;width:370px;max-width:calc(100% - 16px);margin:0 auto 32px;min-height:440px}.under-card{position:absolute;inset:5px 0 -5px;background:oklch(.87 .045 77);border:1px solid oklch(.67 .055 68);border-radius:14px;transform:rotate(3deg);box-shadow:0 10px 28px oklch(.18 .03 43/.18)}.under-card.second{transform:rotate(-3deg);background:oklch(.91 .038 77)}.card-shell{position:relative;transform-style:preserve-3d}.card-face{backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:14px;overflow:hidden}.card-front{position:relative;min-height:440px;background:var(--paper);color:var(--ink);padding:34px 35px 25px;border:1px solid oklch(.78 .05 72);box-shadow:0 25px 45px oklch(.2 .03 40/.2);display:flex;flex-direction:column;align-items:center;justify-content:space-between;isolation:isolate}.card-front:before{content:'';position:absolute;inset:0;background:url('assets/card-back.jpg') center/100% 100%;opacity:.13;z-index:-1}.card-front:after{content:'';position:absolute;inset:13px;border:1px solid oklch(.57 .075 58/.4);border-radius:6px;pointer-events:none;z-index:-1}.card-kind{font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);flex-shrink:0}.card-copy{width:100%;margin:32px 0}.card-title{font-size:2.35rem;line-height:1.18;margin:0 0 22px;overflow-wrap:anywhere}.card-question{font-family:Zodiak,Georgia,serif;font-size:1.8rem;line-height:1.4;letter-spacing:-.028em;margin:0;overflow-wrap:anywhere}.card-question.long{font-size:1.5rem}.daily-front .card-question{font-size:1.13rem;line-height:1.55;letter-spacing:-.015em}.invitation{width:100%;border-top:1px solid var(--line);margin-bottom:20px;padding-top:14px;text-align:left}.invitation summary{list-style:none;cursor:pointer;font-size:.86rem;color:var(--muted);display:flex;justify-content:space-between;align-items:center;min-height:30px}.invitation summary::-webkit-details-marker{display:none}.invitation summary span{font-size:1.3rem;transition:transform .2s}.invitation[open] summary span{transform:rotate(45deg)}.invitation p{font-size:.95rem;line-height:1.55;margin:12px 0 0}.card-bottom{display:flex;gap:12px;align-items:center;font-size:.74rem;color:var(--muted);flex-shrink:0}.open-loop{width:18px;height:18px;border:1px solid var(--copper);border-right-color:transparent;border-radius:50%;transform:rotate(-32deg)}.card-back{position:absolute;inset:0;transform:rotateY(180deg);background:var(--paper);box-shadow:0 20px 40px oklch(.15 .03 42/.25)}.card-stage .companion{right:-82px;bottom:-22px;width:142px;height:129px}.card-actions{display:flex;gap:15px;align-items:center;justify-content:center}.secondary{min-height:56px;padding:14px 24px;border:1px solid var(--line);border-radius:100px;background:oklch(.947 .031 79/.96);color:var(--ink);transition:background .2s}.secondary:hover{background:var(--paper)}.card-page>.permission{display:table;margin:17px auto 0;background:oklch(.947 .031 79/.96);padding:5px 12px;border-radius:20px}.source{font-size:.77rem;color:var(--ink);max-width:420px;margin:15px auto 0;line-height:1.55;background:oklch(.947 .031 79/.96);padding:7px 14px;border-radius:6px}.source summary{cursor:pointer}.source p{font-size:.83rem;margin:10px 0}.view-title{text-align:center;padding:18px 20px 0}.view-title .small-label{margin-bottom:16px}.view-title h1{font-size:2.8rem;margin:0 0 12px}.view-title p{margin:0;color:var(--page-muted)}.compass-page{background:oklch(.947 .031 79/.97);max-width:700px;margin:auto;border:1px solid var(--line);border-radius:50% 50% 16px 16px;padding-top:18px}.compass{width:560px;max-width:100%;height:485px;position:relative;margin:0 auto 15px}.compass svg{position:absolute;inset:8px 45px;width:470px;height:470px;color:var(--line);pointer-events:none}.compass-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:Zodiak,Georgia,serif;font-size:1.6rem;line-height:1.25;text-align:center;color:var(--copper);pointer-events:none}.area-dot{position:absolute;left:var(--left);top:var(--top);transform:translate(-50%,-50%);background:var(--paper);padding:12px 7px;min-height:64px;width:143px;font-size:.87rem;line-height:1.4;border-radius:9px;color:var(--ink);transition:background .2s}.area-dot:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--copper);display:block;margin:0 auto 9px}.area-dot:hover,.area-dot:focus-visible{background:oklch(.88 .045 77)}.area-page,.take-page{max-width:850px;margin:12px auto 30px;padding:45px 40px;text-align:center;border:1px solid var(--line);background:oklch(.947 .031 79/.97);border-radius:15px;color:var(--ink)}.area-page h1{font-size:3.2rem;max-width:650px;margin:0 auto 20px}.area-page>p{color:var(--muted)}.mode-options{display:grid;grid-template-columns:1fr 1fr;max-width:680px;gap:18px;margin:35px auto 0;text-align:left}.mode{background:oklch(.9 .04 76);padding:28px;text-align:left;border:1px solid var(--line);border-radius:9px;min-height:190px;transition:background .2s}.mode:hover{background:oklch(.86 .06 77)}.mode:nth-child(2){background:var(--copper);color:var(--paper)}.mode:nth-child(2):hover{background:oklch(.38 .085 43)}.mode h2{font-size:1.8rem;margin:13px 0 12px}.mode p{font-size:.95rem;margin:0}.mode-symbol{font-size:1.5rem}.take-page{max-width:650px;padding:45px}.take-page h1{font-size:3rem}.take-title{font-family:Zodiak,Georgia,serif;font-size:1.4rem;margin-top:30px;margin-bottom:0}.take-page blockquote{font-family:Zodiak,Georgia,serif;font-size:1.3rem;line-height:1.55;margin:20px 0 30px}.take-page>.quiet{margin-top:25px}.quiet{font-size:.86rem;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:15px;padding:50px;max-width:580px;width:calc(100% - 36px);max-height:85svh;background:var(--paper);color:var(--ink)}dialog::backdrop{background:oklch(.18 .03 43/.6);backdrop-filter:blur(4px)}dialog .small-label{color:var(--muted)}dialog h2{font-size:2.5rem}.close{position:absolute;right:15px;top:10px;background:none;font-size:1.8rem;padding:8px}.skip{position:fixed;top:-100px;left:10px;z-index:10;padding:15px;background:var(--paper);color:var(--ink)}.skip:focus{top:10px}.view-enter{animation:view-in .3s var(--ease)}@keyframes view-in{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:none}}
body[data-light=evening]{--page-ink:oklch(.96 .025 78);--page-muted:oklch(.90 .025 78);--focus:oklch(.76 .13 70)}body[data-light=evening] .world-evening{opacity:1}body[data-light=evening] .world:after{background:linear-gradient(90deg,oklch(.18 .02 45/.88),oklch(.18 .02 45/.8) 30%,oklch(.18 .02 45/.12) 68%)}body[data-light=evening] .wordmark img{filter:invert(1);mix-blend-mode:screen}body[data-light=evening] .intro em{color:oklch(.9 .075 78)}body[data-light=evening] .header nav button,body[data-light=evening] footer span{background:oklch(.20 .02 45/.94)}body[data-light=evening] .card-context,body[data-light=evening] .card-page>.permission{background:oklch(.20 .02 45/.94)}.compass-page{color:var(--ink)}.compass-page .small-label,.compass-page .view-title p,.area-page .small-label,.take-page .small-label{color:var(--muted)}
@media(min-width:1500px){.home{max-width:1400px;column-gap:90px}.intro h1{font-size:4.3rem}.deck-trigger{width:285px;height:427px}.deck-area{min-height:485px}}
@media(max-width:1050px){.header{gap:18px;padding-left:4%;padding-right:4%}.header nav{gap:12px}.home{padding:35px 6% 50px;column-gap:20px}.intro h1{font-size:3rem}.deck-trigger{width:225px;height:337px}.deck-area .companion{right:-10px;width:130px}.primary{padding:15px 25px}.header nav button{font-size:.82rem}.light-control button{padding:7px 9px}}
@media(max-width:760px){.header{min-height:115px;justify-content:space-between;gap:5px 15px;padding:10px 24px}.wordmark{width:150px;height:70px}.wordmark img{width:180px;left:-15px;top:-24px}.header nav{order:3;width:100%;margin:0;justify-content:space-between;gap:10px}.header nav button{padding:4px 0;background:none;min-height:34px;font-size:.85rem}.light-control{margin-left:auto}.light-control button{font-size:.74rem;min-height:32px;padding:6px 10px}.world>div{background-position:60% center}.world:after{background:linear-gradient(180deg,oklch(.947 .031 79/.94),oklch(.947 .031 79/.93) 23%,oklch(.947 .031 79/.12) 65%,oklch(.947 .031 79/.2))}body[data-light=evening] .world:after{background:linear-gradient(180deg,oklch(.18 .02 45/.95),oklch(.18 .02 45/.87) 23%,oklch(.18 .02 45/.20) 65%,oklch(.18 .02 45/.55))}body[data-light=evening] .header nav button{background:none}.home{display:flex;flex-direction:column;text-align:center;padding:22px 22px 18px;gap:0;min-height:0}.intro{align-self:center}.intro .small-label{font-size:.63rem;letter-spacing:.12em;margin-bottom:13px}.intro h1{font-size:2.4rem;line-height:1.15;max-width:550px;margin-bottom:14px}.intro p{font-size:.9rem;line-height:1.55;margin:0 auto 14px;max-width:350px}.deck-area{min-height:283px;width:100%;max-width:360px;margin:9px auto 12px;flex-shrink:0}.deck-trigger{width:167px;height:250px;margin-top:5px}.deck-area .companion{right:2px;bottom:-1px;width:115px;height:105px}.back-top{font-size:.38rem}.back-bottom{font-size:.36rem}.home-actions{align-items:center;align-self:center;gap:6px;width:100%}.home-actions .primary{min-width:225px}.permission{font-size:.8rem}.home-actions .permission{background:oklch(.947 .031 79/.95);padding:3px 10px;border-radius:20px;color:var(--muted)}body[data-light=evening] .home-actions .permission{background:oklch(.20 .02 45/.94);color:var(--page-muted)}.home-actions .text-button{background:oklch(.947 .031 79/.95);padding:7px 13px;border-radius:25px;color:var(--ink)}footer{min-height:65px;font-size:.72rem;padding:12px 18px}footer i{margin:0 4px}.view-top{padding:3px 20px 12px}.card-stage{width:350px;max-width:calc(100% - 10px)}.card-front{min-height:422px;padding:30px 29px 24px}.card-title{font-size:2.2rem}.card-stage .companion{right:-32px;bottom:-19px;width:110px;height:100px}.card-actions{gap:10px}.card-actions .primary,.card-actions .secondary{font-size:.88rem;padding:14px 18px;min-height:52px}.card-actions .primary{gap:12px}.card-page{padding:0 23px 22px}.card-kind{font-size:.62rem}.card-copy{margin:29px 0}.card-context{font-size:.78rem;margin-bottom:15px}.card-page>.permission{font-size:.77rem}.source{font-size:.74rem}.area-page,.take-page{margin:0 18px 25px;padding:35px 24px}.area-page h1{font-size:2.4rem}.take-page h1{font-size:2.45rem}.compass-page{margin:0 16px;max-width:calc(100% - 32px);border-radius:130px 130px 12px 12px;padding-top:28px}.view-title{padding-top:10px}.view-title .small-label{font-size:.68rem}.view-title h1{font-size:2.1rem}.view-title p{font-size:.86rem}.compass{max-width:390px;width:100%;height:415px;margin-bottom:8px}.compass svg{width:300px;height:300px;inset:57px calc(50% - 150px)}.compass-center{font-size:1.35rem}.area-dot{width:105px;font-size:.77rem;padding:9px 3px}.area-dot:before{width:5px;height:5px;margin-bottom:6px}.mode-options{gap:12px;margin-top:26px;grid-template-columns:1fr}.mode{min-height:0;padding:22px}.mode h2{font-size:1.7rem;margin:0 0 9px}.mode-symbol{float:right}.mode p{font-size:.9rem}dialog{padding:43px 28px 28px}.card-question{font-size:1.6rem}.card-question.long{font-size:1.35rem}}
@media(max-width:360px){.header{padding:8px 17px}.wordmark{width:124px;height:60px}.wordmark img{width:154px;top:-21px}.light-control button{font-size:.65rem;padding:6px 8px}.intro h1{font-size:2.05rem}.intro p{font-size:.83rem}.deck-trigger{width:153px;height:230px}.deck-area{min-height:256px}.card-page{padding:0 17px 20px}.card-front{padding:30px 23px 23px}.card-title{font-size:1.9rem}.card-actions{gap:7px}.card-actions .primary,.card-actions .secondary{font-size:.78rem;padding:12px 15px}.compass{height:385px}.compass svg{width:250px;height:250px;inset:67px calc(50% - 125px)}.compass-center{font-size:1.1rem}.area-dot{width:89px;font-size:.68rem}.view-title h1{font-size:1.8rem}.card-stage .companion{right:-23px;width:90px;height:82px}}
@media(max-width:280px){.header{justify-content:center}.light-control{margin:0}.home h1{font-size:1.7rem}.deck-trigger{width:132px;height:198px}.deck-area{min-height:235px}.compass{display:flex;flex-direction:column;height:auto;padding:20px;gap:8px}.compass svg,.compass-center{display:none}.area-dot{position:static;transform:none;width:100%;font-size:.9rem;min-height:65px;border:1px solid var(--line)}.area-dot br,.area-dot:before{display:none}.card-actions{flex-direction:column}.card-stage .companion{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
body{color:var(--page-ink)}
.card-actions{flex-wrap:wrap}
@media(max-width:760px){.card-stage .companion{right:-16px}}
@media(max-width:360px){.card-stage .companion{right:-12px}}

/* Livskompassen: åtta synliga rum i ett öppet livshus. */
body[data-view=compass] .world:after{background:oklch(.947 .031 79/.94)}
body[data-view=compass][data-light=evening] .world:after{background:oklch(.22 .025 49/.96)}
.life-house-page{max-width:1210px;margin:0 auto;padding:12px 40px 40px}
.life-house-page .view-title{margin-bottom:0}
.life-house-page h1{font-size:clamp(2rem,4vw,3.25rem);margin-bottom:14px}
.life-house-page .small-label{margin-bottom:15px}
.life-house-page .view-title p{margin-bottom:0}
.life-house{margin:24px auto 0;filter:drop-shadow(0 15px 20px oklch(.2 .03 49/.15))}
.house-roof{height:80px;background:linear-gradient(170deg,#5a4838,#302e29);clip-path:polygon(0 100%,50% 0,100% 100%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:13px;color:#f1dfbd}
.house-roof span{font-family:Zodiak,Georgia,serif;font-size:1rem;letter-spacing:.015em}
.house-rooms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:8px;background:#493b2d;border:1px solid #877052;border-top:3px solid #a08762}
.life-room{position:relative;isolation:isolate;aspect-ratio:1/1.04;min-width:0;padding:0;background:#302b23;overflow:hidden;text-align:left;color:#fff3d9;transition:box-shadow .3s}
.room-scene{position:absolute;inset:0;background-image:url('assets/life-rooms.jpg');background-size:400% 200%;background-position:var(--room-x) var(--room-y);transition:transform .65s var(--ease),filter .4s;z-index:-2}
.life-room:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 38%,#211d18aa 68%,#211d18 100%);transition:opacity .3s}
.room-label{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr auto;column-gap:10px;padding:16px 17px 18px}
.room-number{grid-column:1/-1;font-size:.64rem;letter-spacing:.15em;color:#d8bb83;margin-bottom:5px}
.room-name{font-family:Zodiak,Georgia,serif;font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.3;text-wrap:balance}
.room-arrow{align-self:end;font-size:1.15rem;color:#dfbe86;transition:transform .3s}
.life-room:hover .room-scene,.life-room:focus-visible .room-scene{transform:scale(1.045);filter:brightness(1.12)}
.life-room:hover .room-arrow{transform:translate(2px,-2px)}
.life-room:focus-visible{outline:3px solid #ffe5a6;outline-offset:-4px;z-index:2}
.house-foundation{height:12px;background:linear-gradient(#7b6549,#4a3b2b);border-radius:0 0 5px 5px;margin:0 -5px;box-shadow:0 4px 0 #b49b78}
.house-invitation{text-align:center;font-size:.9rem;color:var(--page-muted);margin:28px auto 0;max-width:450px}
@media(max-width:760px){.life-house-page{padding:12px 18px 30px}.life-house-page .view-title{padding:0 5px}.life-house-page h1{font-size:2rem}.life-house-page .view-title p{font-size:.95rem}.life-house{margin-top:21px}.house-roof{height:55px;padding-bottom:9px}.house-roof span{font-size:.8rem}.house-rooms{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:5px}.life-room{aspect-ratio:1/1.1}.room-label{padding:11px}.room-name{font-size:1rem}.room-number{font-size:.57rem;margin-bottom:4px}.room-arrow{font-size:.9rem}.house-invitation{font-size:.84rem;max-width:290px}}
@media(max-width:360px){.life-house-page{padding-left:12px;padding-right:12px}.room-label{padding:9px}.room-name{font-size:.87rem}.room-arrow{display:none}.room-label{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.room-scene,.room-arrow,.life-room{transition:none}.life-room:hover .room-scene,.life-room:focus-visible .room-scene{transform:none}}
body[data-view=compass]{background:var(--paper)}
body[data-view=compass][data-light=evening]{background:#241e19}
body[data-light=evening] .life-house-page h1 em{color:#f4d39b}
@media(min-width:761px){.life-house-page .view-title{padding-top:0}.life-house-page{padding-top:0}.life-house-page h1{font-size:2.6rem}.life-house{max-width:1000px;margin-top:16px}.house-roof{height:64px}}
.life-room{display:grid;align-items:end}
.room-label{position:relative}
.room-name{overflow-wrap:anywhere}
@media(max-width:760px){.house-rooms{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr))}}

/* Djup är ett eget val, inte en prestation. */
.depth-choice{max-width:350px;display:grid;grid-template-columns:auto 1fr;gap:8px 14px;align-items:center;color:var(--ink);background:oklch(.947 .031 79/.97);border:1px solid var(--line);padding:12px 16px;border-radius:12px;text-align:left}
.depth-choice label{font-size:.85rem}
.depth-choice select{font:inherit;font-size:.86rem;min-height:40px;min-width:0;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:var(--paper);padding:5px 9px}
.depth-choice select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.depth-choice details{grid-column:1/-1;font-size:.75rem;max-width:100%}
.depth-choice summary{cursor:pointer;padding:3px 0;min-height:28px}
.depth-choice details p{font-size:.82rem;line-height:1.55;margin:10px 0 0}
.area-page>.depth-choice{margin:24px auto}
.card-depth-labels{display:flex;flex-wrap:wrap;justify-content:center;gap:5px 12px;font-size:.68rem;line-height:1.5;color:var(--muted);margin:0 0 16px}
.card-front .card-bottom{margin-top:auto}
@media(max-width:760px){.home-actions .depth-choice{width:min(100%,350px);order:2;margin-top:5px}.home-actions>.permission{order:3}.depth-choice{grid-template-columns:1fr 1fr}}
/* Tall text at narrow widths must not let decorative paper layers widen the page. */
@media(max-width:760px){.under-card{transform:translate(4px,5px)}.under-card.second{transform:translate(-4px,2px)}}

.header nav .site-home{display:inline-flex;align-items:center;min-height:44px;padding:6px 12px;border:1px solid currentColor;border-radius:24px;color:inherit;text-decoration:none;font-size:.85rem;white-space:nowrap;background:var(--paper)}
body[data-light=evening] .header nav .site-home{background:#302a25}
@media(max-width:760px){.header nav{flex-wrap:wrap;justify-content:flex-start;gap:4px 16px}.header nav .site-home{font-size:.8rem;padding:4px 10px}}