.touch-card{color:#203b39;background:#e7f2ef;border:1px solid #bdcfcb;border-radius:18px;margin-block:12px;scroll-margin-block:60px}.touch-toggle{width:100%;color:inherit;text-align:start;background:0 0;align-items:center;gap:12px;padding:14px 18px;display:flex}.touch-toggle span{margin-inline-start:auto;font-size:1.3rem}.touch-content{text-align:center;padding:0 14px 14px}.touch-content p{margin:8px;font-size:.9rem}.touch-stage{isolation:isolate;width:min(100%,360px);margin:12px auto 16px;position:relative;container-type:inline-size}.touch-pad{aspect-ratio:1;isolation:isolate;color:#56736c;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:linear-gradient(145deg,#fff6,#edfffa1a 55%,#c6e7e32b);border:1px solid #ffffffad;border-radius:24px;place-items:center;width:100%;display:inline-grid;position:relative;overflow:hidden}.touch-card{background:linear-gradient(140deg,#f0f8f5,#e4f1ee)}.touch-stage:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 24% 67%,#83bdb48c,#0000 48%),radial-gradient(at 72% 30%,#f6d2adab,#0000 43%),radial-gradient(at 75% 82%,#afa8d073,#0000 44%);border-radius:30%;position:absolute;inset:4%}.touch-pad{-webkit-backdrop-filter:blur(9px)saturate(130%);backdrop-filter:blur(9px)saturate(130%);box-shadow:inset 1px 2px 2px #ffffffe0,inset -1px -2px 3px #42655c30,0 6px 18px #385e5520}.touch-pad.together{background:linear-gradient(135deg,#ffe9ed66,#e4d2f559)}.touch-hearts{z-index:2147483646;pointer-events:none;position:fixed;inset:0;overflow:hidden}.touch-hearts i{color:#c84b75;opacity:0;animation:touch-hearts-flight 2.25s var(--delay) ease-out infinite;font-style:normal;line-height:1;position:absolute}.touch-hearts i:nth-child(3n){color:#ed8096}.touch-hearts i:nth-child(3n+1){color:#ac619b}@keyframes touch-hearts-flight{0%{opacity:0;transform:translate(-50%,-50%)scale(.45)}10%{opacity:.95}75%{opacity:.88}to{opacity:0;transform:translate(var(--drift),var(--rise)) rotate(var(--tilt))}}@media (prefers-reduced-motion:reduce){.touch-hearts{display:none}}.touch-ink{pointer-events:none;aspect-ratio:3/4;color:#296957;background-color:currentColor;width:26%;transition:opacity 1s linear;position:absolute;transform:translate(-50%,-50%)rotate(-10deg);-webkit-mask:url(/touch-imprint.svg) 50%/contain no-repeat;mask:url(/touch-imprint.svg) 50%/contain no-repeat}.touch-ink.partner{color:#7a4b77;transform:translate(-50%,-50%)rotate(12deg)}.touch-ink.touch-guide{color:#37594f;opacity:.5;width:35%;top:50%;left:50%}.touch-meter{color:#fff;background:#263e3b;border-radius:99px;align-items:center;gap:12px;padding:5px 14px;font-size:.88rem;display:inline-flex}.touch-meter b{text-align:center;font-variant-numeric:tabular-nums;min-width:4ch;font-size:1.12rem}.living-lake{isolation:isolate;background:var(--living-paper);width:100%;color:var(--living-ink);border:1px solid #747c6533;border-radius:18px;margin:20px 0;position:relative;overflow:hidden}.living-viewport{scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;cursor:grab;outline-offset:-3px;direction:ltr;height:clamp(440px,65dvh,640px);overflow:auto hidden}.living-viewport::-webkit-scrollbar{display:none}.living-viewport:active{cursor:grabbing}.living-world{-webkit-user-select:none;user-select:none;min-width:100%;height:100%;position:relative}.living-panorama{object-fit:fill;pointer-events:none;filter:saturate(.7);width:100%;height:100%;position:absolute;inset:0}.living-wash{background:var(--living-paper);mix-blend-mode:color;opacity:.25;pointer-events:none;position:absolute;inset:0}.living-lake[data-dark=true] .living-panorama{filter:brightness(.5)saturate(.5)}.living-lake[data-dark=true] .living-wash{mix-blend-mode:multiply;opacity:.5}.living-light{opacity:.25;pointer-events:none;background:linear-gradient(110deg,#0000 20%,#fff3 43%,#0000 65%);animation:14s ease-in-out infinite alternate living-light;position:absolute;inset:35% 0 0}.living-top{z-index:7;background:linear-gradient(var(--living-paper),transparent);pointer-events:none;letter-spacing:.03em;justify-content:space-between;gap:12px;padding:18px 18px 30px;font:12px Arial;display:flex;position:absolute;inset:0 0 auto}.living-top span{border-left:2px solid var(--living-accent);padding-left:8px}.living-top small{opacity:.7;font:italic 12px Georgia}.living-object{pointer-events:none;z-index:2;position:absolute}.living-object>svg{width:100%;height:100%;overflow:visible}.living-person{position:absolute;top:65%;left:54%}.living-lake .lake-shore-character{--lake-bg:var(--living-paper);--lake-ink:#383c34;color:#383c34;top:0;left:0;transform:translate(-50%,-42px)scale(.85)}.object-reeds{transform-origin:bottom;animation:7s ease-in-out infinite alternate living-reeds}.object-boat{animation:6s ease-in-out infinite alternate living-float}.living-fish{fill:#54736f;stroke:#455e59;stroke-width:.6px;opacity:.15;pointer-events:none;animation:13s ease-in-out infinite alternate living-fish;position:absolute}.living-bottle{z-index:4;cursor:pointer;touch-action:pan-x pan-y;border-radius:50%;width:60px;height:52px;position:absolute;transform:translate(-50%,-50%);box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.living-bottle img{object-fit:contain;opacity:.9;animation:5s ease-in-out infinite alternate living-float;transform:rotate(70deg);filter:none!important;mix-blend-mode:multiply!important;width:30px!important;height:45px!important}.living-bottle:nth-child(odd) img{animation-delay:-2s;transform:rotate(-70deg)}.living-bottle:focus-visible{outline:2px solid var(--living-accent)}.living-bottle span{white-space:nowrap;background:var(--living-paper);color:var(--living-ink);border-radius:20px;padding:4px 8px;font:10px Arial;position:absolute;top:46px;left:50%;transform:translate(-50%)}.living-bottom{z-index:8;background:linear-gradient(transparent,var(--living-paper));pointer-events:none;justify-content:space-between;align-items:center;gap:8px;padding:30px 14px 14px;display:flex;position:absolute;inset:auto 0 0}.living-bottom button{pointer-events:auto;background:var(--living-paper);min-height:42px;color:var(--living-ink);cursor:pointer;border:1px solid #747c6555;border-radius:24px;align-items:center;gap:7px;padding:9px 14px;font:13px Arial;display:inline-flex}.living-bottom button:disabled{opacity:.5}.living-bottom small{opacity:.8;text-align:center;font:italic 12px Georgia}.living-bottom>div{gap:4px;display:flex}.living-bottom>div button{padding:9px}.living-lake[data-paused=true] *{animation-play-state:paused!important}@keyframes living-reeds{0%{rotate:-.7deg}to{rotate:.7deg}}@keyframes living-float{0%{translate:0 -1px}to{translate:0 2px}}@keyframes living-fish{0%{translate:-12px}to{translate:18px 3px}}@keyframes living-light{0%{opacity:.15;translate:-20px}to{opacity:.3;translate:20px}}@media (prefers-reduced-motion:reduce){.living-lake *{animation:none!important}}@media (max-width:480px){.living-top small,.living-bottom>div{display:none}}