:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#293b34;background:#f6f5f0;font-synthesis:none;--green: #385d4a;--muted: #69726b;--line: #e7e9e0;--cream: #f6f5f0;--radius: 24px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b48241;outline-offset:3px}a{color:inherit}h1,h2,h3,p{margin:0}h1{font-size:2.5rem;line-height:1.2;letter-spacing:-1.5px;font-weight:700}h2{font-size:1.2rem;line-height:1.35;letter-spacing:-.35px}h3{font-size:1rem}p{line-height:1.6}small{font-size:.8rem;line-height:1.5}img{display:block;max-width:100%}.avatar{border-radius:50%;flex-shrink:0}.shell{min-height:100dvh}.sidebar{width:244px;position:fixed;inset:0 auto 0 0;padding:40px 24px 24px;border-right:1px solid var(--line);background:#fbfbf7;display:flex;flex-direction:column}.brand{font-size:2rem;font-weight:750;letter-spacing:-1.2px;text-decoration:none;display:flex;align-items:center;gap:9px}.brand-icon{display:grid;place-items:center;background:var(--green);color:#fff;width:40px;height:40px;border-radius:14px}.brand-period{color:#b77b48;margin-left:-8px}.family-label{font-size:.68rem;letter-spacing:1.7px;color:var(--muted);margin:35px 0 20px}.sidebar nav{display:grid;gap:8px}.sidebar nav button{display:flex;align-items:center;gap:14px;padding:15px 17px;text-align:left;border-radius:14px;font-weight:550;color:#707970}.sidebar nav .selected{background:#e9eee5;color:#365342}.sidebar-bottom{margin-top:auto}.demo-note{display:flex;gap:11px;background:#f1f1e8;padding:16px;border-radius:15px;font-size:.8rem;line-height:1.5}.demo-note p{font-size:.75rem;color:var(--muted);margin-top:3px}.profile-button{display:flex;align-items:center;gap:10px;width:100%;margin-top:20px;text-align:left}.profile-button span{flex:1}.profile-button small,.post-head small,.profile-option small{display:block;color:var(--muted)}.main-shell{margin-left:244px}header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line)}.header-family{font-size:.875rem;color:var(--muted)}.header-actions{display:flex;gap:19px;align-items:center}.icon-button{min-width:44px;min-height:44px;display:grid;place-items:center;border-radius:50%}.icon-button:hover{background:#eaece4}.profile-pill{display:flex;gap:10px;align-items:center;font-size:.9rem}.mobile-brand{display:none}main{max-width:1280px;margin:auto;padding:36px 48px 28px}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:30px}.eyebrow{font-size:.7rem;letter-spacing:1.5px;font-weight:600;text-transform:uppercase;color:#77806f;margin-bottom:10px}.page-heading p:not(.eyebrow){color:var(--muted);margin-top:12px;font-size:.95rem}.wave{font-size:1.9rem;letter-spacing:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:13px;padding:13px 18px;min-height:46px;font-size:.875rem;font-weight:600;text-decoration:none;line-height:1.3}.primary{background:var(--green);color:#fff}.soft{background:#e9ece3;color:#3b5847}.danger{color:#934333;background:#f5e4df}.button:hover{filter:brightness(.97)}.card{background:#fff;border:1px solid #e8e9e2;border-radius:var(--radius);padding:26px;box-shadow:0 3px 5px #263e3010}.home-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:24px}.home-primary,.home-secondary,.stack{display:flex;flex-direction:column;gap:22px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.text-button{display:inline-flex;align-items:center;gap:4px;min-height:44px;font-size:.85rem;font-weight:600;padding:4px 0}.event{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid #eff0ea;align-items:flex-start}.event:last-child{border:0;padding-bottom:0}.event-time{font-size:.85rem;font-weight:650;min-width:42px;margin-top:3px}.event-body{border-left:3px solid #a1b399;padding-left:17px;flex:1}.event:nth-child(3n) .event-body{border-color:#dcaa7f}.event-body strong{font-size:.95rem}.people-inline{display:flex;gap:12px;margin-top:9px;flex-wrap:wrap}.people-inline span{display:flex;gap:5px;align-items:center;font-size:.75rem;color:var(--muted)}.meal-banner{background:#f4e4d4;border-color:#eddbc9;display:flex;align-items:center;gap:20px;padding:24px}.meal-symbol{font-size:3.4rem;background:#f9efe5;border-radius:18px;padding:10px}.meal-banner .eyebrow{font-size:.61rem;color:#88694c;margin-bottom:7px}.meal-banner h2{font-size:1.15rem}.meal-banner p:last-child{font-size:.85rem;margin-top:7px;color:#856e58}.round-button{background:#fff8;width:40px;height:40px;border-radius:50%;flex-shrink:0;margin-left:auto;display:grid;place-items:center}.feed-heading{margin:5px 0 -7px}.muted{color:var(--muted);font-size:.875rem}.post-head{display:flex;align-items:center;gap:11px}.post-head>div{flex:1}.post-head strong{font-size:.9rem}.post>p{font-size:.95rem;margin:18px 0;line-height:1.7}.reaction{display:flex;align-items:center;gap:8px;background:#f4f5ef;border-radius:10px;padding:10px 12px;font-size:.8rem;min-height:42px}.reaction.liked{background:#edf1e8;color:#3c5c47}.photo-button{padding:0;width:100%;margin:12px 0}.photo-button img{width:100%;border-radius:16px;max-height:400px;object-fit:cover}.reflection-card{background:#e9eee2;border:0;padding:28px}.little-icon{background:#f6f7ed;width:48px;height:48px;display:grid;place-items:center;border-radius:16px;margin-bottom:24px}.reflection-card .eyebrow{font-size:.6rem}.reflection-card h2{font-size:1.65rem;letter-spacing:-.5px}.reflection-card p:not(.eyebrow){font-size:.875rem;line-height:1.7;color:#64715f;margin:14px 0 20px}.reflection-card .button{width:100%}.task-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:14px 0;min-height:52px;line-height:1.4;font-size:.9rem}.check-box{width:22px;height:22px;display:grid;place-items:center;border:1.5px solid #cbd3c6;border-radius:7px;flex-shrink:0}.task-row.done .check-box{background:#749072;border-color:#749072;color:#fff}.task-row.done>span:last-child{color:#798475}.task-row small{display:block;color:var(--muted)}.together-card{display:flex;align-items:center;gap:16px;background:#ede9f0;border:1px solid #e2dce8;padding:24px 20px;border-radius:24px;text-align:left}.together-card>span{font-size:2.3rem}.together-card div{flex:1}.together-card small{font-size:.6rem;letter-spacing:1px;color:#81748c}.together-card strong{display:block;font-size:.9rem;margin:8px 0}.together-card p{font-size:.75rem;color:#81748c}.tomorrow{margin-top:26px;display:flex;align-items:center;justify-content:space-between;background:transparent;box-shadow:none;border-style:dashed}.tomorrow .eyebrow{font-size:.62rem}.tomorrow h2{font-size:1rem}footer{text-align:center;font-size:.72rem;color:#818a7d;padding:20px 24px 28px}.bottom-nav{display:none}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.two-col>.card{min-width:0}.card>p{margin-top:10px}.card>h2{margin-bottom:12px}.progress{height:7px;border-radius:10px;background:#eef0e8;overflow:hidden;margin:16px 0}.progress span{height:100%;display:block;background:#7c9772}.task-admin{display:flex;align-items:center;border-bottom:1px solid var(--line);gap:8px}.encouragement{display:flex;gap:10px;align-items:center;margin-top:22px;font-size:.875rem;color:#597054;line-height:1.5}.family-goal{margin-top:24px;display:flex;align-items:center;gap:24px;background:#e9eee2}.family-goal>span{font-size:3rem}.family-goal p{margin:10px 0 18px}.week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:20px}.week-strip button{border:1px solid var(--line);background:#fff;border-radius:18px;padding:18px 7px;display:grid;gap:8px}.week-strip small{font-size:.8rem}.week-strip strong{font-size:1.4rem}.week-strip .chosen{background:var(--green);color:#fff}.date-picker{max-width:230px;margin-bottom:24px}.family-portraits{display:flex;gap:28px;justify-content:center;margin:32px 0 42px;flex-wrap:wrap}.family-portraits button{display:grid;justify-items:center;gap:10px}.family-portraits button small{color:var(--muted)}.destination{display:flex;align-items:center;gap:20px;text-align:left}.destination>span{font-size:2.6rem}.destination>div{flex:1}.destination p{font-size:.875rem;color:var(--muted);margin-top:7px}.reflection-form{max-width:650px;margin:auto}.privacy{display:flex;gap:8px;align-items:center;font-size:.8rem;background:#eef1e7;border-radius:12px;padding:14px;margin-bottom:25px}.star-picker{display:flex;gap:7px;margin:16px 0}.star-picker button{min-width:48px;min-height:48px}.stars-text{color:#b88327;font-size:1.6rem}.quick-ideas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:26px}.idea-emoji{font-size:3rem;display:block;margin-bottom:15px}.idea p{margin-bottom:20px}.participants{margin-bottom:25px}.person-choice{display:flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid var(--line);border-radius:40px;background:#f8f8f3}.person-choice.chosen{border-color:#8da78b;background:#edf2e7}.participants small{display:block;color:var(--muted);margin-top:15px}.food-area{max-width:420px;margin:0 auto 25px}.food-card{text-align:center}.swipe-surface{touch-action:pan-y;-webkit-user-select:none;user-select:none}.food-emoji{display:block;font-size:7rem;margin:30px 0}.food-card h2{font-size:1.4rem;margin-bottom:12px}.food-card p{color:var(--muted);margin-bottom:20px}.vote-buttons{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}.vote-buttons button{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 10px;border-radius:16px;font-weight:600}.no{background:#f3e8e0;color:#8d5d44}.yes{background:#e8eee2;color:#365c42}.undo{display:flex;margin:18px auto}.meal-result{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.meal-result small{display:block;color:#678461}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery-item{background:#fff;padding:10px;border:1px solid var(--line);border-radius:20px;text-align:left}.gallery-item img{height:210px;width:100%;object-fit:cover;border-radius:13px}.gallery-item span{display:block;padding:12px 7px;font-size:.8rem}.empty{text-align:center;padding:48px 26px;color:var(--muted)}.empty>svg{margin:auto auto 20px}.empty h2{color:#3b5044;margin:10px}.modal-backdrop{position:fixed;inset:0;background:#1d302660;z-index:30;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:#fafbf6;width:100%;max-width:540px;border-radius:28px;padding:26px;max-height:90dvh;overflow:auto;box-shadow:0 24px 80px #15251c33}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.modal-header h2{font-size:1.3rem}.modal .card{padding:20px;margin-bottom:18px;border-radius:18px}.modal .card p{font-size:.875rem;margin-bottom:15px}.modal>.button{margin-top:15px;margin-right:8px}label{display:block;font-size:.875rem;font-weight:550;margin:18px 0}label>p{font-weight:400;margin-top:10px}input,textarea,select{display:block;width:100%;border:1px solid #dbe0d5;background:#fff;color:#2d3f34;padding:13px 14px;border-radius:12px;margin-top:8px;min-height:46px}textarea{min-height:105px;resize:vertical;line-height:1.6}fieldset{border:1px solid var(--line);border-radius:12px;padding:5px 15px}legend{font-size:.875rem}input[type=checkbox]{width:19px;height:19px;min-height:19px;margin:0;accent-color:var(--green)}.checkbox-label{display:flex;align-items:center;gap:10px}.row{display:flex;align-items:center;gap:12px;margin:16px 0}.wrap{flex-wrap:wrap}.row .button,.row label{margin:0}.row audio{max-width:calc(100% - 45px)}audio{max-width:100%;display:block;margin:15px 0}.profile-option{display:flex;gap:15px;align-items:center;width:100%;text-align:left;border-bottom:1px solid var(--line);padding:14px 0}.profile-option>div{flex:1}.profile-option strong{font-size:1rem}.modal>.demo-note{margin-top:20px}.avatar-preview{display:flex;justify-content:center;padding:15px}.avatar-choice{padding:3px;border:1px solid var(--line);border-radius:50%}.swatches{display:flex;gap:13px;margin-top:12px}.swatches button{width:38px;height:38px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #d3d7ce}.swatches .active{box-shadow:0 0 0 3px #56764e}.attachment{border-radius:16px;max-height:260px;object-fit:cover;margin:16px auto}.full-photo{max-height:70dvh;margin:auto;object-fit:contain}.toast{position:fixed;z-index:60;bottom:28px;left:50%;transform:translate(-50%);max-width:90%;border-radius:15px;background:#293e32;color:#fff;padding:15px 22px;box-shadow:0 5px 30px #0002;font-size:.875rem}.update-banner{position:fixed;right:20px;bottom:22px;z-index:25;background:#fff;border:1px solid var(--line);box-shadow:0 5px 20px #0002;border-radius:15px;display:flex;gap:12px;align-items:center;padding:16px;font-size:.875rem}.update-banner button{font-weight:650}.image-modal{max-width:900px}@media(min-width:1400px){main{padding-top:46px}.home-grid{gap:28px}.card{padding:30px}}@media(max-width:1100px){.sidebar{width:205px;padding:35px 18px}.main-shell{margin-left:205px}header{padding:0 30px}main{padding:30px}.home-grid{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);gap:18px}.card{padding:22px}.meal-banner{gap:12px}.meal-symbol{font-size:2.5rem;padding:8px}.people-inline{gap:7px}}@media(max-width:800px){.sidebar{display:none}.main-shell{margin:0}header{height:80px;padding:env(safe-area-inset-top) 22px 0;border:0}.header-family{display:none}.mobile-brand{display:block;font-size:1.65rem;letter-spacing:-1px;font-weight:750}.header-actions{gap:8px}.profile-pill span{display:none}main{padding:16px 22px 26px}.page-heading{align-items:flex-start;margin-bottom:26px}.page-heading>.button{font-size:0;padding:12px;width:46px;flex-shrink:0}.page-heading>.button svg{width:20px;height:20px}h1{font-size:2rem;letter-spacing:-1px}.page-heading p:not(.eyebrow){font-size:.875rem;max-width:280px;margin-top:9px}.eyebrow{font-size:.65rem}.home-grid{display:flex;flex-direction:column;gap:20px}.home-primary,.home-secondary{gap:18px}.home-secondary{display:grid;grid-template-columns:1fr 1fr}.home-secondary .reflection-card{grid-column:1/-1;position:relative;padding:24px}.reflection-card h2{font-size:1.45rem}.reflection-card h2 br,.little-icon{display:none}.reflection-card .button{width:auto}.reflection-card p:not(.eyebrow){margin:10px 0 16px}.together-card{flex-direction:column;align-items:flex-start;justify-content:center;gap:13px;padding:22px}.together-card>svg{display:none}.home-secondary .card:nth-child(2){padding:21px}.home-secondary .card:nth-child(2) .section-heading svg{display:none}.task-row{font-size:.82rem}.home-secondary h2{font-size:1rem}.card{border-radius:21px;padding:23px}.today-card .event{padding:17px 0}.people-inline span{font-size:.75rem}.meal-banner{padding:20px;gap:15px}.meal-banner h2{font-size:1rem}.meal-banner .eyebrow{font-size:.55rem;letter-spacing:1px}.meal-symbol{font-size:2.7rem;padding:8px}.meal-banner .round-button{width:32px;height:32px}.feed-heading h2{font-size:1.15rem}.feed-heading .muted{font-size:.75rem}.post>p{font-size:.95rem}.tomorrow{align-items:flex-start;gap:16px}.tomorrow .text-button{font-size:.75rem}.bottom-nav{position:fixed;z-index:20;inset:auto 0 0;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 14px calc(8px + env(safe-area-inset-bottom));background:#fbfcf8f5;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:48px;color:#899185;font-size:.68rem}.bottom-nav .selected{color:#31543b;font-weight:650}.bottom-nav .selected svg{stroke-width:2.4}footer{padding-bottom:100px}.two-col{grid-template-columns:1fr;gap:20px}.week-strip{gap:5px}.week-strip button{padding:15px 3px;border-radius:14px}.week-strip small{font-size:.65rem}.week-strip strong{font-size:1.2rem}.family-portraits{gap:16px;margin:25px 0 35px}.family-portraits .avatar{width:65px;height:65px}.family-portraits strong{font-size:.85rem}.family-portraits small{font-size:.72rem}.destination{padding:23px}.destination h2{font-size:1.08rem}.family-goal{align-items:flex-start}.family-goal>span{font-size:2rem}.gallery{grid-template-columns:1fr 1fr;gap:12px}.gallery-item img{height:155px}.modal-backdrop{align-items:flex-end;padding:0}.modal{border-radius:26px 26px 0 0;padding:22px 22px calc(24px + env(safe-area-inset-bottom));max-height:90dvh}.toast{bottom:100px;width:max-content;max-width:calc(100% - 36px)}.update-banner{bottom:94px;left:16px;right:16px;font-size:.8rem}.row{flex-wrap:wrap}.privacy{line-height:1.6}.food-emoji{font-size:6rem}.reflection-form .star-picker{gap:0}.star-picker button{width:20%}}@media(max-width:380px){main{padding:14px 16px}.card{padding:19px}.home-secondary{display:flex;flex-direction:column}.together-card{flex-direction:row;align-items:center}.meal-banner{gap:10px}.meal-symbol{font-size:2.2rem}.meal-banner h2{font-size:.95rem}.people-inline{gap:5px}.event{gap:12px}.tomorrow{flex-direction:column}.week-strip small{font-size:.6rem}}@media(prefers-reduced-motion:no-preference){button{transition:background .16s,transform .16s}button:active{transform:scale(.97)}.card{animation:appear .25s ease-out}@keyframes appear{0%{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}button:not(.icon-button):not(.listen-button):disabled{opacity:.65}.child-mode main{font-size:1rem}.child-mode small{font-size:.875rem}.child-mode .muted{font-size:.95rem}.child-mode .task-row{font-size:1rem}.child-mode .profile-pill span{display:inline}.child-mode .button{font-size:1rem;min-height:52px}.child-mode .bottom-nav button{font-size:.875rem;gap:6px;min-height:58px}.child-mode .bottom-nav svg{width:25px;height:25px}.child-mode footer{font-size:.8rem}.child-mode .page-heading{gap:12px}.child-mode .page-heading .button{font-size:.95rem;width:auto}.listen-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;background:#eff2e8;border-radius:13px;border:1px solid #e0e6d6;flex-shrink:0;color:#365740}.listen-button.large{padding:12px 16px;min-height:48px;font-size:.9rem;font-weight:650}.listen-button.speaking{background:#385d4a;color:#fff}.child-welcome{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:7px 0 25px}.child-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.child-action{border:1px solid #e0e6d9;border-radius:25px;position:relative;overflow:hidden;background:#ebeee4;padding-bottom:44px;box-shadow:0 3px 8px #2439270b}.child-action-main{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%;padding:24px;min-height:188px;text-align:left}.child-action-main strong{font-size:1.2rem;line-height:1.3}.child-action-main>span:last-child{font-size:.9rem;color:#5e6b5b;line-height:1.45}.child-action-emoji{font-size:3rem;line-height:1.2}.child-action>.listen-button{position:absolute;right:16px;bottom:14px}.action-dagen{background:#ece7f0;border-color:#e5dfea}.action-mad{background:#f5e3d1;border-color:#ead7c4}.action-aktiviteter{background:#f3edcf;border-color:#e5dfc5}.child-progress{display:flex;align-items:center;gap:15px;margin:26px 0;background:#fff;border:1px solid var(--line);padding:18px 22px;border-radius:20px}.child-progress>span{font-size:2.4rem}.child-progress>div{flex:1}.progress-dots{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.progress-dots>span{width:17px;height:17px;background:#edf0e7;border:1px solid #cbd5c4;border-radius:50%}.progress-dots .filled{background:#71976c;border-color:#71976c}.child-today{margin-top:25px}.child-event{display:flex;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid var(--line)}.child-event:last-child{border:0}.child-event>span{font-size:2rem}.child-event>div{flex:1}.child-event p{color:#67715f;margin-top:3px}.child-wall-link{display:block;width:100%;padding:22px;font-size:1rem;font-weight:600;margin-top:20px;border-radius:18px;background:#fff;border:1px solid var(--line)}.task-symbol{font-size:1.7rem;line-height:1.1;flex-shrink:0}.task-admin{gap:9px}.task-admin .task-row{flex:1;min-width:0}.task-admin .task-row>span:last-child{flex:1;overflow-wrap:anywhere}.task-admin .check-box{width:22px;height:22px}.task-admin .task-row:disabled{opacity:1}.task-admin .listen-button{background:transparent;border:0}.child-mode .task-admin{padding:8px 0}.child-mode .task-row{min-height:72px}.child-mode .check-box{width:26px;height:26px}.event-title{display:flex;align-items:center;gap:10px;justify-content:space-between}.event-title strong{min-width:0;overflow-wrap:anywhere}.event-title .listen-button{width:44px;background:transparent;border:0}.step-label{font-size:1rem;font-weight:650;margin-bottom:20px}.mood-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.mood-option>button:first-child{width:100%;padding:15px 3px 12px;display:flex;flex-direction:column;align-items:center;gap:12px;border:2px solid transparent;background:#f5f5ef;border-radius:18px;min-height:110px}.mood-option>button:first-child>span{font-size:2.6rem;line-height:1.3}.mood-option>button.chosen{border-color:#53794e;background:#e9efdf}.mood-option>button:first-child small{font-size:.85rem;font-weight:600}.mood-option>.listen-button{display:flex;margin:7px auto 0;background:transparent;border:0}.reflection-next{padding-top:22px;border-top:1px solid var(--line);margin-top:24px}.private-audience{display:flex;align-items:center;gap:12px;padding:18px 14px;background:#edf1e7;border-radius:16px;margin:24px 0}.private-audience>span{font-size:1.5rem}.private-audience>div{flex:1}.private-audience .listen-button{background:transparent;border:0}.reflection-result{display:flex;align-items:center;gap:15px;margin:20px 0}.reflection-result>span{font-size:2.6rem}.skip-day{display:flex;margin:20px auto 0;font-size:1rem}.write-instead{margin-top:20px}.write-instead summary,details>summary{cursor:pointer;list-style:none;background:#f0f2ea;padding:15px 18px;border-radius:13px;min-height:48px;font-weight:600;font-size:.95rem}details>summary::-webkit-details-marker{display:none}details[open]>summary{margin-bottom:15px}.saved-day-note{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#f4f5ef;padding:15px;border-radius:13px;margin-top:18px;font-size:.85rem}.voice-controls{display:flex;flex-direction:column;gap:10px;width:100%}.voice-controls>.button{width:100%;min-height:56px}.recording-button{background:#855548;color:#fff}.record-progress{height:6px;background:#f0e5dd;overflow:hidden;border-radius:6px}.record-progress span{height:100%;display:block;background:#aa6b56}.field-error{font-size:.9rem!important;color:#8f412d!important;margin:8px 0}.audio-review{display:flex;gap:10px;align-items:center;background:#eef0e8;border-radius:14px;padding:7px}.audio-review audio{flex:1;min-width:0;width:100%;margin:5px 0}.sharing-audience{display:flex;align-items:center;gap:12px;padding:10px 0 20px;font-size:.95rem}.composer-tools{display:flex;flex-direction:column;gap:15px;margin:20px 0}.upload-button{position:relative;margin:0;cursor:pointer;min-height:54px}.upload-button input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;padding:0;cursor:pointer}.upload-button:focus-within{outline:3px solid #b48241;outline-offset:3px}.sticker-row{display:flex;gap:12px;justify-content:center;margin:10px 0 22px}.sticker-row button{font-size:2rem;border-radius:16px;padding:12px;background:#eef0e8;width:60px;height:60px}.sticker-preview{font-size:1.5rem;overflow-wrap:anywhere}.full-button{width:100%;margin-top:15px}.image-preview{text-align:center}.empty-symbol{display:block;font-size:3rem;margin-bottom:15px}.idea-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.idea-top .idea-emoji{margin:0}.interest-avatars{display:flex;gap:7px;margin:16px 0 20px;min-height:32px}.quick-ideas .button{font-size:1rem;padding:15px 18px;min-height:54px}.food-progress{display:flex;gap:7px;margin:18px 0}.food-progress span{flex:1;height:7px;background:#dfe5d9;border-radius:7px}.food-progress .filled{background:#61805b}.food-card{overflow:hidden}.food-card .swipe-surface{position:relative;will-change:transform}.food-card .listen-button{margin-top:12px}.food-card .vote-buttons button{min-height:65px;font-size:1.1rem}.food-emoji{margin:26px 0;font-size:6rem}.swipe-label{position:absolute;top:30px;right:15px;transform:rotate(8deg);padding:10px 15px;border-radius:13px;font-size:1.1rem;font-weight:700}.waiting-people{display:flex;flex-wrap:wrap;gap:24px;padding:12px 0}.waiting-people>div{display:flex;flex-direction:column;gap:6px;align-items:center}.waiting-people small{color:#60735b}.meal-result{flex-wrap:wrap}.meal-result>span{flex:1;min-width:130px;font-weight:550}.meal-result-emoji{font-size:1.7rem;display:inline-block;vertical-align:middle;margin-right:9px}.not-invited{text-align:center;margin-bottom:25px}.not-invited>.listen-button{margin:20px auto 0}.participant-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.participant-picker button{display:flex;align-items:center;flex-direction:column;gap:9px;padding:18px 8px;background:#fff;border:2px solid var(--line);border-radius:19px}.participant-picker button.chosen{background:#edf2e5;border-color:#608557}.participant-picker span{font-size:.8rem;color:#65815e}.avatar-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.avatar-tabs button{display:flex;flex-direction:column;gap:8px;align-items:center;font-size:1.5rem;padding:12px 8px;border-radius:16px;background:#eaece4;border:2px solid transparent}.avatar-tabs button span{font-size:.875rem}.avatar-tabs .chosen{border-color:#52754b;background:#e2ead8}.avatar-choice[aria-pressed=true]{outline:3px solid #52754b}.action-preview{display:flex;gap:16px;align-items:center;margin:20px 0}.connection-banner,.storage-banner{padding:12px 24px;text-align:center;font-size:.875rem;background:#efe8d4}.storage-banner{background:#f5e2d9;color:#8c3d2d}.toast{display:flex;align-items:center;gap:20px}.toast button{display:flex;gap:7px;align-items:center;color:#fff;min-height:44px;text-decoration:underline;font-weight:650}.route-vaeg.child-mode .home-secondary,.route-vaeg.child-mode .today-card,.route-vaeg.child-mode .meal-banner,.route-vaeg.child-mode .tomorrow{display:none}.route-vaeg.child-mode .home-grid{display:block}.child-mode .family-goal p{font-size:.95rem}.simple-mode .child-action-emoji{font-size:3.6rem}.simple-mode .child-action-main{min-height:200px}.simple-mode .task-symbol{font-size:2rem}.simple-mode .destination>span{font-size:3rem}.simple-mode .voice-controls>.button{min-height:64px}.child-mode .gallery-item span{font-size:.875rem}.child-mode .people-inline span{font-size:.8rem}.simple-mode .child-action-main>span:last-child{font-size:1rem}.child-mode .eyebrow{display:none}@media(max-width:800px){.child-mode main{padding-top:12px}.child-welcome{align-items:center;margin-bottom:22px}.child-welcome h1{font-size:1.8rem}.child-welcome .listen-button.large{font-size:0;padding:12px;gap:0}.child-actions{gap:13px}.child-action-main{padding:20px 16px;min-height:170px}.child-action-main strong{font-size:1.05rem}.child-action-main>span:last-child{font-size:.875rem}.child-action-emoji{font-size:2.8rem}.child-action{border-radius:21px}.simple-mode .child-action-main{min-height:185px}.simple-mode .child-action-emoji{font-size:3rem}.child-mode .page-heading .listen-button.large{font-size:0;gap:0;padding:12px}.mood-picker{gap:5px}.mood-option>button:first-child{border-radius:14px;padding:14px 1px 10px;min-height:97px}.mood-option>button:first-child>span{font-size:2.1rem}.mood-option>button:first-child small{font-size:.75rem}.reflection-form{padding:20px 16px}.task-admin{flex-wrap:wrap}.task-admin .task-row{width:calc(100% - 96px)}.task-admin .task-row>span:last-child{font-size:.95rem}.task-admin .button{margin-left:36px;min-height:44px;font-size:.85rem}.child-mode .task-row small{font-size:.8rem}.child-mode .bottom-nav{padding-bottom:calc(9px + env(safe-area-inset-bottom))}.child-mode footer{padding-bottom:115px}.child-mode .profile-pill{font-size:.95rem}.child-mode .destination p{display:none}.child-mode .destination h2{font-size:1.15rem}.child-mode .destination{min-height:108px}.child-today .section-heading{flex-wrap:wrap}.event{gap:12px}.people-inline{gap:9px}.event-body{padding-left:12px}.event-title{gap:5px}.event-title strong{font-size:.9rem}.private-audience{padding:14px 10px;gap:9px}.private-audience strong{font-size:.8rem}.waiting-people{gap:15px}.participants .row,.participant-picker{gap:8px}.participant-picker button{padding:14px 5px}.child-mode .card .button.full-button{font-size:1rem}.saved-day-note{flex-direction:column;align-items:flex-start}.mood-option>.listen-button{min-height:44px}.family-portraits{gap:18px}.simple-mode .family-portraits .avatar{width:74px;height:74px}}@media(max-width:380px){.child-action-main{padding:18px 12px;min-height:170px}.child-action-main strong{font-size:1rem}.simple-mode .child-action-main{min-height:180px}.task-admin .task-row{gap:8px}.mood-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mood-option>button:first-child small{font-size:.85rem}.reflection-form{padding:20px}.child-welcome h1{font-size:1.55rem}}@media(prefers-reduced-motion:reduce){.food-card .swipe-surface{transform:none!important}}.personal-goals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}.goal-card{text-align:center;background:#edf1e6}.goal-card .section-heading .row{margin:0;gap:10px}.goal-card .section-heading h2{font-size:1rem}.goal-picture{font-size:3rem;margin:15px 0}.goal-card h3{font-size:1.05rem;line-height:1.5}.goal-card .progress-dots{justify-content:center;margin:18px 0}.goal-card>p{font-size:.875rem;margin:12px 0}.goal-card>.listen-button{margin:4px 8px 4px 0}.child-mode .personal-goals{display:block}.child-mode .goal-card{max-width:600px;margin:auto}.child-mode .goal-card h3{font-size:1.15rem}@media(max-width:1000px){.personal-goals{grid-template-columns:1fr}.goal-card{max-width:none}}.discard-backdrop{z-index:70}.discard-dialog{text-align:center;max-width:430px}.discard-symbol{font-size:3.5rem;display:block;margin:10px 0 18px}.discard-dialog h2{margin-bottom:18px}.discard-dialog>.listen-button{margin:10px auto}.discard-dialog .button{min-height:56px}.agreement-display{display:flex;align-items:flex-start;gap:13px;padding:18px 0;border-bottom:1px solid var(--line)}.agreement-display:last-child{border:0}.agreement-display>span{font-size:1.8rem}.agreement-display>div{flex:1;min-width:0}.agreement-display h3{font-size:.95rem}.agreement-display p{font-size:.95rem;line-height:1.6;margin-top:8px}.agreement-display>.listen-button{background:transparent;border:0}.child-mode .agreement-display p{font-size:1rem}:root{--canvas: #f4f6fa;--surface: #ffffff;--ink: #19263b;--muted: #58677d;--accent: #2456d8;--accent-hover: #1944b3;--accent-soft: #edf2ff;--line: #dce3ee;--success: #226b51;--danger: #a82c35;--green: var(--accent);--cream: var(--canvas);--radius: 20px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--control-radius: 14px;--ease-out: cubic-bezier(.22, 1, .36, 1);color:var(--ink);background:var(--canvas)}body{color:var(--ink);background:var(--canvas)}h1{font-size:clamp(1.8rem,3vw,2.25rem);letter-spacing:-.045em;line-height:1.15}h2{font-size:1.125rem;line-height:1.35}button{transition:transform .14s var(--ease-out),background-color .14s ease,border-color .14s ease;touch-action:manipulation}button:active:not(:disabled){transform:scale(.97)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.button{min-height:48px;border-radius:var(--control-radius);padding:12px 18px;font-size:.9375rem;border:1px solid transparent}.button.primary,.listen-button.speaking{background:var(--accent);color:#fff;border-color:var(--accent)}.button.soft{color:var(--accent);background:var(--accent-soft);border-color:#cbd8ff}.button.danger{color:var(--danger);background:#fff0f1;border-color:#edc1c6}.button:disabled{background:#e7ebf2;color:#647187;border-color:#d7deea;opacity:1}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:none}.reflection-card,.meal-preview,.activities-preview,.tomorrow-card,.goal-card,.reward-banner,.child-progress,.child-today,.private-audience{background:var(--surface);color:var(--ink);border-color:var(--line)}.reflection-card p:not(.eyebrow),.destination p,.meal-preview p,.child-event p,.eyebrow{color:var(--muted)}.sidebar{background:var(--surface);border-color:var(--line)}.sidebar nav button{min-height:48px;color:var(--muted)}.sidebar nav .selected{background:var(--accent-soft);color:var(--accent)}.brand,.mobile-brand{color:var(--ink)}.brand-period{color:var(--accent)}.demo-note{background:var(--canvas)}.header-family{color:var(--muted)}.icon-button,.profile-pill{background:#fff;border:1px solid var(--line);min-height:44px;border-radius:var(--control-radius)}.profile-pill{padding:4px 10px 4px 4px}.icon-button{width:44px;color:var(--ink)}header{border-color:var(--line)}main{max-width:1184px;padding:32px 40px}.page-heading{margin-bottom:24px;align-items:center;gap:16px}.eyebrow{font-size:.75rem;letter-spacing:.08em}.text-button{color:var(--accent);border-radius:10px;min-height:44px;padding:8px 12px;font-size:.9375rem}.listen-control{display:inline-flex;position:relative;flex-shrink:0;align-items:center}.listen-button,.event-title .listen-button,.task-admin .listen-button{width:44px;min-width:44px;height:44px;min-height:44px;border:1px solid #cbd8ff;border-radius:13px;background:var(--accent-soft);color:var(--accent);position:relative}.listen-button.large{width:auto;height:48px;padding:10px 14px;font-size:.875rem;gap:8px}.listen-button.speaking{color:#fff;background:var(--accent)}.listen-error{position:absolute;top:calc(100% + 8px);right:0;width:min(260px,75vw);z-index:15;padding:12px;font-size:.875rem;line-height:1.45;color:var(--danger);background:#fff;border:1px solid #edc1c6;border-radius:12px;box-shadow:0 4px 16px #19263b18}.voice-wave{position:absolute;bottom:4px;display:flex;align-items:center;gap:2px;height:6px}.voice-wave i{width:2px;height:5px;border-radius:2px;background:currentColor;animation:voicePulse .75s ease-in-out infinite alternate}.voice-wave i:nth-child(2){animation-delay:.2s}.voice-wave i:nth-child(3){animation-delay:.4s}.child-welcome{margin:0 0 24px}.child-welcome h1{font-size:2rem}.child-actions{gap:16px}.child-action,.action-dagen,.action-mad,.action-aktiviteter{background:#fff;border:1px solid #cbd8ff;border-radius:20px;box-shadow:0 2px 8px #19263b06;padding:0;overflow:visible}.child-action-main,.simple-mode .child-action-main{position:relative;min-height:160px;height:100%;padding:20px 16px 64px;gap:8px;border-radius:20px;color:var(--ink)}.child-action-main strong{font-size:1.0625rem;padding-right:12px}.child-action-main>span:last-child{color:var(--muted);font-size:.875rem;line-height:1.35}.child-action-emoji,.simple-mode .child-action-emoji{font-size:2.375rem;line-height:1.2}.action-chevron{position:absolute;right:12px;top:22px;color:var(--accent)}.child-action>.listen-control{position:absolute;right:12px;bottom:12px}.child-progress{margin:20px 0;padding:16px;border-radius:16px}.progress-dots{gap:6px;margin-top:8px}.progress-dots>span{width:12px;height:12px;background:#e7ecf5;border-color:#d2dbea}.progress-dots .filled{background:var(--success);border-color:var(--success);transition:background .2s}.child-today{margin-top:20px}.child-wall-link,.destination.card{border-color:#cbd8ff;background:#fff;color:var(--ink)}.child-wall-link{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:16px}.child-wall-link svg,.destination>svg{color:var(--accent)}.destination.card{min-height:104px;padding:20px}.destination>span{font-size:2rem}.destination h2{font-size:1.125rem}.journey-bar{display:flex;align-items:center;justify-content:space-between;margin:-4px 0 20px;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px}.journey-bar>span{font-size:.875rem;color:var(--muted)}.back-button{display:inline-flex;align-items:center;gap:4px;min-height:44px;border:1px solid #cbd8ff;padding:8px 12px 8px 8px;border-radius:13px;color:var(--accent);background:var(--accent-soft);font-size:.9375rem;font-weight:600}.screen-content{animation:screenEnter .22s var(--ease-out) both}.week-strip{gap:4px;padding:6px;background:#e8edf5;border-radius:18px;margin-bottom:16px}.week-strip button{min-height:76px;border:1px solid transparent;border-radius:12px;padding:10px 2px;gap:6px;background:transparent}.week-strip small{font-size:.875rem;line-height:1.1;white-space:nowrap}.week-strip strong{font-size:1.25rem}.week-strip .chosen{background:var(--accent);color:#fff;box-shadow:0 2px 5px #2456d825}.date-picker{display:flex;align-items:center;gap:12px;max-width:none;font-size:.875rem;color:var(--muted);margin-bottom:24px}.date-picker input{width:auto;min-height:44px;margin:0;padding:10px 12px;border-radius:12px;background:#fff}.event{padding:20px 0;gap:16px}.event-body,.event:nth-child(3n) .event-body{border-left:2px solid #cbd8ff;padding-left:16px}.event-time{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.9375rem}.event-title strong{font-size:1rem;line-height:1.4}.people-inline{margin-top:8px;gap:8px 12px}.people-inline span{color:var(--muted);font-size:.875rem}.reflection-form{max-width:640px;margin:0 auto;padding:24px}.checkin-progress{display:flex;gap:6px;margin-bottom:24px}.checkin-progress span{height:4px;flex:1;background:#e5ebf5;border-radius:4px}.checkin-progress .active{background:var(--accent)}.step-label{font-size:1.125rem;line-height:1.4;margin-bottom:20px}.mood-picker{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.mood-option{display:flex}.mood-option>button:first-child{position:relative;height:128px;min-height:128px;justify-content:center;gap:10px;padding:16px 6px;border:1px solid #cbd8ff;border-radius:16px;background:#fff;color:var(--ink)}.mood-option>button:first-child>span{font-size:2.5rem;line-height:1}.mood-option>button:first-child small{font-size:.875rem;line-height:1.25;min-height:2.5em;display:flex;align-items:center;justify-content:center;font-weight:600}.mood-option>button.chosen{border:2px solid var(--accent);background:var(--accent-soft)}.mood-option>button.chosen:after{content:"✓";position:absolute;right:6px;top:5px;color:var(--accent);font-size:.875rem;font-weight:700}.mood-option>button.chosen>span{animation:chooseFeeling .24s var(--ease-out)}.continue-day{margin-top:24px}.reflection-next{margin:0;padding:0;border:0;animation:screenEnter .22s var(--ease-out)}.reflection-next .back-button{margin-bottom:20px}.selected-feeling{display:flex;align-items:center;gap:12px;padding:16px;background:var(--canvas);border-radius:16px;margin-bottom:24px}.selected-feeling>span{font-size:2rem}.private-audience{background:var(--canvas);margin:20px 0;padding:16px}.private-audience strong{font-size:.875rem}.skip-day{display:flex;justify-content:center;width:100%;margin-top:12px}.saved-day-note{margin-top:16px;font-size:.875rem}.day-success{display:grid;gap:16px;text-align:center;justify-items:center;padding:16px 0}.day-success p{color:var(--muted)}.success-mark{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;color:var(--success);background:#e8f4ee;animation:successArrive .38s var(--ease-out)}.task-row.done .check-box{background:var(--success);border-color:var(--success);animation:chooseFeeling .24s var(--ease-out)}.family-portraits{gap:20px;margin:24px 0 32px}.family-portraits button{padding:10px;border:1px solid #cbd8ff;border-radius:16px;background:#fff}.family-portraits button:disabled{opacity:1;border-color:transparent;background:none}.bottom-nav .selected{color:var(--accent)}.toast{background:var(--ink);border-radius:16px;animation:screenEnter .18s var(--ease-out)}footer{color:var(--muted)}.child-mode footer{display:none}@media(hover:hover){.button.primary:hover{background:var(--accent-hover);filter:none}.button.soft:hover,.listen-button:hover,.back-button:hover{background:#dfe8ff;filter:none}.child-action-main:hover,.destination.card:hover,.child-wall-link:hover,.mood-option>button:first-child:hover{background:#f5f8ff}}@media(max-width:800px){header{height:72px;padding:env(safe-area-inset-top) 20px 0}main{padding:20px 20px calc(112px + env(safe-area-inset-bottom))}.page-heading{margin-bottom:24px;align-items:center}.page-heading>.button{font-size:.875rem;width:auto;padding:10px 12px}.page-heading p:not(.eyebrow){font-size:.9375rem}.card{padding:20px}.child-welcome h1{font-size:1.75rem}.child-welcome>.listen-control .listen-button.large,.child-mode .page-heading .listen-button.large{font-size:.875rem;gap:6px;padding:10px 12px}.child-actions{gap:12px}.child-action-main,.simple-mode .child-action-main{min-height:184px;padding:18px 14px 62px}.child-action-main strong{font-size:1rem}.child-action-main>span:last-child{font-size:.875rem}.child-mode .bottom-nav,.bottom-nav{background:#ffffffed;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--line);padding:8px 12px calc(8px + env(safe-area-inset-bottom))}.bottom-nav button,.child-mode .bottom-nav button{font-size:.8125rem;color:var(--muted);min-height:56px;border-radius:14px;gap:4px}.bottom-nav button.selected{color:var(--accent);background:var(--accent-soft)}.bottom-nav svg,.child-mode .bottom-nav svg{width:23px;height:23px}.mood-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mood-option>button:first-child{height:112px;min-height:112px;padding:14px 6px}.mood-option>button:first-child small{font-size:.875rem}.mood-option>button:first-child>span{font-size:2.375rem}.reflection-form{padding:20px}.event-title strong{font-size:1rem}.event-body{padding-left:12px}.event{gap:12px}.destination.card{min-height:88px}.child-mode .destination h2{font-size:1rem}.family-portraits .avatar{width:56px;height:56px}.family-portraits{gap:8px}.family-portraits button{padding:8px 5px;font-size:.875rem}.child-mode .family-portraits .avatar,.simple-mode .family-portraits .avatar{width:56px;height:56px}}@media(max-width:380px){main{padding-left:16px;padding-right:16px}.profile-pill{gap:6px}.child-welcome h1{font-size:1.5rem}.child-action-main,.simple-mode .child-action-main{padding-left:12px;padding-right:12px;min-height:184px}.child-actions{gap:10px}}@keyframes screenEnter{0%{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes chooseFeeling{0%{transform:scale(.88)}to{transform:scale(1)}}@keyframes successArrive{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes voicePulse{0%{transform:scaleY(.4)}to{transform:scaleY(1.4)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.meal-banner,.together-card{background:#fff;border-color:var(--line);border-radius:20px;color:var(--ink)}.meal-symbol{background:var(--canvas);font-size:2.5rem}.meal-banner .eyebrow,.meal-banner p:last-child,.together-card p,.together-card small{color:var(--muted);font-size:.875rem}.round-button{min-width:44px;min-height:44px;border:1px solid #cbd8ff;background:var(--accent-soft);color:var(--accent);border-radius:13px}.together-card{border-color:#cbd8ff}.together-card strong{font-size:1rem}input,textarea,select{color:var(--ink);border-color:var(--line);background:#fff}.modal{color:var(--ink);background:var(--surface);border-radius:24px}.modal-backdrop{background:#19263b66}.family-mode .eyebrow{display:none}.family-mode footer{display:none}.family-mode .button{min-height:52px;font-size:1rem}.family-mode .profile-pill span{display:inline}.purpose-home{max-width:960px;margin:auto}.purpose-home .page-heading{margin-bottom:24px}.purpose-home .page-heading p{font-size:1.125rem;margin-top:8px}.purpose-section{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:20px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;margin-bottom:16px}.purpose-icon{width:56px;height:56px;display:grid;place-items:center;font-size:2.375rem;background:var(--canvas);border-radius:16px}.purpose-copy h2{font-size:1.25rem}.purpose-copy p{font-size:.9375rem;color:var(--muted);margin-top:6px;line-height:1.4}.purpose-section .button{white-space:nowrap}.section-switch{display:flex;gap:4px;background:#e8edf5;padding:4px;border-radius:14px;margin-bottom:24px;max-width:640px}.section-switch button{min-height:44px;flex:1;padding:8px;border-radius:11px;color:var(--muted);font-weight:600;font-size:.9375rem}.section-switch button.selected{background:#fff;color:var(--accent);box-shadow:0 1px 4px #19263b10}.optional-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:20px}.optional-panel summary{min-height:44px;display:flex;align-items:center;gap:8px;color:var(--accent);font-weight:600;cursor:pointer}.optional-panel summary:after{content:"+";margin-left:auto;font-size:1.5rem;font-weight:400}.optional-panel[open]>summary{margin-bottom:16px}.optional-panel[open]>summary:after{content:"−"}.optional-panel .card{border:0;padding:16px 0}.optional-panel .personal-goals{grid-template-columns:1fr;margin-top:0}.sharing-feed{max-width:720px;display:grid;gap:16px}.route-mine .two-col{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start}.account-settings{display:grid;gap:16px;margin-bottom:20px}.account-settings p{font-size:.875rem}.family-mode .sticker-row{justify-content:space-between}@media(max-width:800px){.purpose-home .page-heading{gap:10px}.purpose-home .page-heading h1{font-size:1.75rem}.purpose-home .page-heading p{font-size:1rem}.purpose-section{grid-template-columns:48px minmax(0,1fr);padding:16px;gap:12px;margin-bottom:12px}.purpose-icon{width:48px;height:48px;font-size:2rem;border-radius:14px}.purpose-copy h2{font-size:1.0625rem}.purpose-copy p{font-size:.875rem;margin-top:4px}.purpose-section .button{grid-column:1/-1;width:100%}.family-mode .bottom-nav button{font-size:.875rem}.route-mine .two-col{grid-template-columns:1fr}.family-mode .page-heading>.button{font-size:.875rem;width:auto}.family-mode .page-heading .listen-button.large{font-size:.875rem;width:auto}}:root{--canvas: #f7f8fc;--ink: #20283e;--accent: #344563;--accent-soft: #eaf0f7;--line: #e3e7ef;--spring: cubic-bezier(.2, 1.55, .38, 1)}.shell{background:var(--canvas)}.route-vaeg,.route-galleri,.route-dagen,.route-boernenes-dage{--accent: #ae3e49;--accent-hover: #91323b;--accent-soft: #fff0ec;--section-tint: #fbe3de}.route-aktiviteter{--accent: #6441bc;--accent-hover: #503399;--accent-soft: #f0eaff;--section-tint: #eae2ff}.route-kalender,.route-mine,.route-mad{--accent: #235f9e;--accent-hover: #1c4c80;--accent-soft: #eaf4fd;--section-tint: #dfedfb}header{background:#ffffffb8;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}main{padding:40px 48px}h1{font-size:2.5rem;font-weight:760;letter-spacing:-.055em}.page-heading{margin-bottom:32px}.card{border:1px solid #e7eaf0;box-shadow:0 6px 24px #27324905;border-radius:24px;padding:28px}.button{border-radius:16px}.button.soft,.listen-button,.back-button{border-color:transparent;background:var(--accent-soft);color:var(--accent)}.listen-button.speaking{background:var(--accent);color:#fff}.section-switch{background:var(--section-tint);padding:5px;border-radius:17px;gap:5px}.section-switch button{min-height:48px;border-radius:13px;transition:background .22s,color .22s,box-shadow .22s}.section-switch button.selected{color:var(--accent);box-shadow:0 3px 12px #2732490d}.journey-bar{border:0;padding:0;margin-bottom:24px}.journey-bar>span{color:var(--accent);font-weight:600}.screen-content{animation:pageArrive .42s cubic-bezier(.2,.85,.25,1) both}.purpose-home{max-width:900px}.purpose-home .page-heading{margin-bottom:32px}.purpose-home h1{font-size:2.75rem}.home-invitations{display:grid;grid-template-columns:1fr 1fr;gap:24px}.purpose-section{display:block;margin:0;padding:0;border:0;border-radius:30px;overflow:visible;background:none}.home-share{grid-column:1/-1;--tile-fill: #f9ddd6;--tile-ink: #823540;--tile-depth: #eabfb6}.home-together{--tile-fill: #e8dffa;--tile-ink: #513a90;--tile-depth: #d3c4ef}.home-plans{--tile-fill: #dbebfb;--tile-ink: #285988;--tile-depth: #bed7ef}.home-tile{display:flex;position:relative;flex-direction:column;align-items:flex-start;justify-content:space-between;width:100%;min-height:236px;padding:32px;border-radius:30px;color:var(--tile-ink);background:var(--tile-fill);box-shadow:0 5px 0 var(--tile-depth),0 14px 28px #20283e07;overflow:hidden;text-align:left}.home-share .home-tile{min-height:220px;flex-direction:row;align-items:center;justify-content:flex-start;gap:32px}.home-tile strong{font-size:1.625rem;letter-spacing:-.035em;line-height:1.13;max-width:80%;font-weight:720}.home-share .home-tile strong{font-size:2.25rem}.tile-symbol{display:grid;place-items:center;color:var(--tile-ink);transform-origin:center}.tile-disclosure{position:absolute;bottom:24px;right:24px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#ffffff9c}.home-share .tile-disclosure{bottom:auto;top:calc(50% - 20px)}.home-tile:active .tile-symbol{animation:iconWiggle .43s var(--spring)}.home-tile:hover .tile-disclosure{transform:translate(3px)}.tile-disclosure{transition:transform .26s var(--spring)}.sidebar{background:#fff}.sidebar nav button{min-height:54px;border-radius:17px}.sidebar nav .selected{color:var(--accent);background:var(--accent-soft)}.sidebar nav button svg{transition:transform .28s var(--spring)}.sidebar nav .selected svg{animation:iconArrive .36s var(--spring)}.brand-icon{background:#20283e}.brand-period{color:#c56b65}.demo-note{background:none;border-top:1px solid var(--line);border-radius:0}.demo-note strong{display:none}.reaction{min-height:44px;border-radius:15px;padding:10px 14px;border:1px solid transparent;background:#fff0ec;color:#963c47;transition:background .24s,color .24s}.reaction.liked{background:#f8dcd5;color:#ad3448}.reaction.liked svg{fill:currentColor;animation:heartPop .5s var(--spring)}.interest-avatars .avatar{animation:avatarJoin .42s var(--spring)}.progress span{transition:width .65s cubic-bezier(.22,1,.36,1);background:var(--accent)}.progress-dots .filled,.food-progress .filled{animation:progressPop .43s var(--spring);transition:background .24s;background:var(--accent);border-color:var(--accent)}.checkin-progress span{transition:background .28s ease}.task-row .check-box{transition:background .26s,border-color .26s}.task-row.done .check-box{animation:progressPop .43s var(--spring);background:#347e66;border-color:#347e66}.mood-option>button.chosen>span{animation:feelingBounce .5s var(--spring)}.mood-option>button.chosen{background:var(--accent-soft);border-color:var(--accent)}.mood-option>button.chosen:after{color:var(--accent)}.day-success .success-mark{animation:successBloom .65s var(--spring)}.idea{background:var(--accent-soft);border:0}.idea-emoji{display:grid;place-items:center;width:64px;height:64px;background:#ffffffa8;border-radius:20px}.idea h2{font-size:1.35rem;margin:16px 0}.idea .row{margin-top:20px}.idea .primary{animation:participationArrive .36s var(--spring)}.swipe-surface{animation:cardArrive .43s var(--spring)}.gallery-item,.post{animation:pageArrive .4s ease-out}.gallery-item img{transition:transform .35s var(--spring)}.gallery-item:active img{transform:scale(1.04)}.modal-backdrop{background:#20283e55;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);animation:veilArrive .18s ease}.modal{animation:sheetArrive .42s cubic-bezier(.22,1,.36,1);box-shadow:0 24px 80px #20283e25}.optional-panel{border:0;background:var(--accent-soft);padding:16px 20px}.optional-panel summary:after{transition:transform .3s var(--spring)}.optional-panel[open]>:not(summary){animation:pageArrive .3s ease}.swatches .active{animation:progressPop .35s var(--spring)}.sticker-row button{background:#fff0ec;border-radius:18px}.sticker-preview{animation:feelingBounce .4s var(--spring)}.recording-button{animation:recordHalo 1.3s ease-in-out infinite}.toast{box-shadow:0 12px 36px #20283e20;animation:toastArrive .45s var(--spring)}.storage-banner,.field-error{animation:errorNudge .3s ease}.motion-layer{pointer-events:none;position:fixed;inset:0;z-index:500;overflow:hidden}.action-burst{position:absolute;width:1px;height:1px}.action-burst i{position:absolute;width:7px;height:7px;border-radius:50%;background:#dc6678;transform:rotate(var(--angle)) translate(0);animation:particleBurst .65s cubic-bezier(.16,.85,.32,1) var(--delay) both}.feedback-complete .action-burst i{background:#59a78d}.feedback-join .action-burst i{background:#9270da}.action-burst i:nth-child(2n){background:#e8b458;width:5px;height:9px;border-radius:2px}.success-capsule{position:absolute;left:50%;bottom:calc(114px + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 22px 10px 10px;background:#fff;border:1px solid #edf0f5;border-radius:24px;box-shadow:0 12px 48px #20283e24;animation:successCapsule 1.5s cubic-bezier(.22,1,.36,1) both;color:#20283e;white-space:nowrap}.success-orbit{display:grid;place-items:center;width:44px;height:44px;border-radius:16px;background:#e6f3ec;color:#347e66}.success-orbit svg{animation:successBloom .55s var(--spring)}.feedback-share .success-orbit{color:#b54454;background:#fff0ec}.feedback-join .success-orbit{color:#6441bc;background:#f0eaff}.success-capsule.calm{animation-name:calmCapsule}@media(min-width:801px){.success-capsule{bottom:32px}}@media(max-width:800px){main{padding:24px 22px calc(124px + env(safe-area-inset-bottom))}header{height:76px;padding-left:22px;padding-right:22px}.mobile-brand{font-size:1.75rem}h1{font-size:2.125rem}.page-heading,.purpose-home .page-heading{margin-bottom:28px}.purpose-home h1{font-size:2.125rem}.home-invitations{gap:18px}.home-tile{min-height:205px;padding:24px 20px 64px;border-radius:26px}.home-share .home-tile{min-height:170px;padding:24px;gap:20px}.home-tile strong{font-size:1.3125rem;max-width:100%}.home-share .home-tile strong{font-size:1.75rem;padding-right:24px}.home-share .tile-symbol svg{width:42px;height:42px}.tile-symbol svg{width:38px;height:38px}.tile-disclosure{bottom:16px;right:16px;width:34px;height:34px}.home-share .tile-disclosure{top:auto;bottom:16px}.card{padding:24px 20px;border-radius:24px}.bottom-nav{border:1px solid #e7eaf0;border-bottom:0;border-radius:26px 26px 0 0;box-shadow:0 -4px 24px #20283e06;background:#ffffffed}.bottom-nav button{border-radius:17px}.bottom-nav .selected{color:var(--accent);background:var(--accent-soft)}.bottom-nav .selected svg{animation:iconArrive .42s var(--spring)}.family-mode .page-heading>.button{font-size:.9375rem}.family-mode .page-heading .listen-button.large{font-size:0;padding:12px;gap:0;width:46px}.modal{border-radius:30px 30px 0 0}}@media(max-width:360px){main{padding-left:16px;padding-right:16px}.home-tile{padding-left:16px;padding-right:16px}.home-tile strong{font-size:1.2rem}.home-share .home-tile strong{font-size:1.5rem}}@keyframes pageArrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes heartPop{0%{transform:scale(.65) rotate(-15deg)}45%{transform:scale(1.4) rotate(8deg)}75%{transform:scale(.92)}to{transform:scale(1) rotate(0)}}@keyframes progressPop{0%{transform:scale(.7)}55%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes avatarJoin{0%{opacity:0;transform:scale(.6) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes feelingBounce{0%{transform:scale(.8)}45%{transform:scale(1.16) translateY(-3px)}to{transform:scale(1) translateY(0)}}@keyframes successBloom{0%{transform:scale(.5) rotate(-15deg);opacity:0}60%{transform:scale(1.12) rotate(4deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes participationArrive{0%{transform:scale(.92)}to{transform:scale(1)}}@keyframes cardArrive{0%{opacity:.3;translate:0 12px;scale:.97}to{opacity:1;translate:0 0;scale:1}}@keyframes iconArrive{0%{transform:scale(.75)}to{transform:scale(1)}}@keyframes iconWiggle{0%{transform:rotate(0)}35%{transform:rotate(-8deg)}70%{transform:rotate(5deg)}to{transform:rotate(0)}}@keyframes veilArrive{0%{opacity:0}to{opacity:1}}@keyframes sheetArrive{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;translate:0 0;scale:1}}@keyframes toastArrive{0%{opacity:0;translate:0 12px;scale:.92}to{opacity:1;translate:0 0;scale:1}}@keyframes errorNudge{0%,to{translate:0 0}30%{translate:-3px 0}65%{translate:3px 0}}@keyframes recordHalo{0%,to{box-shadow:0 0 #c9505920}50%{box-shadow:0 0 0 7px #c9505910}}@keyframes particleBurst{0%{opacity:0;transform:rotate(var(--angle)) translate(0) scale(.5)}20%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translate(62px) scale(.2)}}@keyframes successCapsule{0%{opacity:0;translate:0 20px;scale:.85}20%{opacity:1;translate:0 0;scale:1.03}35%,75%{opacity:1;translate:0 0;scale:1}to{opacity:0;translate:0 -8px;scale:.98}}@keyframes calmCapsule{0%{opacity:0;translate:0 8px}20%,75%{opacity:1;translate:0 0}to{opacity:0;translate:0 -4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.action-burst{display:none}}.action-ring{position:absolute;width:48px;height:48px;margin:-24px;border:2px solid var(--accent);border-radius:50%;animation:actionRing .5s ease-out both}.action-ring.error{border-color:#ae3e49}.success-capsule{top:100px;bottom:auto}@keyframes actionRing{0%{opacity:.7;scale:.6}to{opacity:0;scale:1.7}}@media(prefers-reduced-motion:reduce){.action-ring{display:none}}.section-switch{background:#f1f3f7;border:1px solid #c3c9d4}.section-switch button{color:#344563;background:transparent}.section-switch button.selected,.sidebar nav button.selected,.bottom-nav button.selected{background:var(--accent);color:#fff}.sidebar nav button:not(.selected),.bottom-nav button:not(.selected){color:#344563}.button.soft,.idea .button.soft,.listen-button,.idea .listen-button,.family-mode .listen-button,.back-button{background:#fff;color:var(--accent);border:1.5px solid var(--accent)}.listen-button.speaking,.idea .listen-button.speaking,.family-mode .listen-button.speaking{background:var(--accent);color:#fff}.listen-button{min-width:46px;min-height:46px;flex-shrink:0}.button.primary{background:var(--accent);color:#fff;border:1.5px solid var(--accent)}.post-message{display:flex;align-items:flex-start;gap:16px;margin:18px 0}.post-message>p{flex:1;margin:8px 0;overflow-wrap:anywhere}.post-message .listen-button.large{white-space:nowrap}.write-instead summary{color:var(--accent);border:1.5px solid var(--accent);background:#fff}.section-switch button:focus-visible,.listen-button:focus-visible,.button:focus-visible{outline:3px solid #20283e;outline-offset:3px}