:root{--ink:#302820;--paper:#f3e9d9;--rust:#ae4d30;--ochre:#cc934b;--sea:#286465}body{background:radial-gradient(ellipse at 2% 14%,#ddbd8338,transparent 50%),var(--paper)}.brand-tag{display:block}.topbar{flex-wrap:wrap}.country-art{position:absolute;inset:0;width:100%;height:100%;opacity:.62;pointer-events:none}.welcome{background:#44372c;min-height:370px}.welcome:before{display:none}.welcome-copy{max-width:660px;text-shadow:0 2px 15px #29241c}.welcome p{color:#fff4e2;max-width:420px}.welcome .eyebrow{color:#ffe0a3}.welcome:after{inset:0;width:auto;height:auto;border:0;border-radius:0;background:linear-gradient(90deg,#2f2924ed 0%,#2f2924b0 45%,transparent 90%)}.journey-strip{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #c8a778;padding:17px 8px;font:italic 17px Georgia;color:#73523b}.quick-journeys{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.quick-journeys button{border:0;border-radius:20px;padding:23px 18px;background:#405f55;color:#fff6e2;text-align:left;font:23px Georgia}.quick-journeys button:nth-child(2){background:#a65334}.quick-journeys button:nth-child(3){background:#775438}.quick-journeys span{display:block;margin-top:10px;font:12px/1.5 system-ui;color:#f5dfbd}.nav-inner{grid-template-columns:repeat(6,1fr);max-width:850px}.calm-grid,.play-layout,.peer-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.sound-card{background:#e1e9df}.sound-options{display:flex;gap:8px;flex-wrap:wrap}.sound-options .text-btn[aria-pressed=true]{background:#385e54;color:white}.volume-label{display:flex;align-items:center;gap:12px;margin-top:22px;font-size:14px}.volume-label input{accent-color:var(--sea);flex:1}#reflection{display:block;resize:vertical;width:100%;min-height:120px;border:1px solid #dfd0b6;border-radius:15px;background:#fbf6ed;font:16px/1.6 system-ui;padding:15px;margin-top:16px}#reflection-clear{margin-left:12px}.affirmation{margin-top:20px;text-align:center;background:#ebd8b7}.affirmation h2{font-size:30px;margin:12px auto;max-width:650px}.ripple-card{background:#e2ece6}#ripple-pool{height:270px;position:relative;overflow:hidden;border-radius:22px;margin-top:20px;cursor:pointer;touch-action:manipulation;background:radial-gradient(ellipse at 30% 20%,#90b6a2,#3d7773 60%,#254e53);border:1px solid #8ba89a}#ripple-pool>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#f0ead5b0;font:italic 20px Georgia;pointer-events:none;white-space:nowrap}.water-ring{position:absolute;width:30px;height:30px;border:1px solid #e6d6aa;border-radius:50%;pointer-events:none;animation:ripple 3s ease-out forwards;transform:translate(-50%,-50%)}@keyframes ripple{to{width:360px;height:180px;opacity:0}}.memory-board{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:20px}.memory-tile{border:1px solid #cdb58a;border-radius:14px;background:#dfc08e;min-height:67px;font-size:26px;color:#61462e;transition:background .2s}.memory-tile.revealed{background:#fffaf0}.memory-tile.matched{background:#dfebdd;border-color:#8ba58a}.memory-tile:disabled{cursor:default;opacity:1}.colour-card{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}.colour-landscape{height:240px;overflow:hidden;border-radius:20px;background:#eed8a5;display:flex;flex-direction:column}.colour-landscape button{width:100%;border:0;height:25%;position:relative;cursor:pointer;border-radius:50% 50% 0 0/45% 45% 0 0;flex:1}.colour-landscape button:first-child{border-radius:0;background:#e5bb78}.colour-landscape button:nth-child(2){background:#9c6441}.colour-landscape button:nth-child(3){background:#c97642}.colour-landscape button:nth-child(4){background:#3a7578}#colour-palette{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.colour-swatch{width:36px;height:36px;border-radius:50%;border:2px solid transparent;outline:1px solid #b6a187}.colour-swatch[aria-pressed=true]{outline:3px solid #392e25;outline-offset:3px}.peer-hero{background:#374c42;color:#fff1d9;padding:35px}.peer-hero h2{color:#fff1d9;margin-top:22px;font-size:35px}.peer-hero p{color:#e7e6ce;max-width:800px}.development-badge{display:inline-block;border-radius:999px;font:700 11px/1.4 system-ui;letter-spacing:.04em;padding:8px 12px;background:#f0d3a0;color:#654321;margin-top:12px}.peer-grid ul{padding-left:20px;color:var(--muted);line-height:1.9}.peer-status{margin-top:20px}.peer-status .button-row{justify-content:flex-start;flex-wrap:wrap}.offline-notice{background:#e1cfaa;padding:12px 18px;border-radius:14px;margin-bottom:15px;font-size:13px}.offline-notice[hidden]{display:none}dialog{border:1px solid #cfb78e;border-radius:28px;background:#fffaf1;color:var(--ink);max-width:520px;width:calc(100% - 32px);padding:32px;box-shadow:0 25px 80px #29201766}dialog::backdrop{background:#201a14aa;backdrop-filter:blur(5px)}dialog h2{font:38px/1.1 Georgia;margin:18px 0}dialog h3{font-size:16px;margin-bottom:0}dialog p{color:#706453;font-size:14px}.dialog-close{float:right;border:0;background:#eddfc9;width:32px;height:32px;border-radius:50%;font-size:24px}.fine-print{font-size:12px!important}.install-steps{background:#f1e6d3;padding:1px 18px 12px;border-radius:16px;margin:20px 0}:focus-visible{outline:3px solid #bc792e;outline-offset:4px}.top-actions{flex-wrap:wrap}.top-actions button{cursor:pointer}@media(min-width:781px){.nav-inner{width:760px}.bottom-nav{max-width:100%}.nav-button{padding:10px 9px;font-size:11px}}@media(max-width:780px){.nav-button{font-size:9px;padding:8px 2px;min-height:52px}.calm-grid,.play-layout,.peer-grid,.colour-card{grid-template-columns:1fr}.quick-journeys{grid-template-columns:1fr}.quick-journeys button{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:20px;padding:20px}.quick-journeys span{max-width:155px;font-size:11px;margin:0}.country-art{width:160%;left:-20%;opacity:.55}.journey-strip{font-size:13px}.welcome{min-height:360px}.welcome:after{background:linear-gradient(90deg,#30251bdd,#30251b45)}.top-actions{width:100%;justify-content:space-between}.top-actions a,.top-actions button{font-size:11px;padding:9px 10px}.peer-hero{padding:25px}.peer-hero h2{font-size:30px}.app-shell{padding-bottom:110px}.memory-tile{min-height:63px}}@media(prefers-reduced-motion:reduce){.water-ring{animation:none;opacity:.7;width:90px;height:45px}}

.memory-tile.revealed{font:700 15px/1.3 system-ui;color:#3c5144}

.brand-logo{width:66px;height:66px;object-fit:contain;border-radius:50%}.brand-mark{display:none}