@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#f2eadb;background:#192c38;font-synthesis:none;--cream:#f2eadb;--amber:#e6bd84;--muted:#b4bfbc}.scrim{position:fixed;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#0b243b55 0%,#0b243b20 33%,transparent 62%);transition:opacity 2s}.started .scrim{opacity:.3}.finished .scrim{opacity:1}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--amber);outline-offset:6px}button{border:0}#world{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.grain{position:fixed;inset:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E");z-index:3}.masthead{position:fixed;left:5%;right:5%;top:36px;display:flex;align-items:center;justify-content:space-between;z-index:5}.wordmark{color:var(--cream);text-decoration:none;font-size:21px;letter-spacing:.12em;display:flex;gap:13px;align-items:center}.paw{font-size:29px;color:var(--amber)}.wordmark-en{font:600 10px Manrope,sans-serif;letter-spacing:.24em;border-left:1px solid #ffffff30;padding-left:16px}.film-label{font:500 9px Manrope,sans-serif;letter-spacing:.2em;line-height:1.7;text-align:center;opacity:.75}.film-label span{display:block;opacity:.55;font-size:8px}.icon-button{background:#10252c22;border:1px solid #e9dfc530;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:17px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .2s}.icon-button:hover{background:#efe5cb22}.intro{position:fixed;left:8.3%;top:24%;z-index:4;transition:opacity 1.2s,transform 1.2s;max-width:460px}.eyebrow{font:500 9px Manrope,sans-serif;letter-spacing:.23em;color:#d4c7ae;display:flex;gap:10px;align-items:center}.live-dot{width:5px;height:5px;background:var(--amber);border-radius:50%;box-shadow:0 0 12px #e6bd84aa}h1{font:400 clamp(68px,6.8vw,116px)/.94 Georgia,"Times New Roman",serif;letter-spacing:-.065em;margin:29px 0 24px;text-shadow:0 3px 40px #172a3266}h1 em,.ending em{font-weight:400;color:#e8caa0}h1 em{letter-spacing:-.07em}.intro-copy{font-size:13px;line-height:1.95;color:#c9cfc7;margin:0 0 29px}.begin-button{display:flex;align-items:center;justify-content:space-between;gap:35px;background:#eadac0;color:#273e43;padding:16px 22px;border-radius:2px;min-width:212px;font-size:12px;font-weight:600;box-shadow:0 6px 40px #101f2833;transition:background .3s,transform .3s}.begin-button:hover{background:#fff1d9;transform:translateY(-2px)}.begin-button>span:last-child{font-size:19px;font-weight:400}.intro-note{font-size:9px;color:#a5b2b1;margin-top:16px;letter-spacing:.045em}.intro-note span{display:block;font-size:9px;letter-spacing:.16em;margin-top:8px;opacity:.7}.cat-caption{position:fixed;left:75%;top:67%;display:flex;align-items:center;gap:16px;z-index:4;pointer-events:none;transition:opacity 1s}.caption-line{height:1px;width:40px;background:#f0dba16b}.cat-caption p{font-size:16px;letter-spacing:.13em}.cat-caption p span{display:block;font-size:9px;letter-spacing:.04em;color:var(--muted);margin-top:7px}.hidden{display:none!important}body.started .intro{opacity:0;transform:translateY(-16px);pointer-events:none}body.started .cat-caption,body.started .film-label{opacity:0}.transport{position:fixed;z-index:5;bottom:27px;left:5%;right:5%;display:flex;gap:24px;align-items:center;transition:opacity .4s}.transport-left{display:flex;gap:14px;align-items:center;min-width:224px}.transport-left span{font:500 9px Manrope,sans-serif;letter-spacing:.16em;display:block}.transport-left small{display:block;font-size:9px;color:#a8b8b6;margin-top:6px;font-variant-numeric:tabular-nums}.transport-right{display:flex;gap:12px;align-items:center}.text-button{font-size:11px;background:transparent;padding:10px 0;white-space:nowrap}.text-button span{padding-left:9px;color:var(--amber);font-size:17px}#timeline{flex:1;min-width:50px;height:2px;appearance:none;cursor:pointer;background:#f2eadb27;accent-color:var(--amber);border-radius:2px}#timeline::-webkit-slider-thumb{appearance:none;width:8px;height:8px;background:#e6bd84;border-radius:50%}.lyrics{position:fixed;bottom:120px;text-align:center;left:15%;right:15%;z-index:4;pointer-events:none;transition:opacity .7s;opacity:0}.lyrics p:first-child{font:400 clamp(21px,2.1vw,30px)/1.4 Georgia,serif;letter-spacing:-.015em;text-shadow:0 2px 20px #0f243e}.lyrics p:last-child{font-size:11px;letter-spacing:.22em;color:#d6c9b9;margin-top:10px}.lyrics p{margin:0}.interaction-hint{position:fixed;bottom:83px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.1em;color:#bdc9c5;z-index:4;pointer-events:none;opacity:0;transition:opacity .5s}.chapter-card{position:fixed;left:8%;top:19%;pointer-events:none;opacity:0;z-index:4;transition:opacity 1.4s,transform 1.4s;transform:translateY(8px)}.chapter-card.visible{opacity:1;transform:none}.chapter-card span{font-size:9px;letter-spacing:.23em;color:#dec7a2}.chapter-card h2{font:400 clamp(38px,4vw,64px)/1.1 Georgia,serif;letter-spacing:-.04em;max-width:450px;margin:16px 0}.cursor{position:fixed;left:-100px;top:-100px;width:38px;height:38px;transform:translate(-50%,-50%);border:1px solid #e6cc9955;border-radius:50%;z-index:6;pointer-events:none;opacity:0;transition:width .3s,height .3s,border-color .3s}.cursor.pet{width:66px;height:66px;border-color:#ffe2a0aa}.cursor span{position:absolute;top:50%;left:50%;width:3px;height:3px;background:#e6cc99;border-radius:50%;transform:translate(-50%,-50%)}dialog{color:var(--cream);border:1px solid #c6b89338;background:#142a34ed;box-shadow:0 25px 150px #03111cb3;padding:34px;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:3px;max-height:90dvh;overflow:auto}dialog::backdrop{background:#071e2b99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.memory-dialog{width:min(820px,90vw);padding:30px}.close-button{position:absolute;top:14px;right:16px;background:#132731cc;color:#eedfcb;font-size:24px;width:32px;height:32px;z-index:2;border-radius:50%}.memory-dialog figure{margin:0;display:grid;grid-template-columns:1.4fr 1fr;gap:29px;align-items:center}.memory-dialog img{width:100%;max-height:70dvh;object-fit:contain;background:#0c1f28}.memory-dialog figcaption>span{font-size:9px;color:#bdaa87;letter-spacing:.15em}.memory-dialog h2{font:400 34px/1.1 Georgia,serif;margin:20px 0}.memory-dialog figcaption p{font-size:13px;line-height:1.8;color:#c0cbc7}.dialog-note{font-size:9px;color:#8ca3a6;letter-spacing:.12em;margin-top:25px}.help-dialog{max-width:510px;padding:42px}.help-dialog h2{font:400 36px/1.1 Georgia,serif;margin:25px 0}.help-dialog p:not(.eyebrow){font-size:12px;line-height:1.9;color:#bbc8c5}kbd{font:10px Manrope,sans-serif;border:1px solid #ffffff30;padding:3px 6px;border-radius:2px}.help-keys{margin-top:23px}.help-options{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff20;margin-top:25px;padding-top:18px;font-size:11px;gap:15px}.help-options label{display:flex;align-items:center;gap:7px}.quiet-note{font-size:10px!important;opacity:.65}.ending{position:fixed;left:8%;top:23%;z-index:4;animation:arrive 2s both}.ending>p{font:500 9px Manrope,sans-serif;letter-spacing:.17em;color:#d1c0a1}.ending h2{font:400 clamp(48px,5.4vw,83px)/1.02 Georgia,serif;letter-spacing:-.05em;margin:25px 0}.ending>span{font-size:12px;letter-spacing:.18em;color:#ccbfa9}.ending>div{display:flex;align-items:center;gap:23px;margin-top:36px}.error{position:fixed;z-index:20;inset:20%;background:#18313cef;padding:35px;font-size:16px;line-height:1.6}.error a{color:#e6bd84}.help-dialog strong{color:#eee0c8;font-weight:500}@keyframes arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:760px){.masthead{top:23px;left:6%;right:6%}.wordmark{font-size:17px;gap:8px}.wordmark-en{font-size:8px;padding-left:10px;letter-spacing:.13em}.film-label{display:none}.intro{left:8%;top:16%;max-width:320px}h1{font-size:66px;margin:21px 0 19px}.intro-copy{font-size:11px;line-height:1.75;margin-bottom:19px}.eyebrow{font-size:7px;letter-spacing:.13em}.begin-button{padding:13px 17px;font-size:11px;min-width:185px}.cat-caption{inset:auto 7% 14% auto}.cat-caption p{font-size:13px}.caption-line{width:25px}.intro-note{font-size:8px}.transport{left:6%;right:6%;bottom:22px;gap:12px;flex-wrap:wrap}.transport-left{min-width:0;flex:1}.transport-left span{font-size:7px;letter-spacing:.11em}.transport-left small{font-size:8px}.transport-right{gap:9px}.transport-right .icon-button{width:31px;height:31px}.text-button{font-size:10px}#timeline{flex-basis:100%;order:3;margin:5px 0}.lyrics{bottom:130px;left:8%;right:8%}.lyrics p:first-child{font-size:20px}.lyrics p:last-child{font-size:9px;letter-spacing:.12em}.interaction-hint{bottom:100px;font-size:8px}.chapter-card{top:17%}.chapter-card h2{font-size:37px;max-width:270px}.ending{top:18%;left:8%}.ending h2{font-size:49px}.ending>div{gap:16px;flex-direction:column;align-items:flex-start;margin-top:25px}.memory-dialog figure{grid-template-columns:1fr;gap:15px}.memory-dialog img{max-height:48dvh}.memory-dialog h2{font-size:28px;margin:10px 0}.memory-dialog{padding:22px}.memory-dialog figcaption p{font-size:11px;margin:0}.help-dialog{padding:30px}.cursor{display:none}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.header-actions{display:flex;align-items:center;gap:20px}.quiet-entry{background:#132e3bc4;border:1px solid #d9c9a452;border-radius:3px;padding:11px 15px;font-size:14px;letter-spacing:.04em;display:flex;align-items:center;gap:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.quiet-entry span{font-size:12px;color:#dec9a8}.quiet-entry:hover,.quiet-entry[aria-pressed=true]{background:#33505ee6}.cursor{border:0!important;border-radius:0;width:54px!important;height:54px!important;transform:translate(-35%,-38%);transition:opacity .15s;filter:drop-shadow(0 3px 3px #0006)}.cursor img{width:100%;height:100%;display:block}.cursor.pet{transform:translate(-35%,-38%) rotate(-15deg)}.cursor span{display:none}.interaction-guide{position:fixed;left:5%;bottom:108px;z-index:5;display:flex;gap:0;padding:7px 0;background:#112a34d9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #d5cbae32;border-radius:4px}.interaction-guide button{background:transparent;padding:7px 17px;text-align:left;border-right:1px solid #e9e0c825}.interaction-guide button:last-child{border:0}.interaction-guide strong{display:block;font-size:14px;font-weight:500;color:#eee5d5}.interaction-guide span{display:block;font-size:11px;color:#b6c7c7;margin-top:6px}.interaction-guide button:hover{background:#f7e6c617}.lyrics{bottom:192px}.lyrics p:first-child{font-size:clamp(21px,2vw,28px);line-height:1.4}.lyrics p:last-child{font-size:clamp(20px,1.9vw,26px);letter-spacing:.02em;line-height:1.5;color:#f0dfc2;margin-top:12px;text-shadow:0 2px 15px #10232c,0 2px 3px #10232c}.interaction-hint{font-size:13px;letter-spacing:.01em;bottom:79px;left:5%;right:5%;text-shadow:0 1px 4px #10232c}.memory-dialog{width:min(1000px,94vw)}.memory-dialog figure{grid-template-columns:1.1fr 1fr;gap:30px}.memory-dialog h2{font:500 28px/1.4 DM Sans,sans-serif;margin:15px 0 10px;letter-spacing:.02em}.memory-dialog h3{font:400 27px/1.2 Georgia,serif;margin:0 0 22px;color:#e6cfaa}.memory-dialog figcaption p{font-size:16px;line-height:1.7;margin:14px 0}.memory-dialog .dialog-note{font-size:13px;line-height:1.7;letter-spacing:.02em}.quiet-panel{position:fixed;z-index:5;left:7%;top:17%;max-width:340px;padding:25px;background:#0d2838e8;border:1px solid #c9b89530;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:4px}.quiet-panel .eyebrow{font-size:10px;letter-spacing:.1em}.quiet-panel h2{font-size:30px;line-height:1.4;font-weight:400;margin:20px 0}.quiet-panel h2 em{font-family:Georgia,serif;font-size:34px;color:#ead2ae}.quiet-panel>p:not(.eyebrow){font-size:15px;line-height:1.7;color:#cfdbd6}.quiet-panel>p span{font-size:14px}.quiet-memories{display:flex;flex-direction:column;gap:7px;margin:23px 0}.quiet-memories button{background:#f2e7c70a;padding:10px 12px;border:1px solid #c9b89530;text-align:left;font-size:14px;line-height:1.4}.quiet-memories button span{display:block;color:#cdbb9b;font-size:13px;margin-top:4px}.quiet-memories button:hover{background:#f2e7c71d}.visiting-quiet .intro,.visiting-quiet .cat-caption,.visiting-quiet .lyrics,.visiting-quiet .chapter-card,.visiting-quiet .interaction-guide,.visiting-quiet .ending{opacity:0!important;pointer-events:none}.memories-dialog{width:min(970px,94vw);padding:34px}.memories-dialog h2{font-size:27px;font-weight:400}.memories-dialog h2 span{font:24px Georgia,serif;color:#e6cfaa;display:block;margin-top:8px}.memories-dialog>p{font-size:14px;color:#c4d0c9}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}.memory-grid button{background:#132e3b;border:1px solid #ffffff20;padding:0 0 13px;text-align:left;overflow:hidden}.memory-grid img{width:100%;height:125px;object-fit:cover;display:block;margin-bottom:11px}.memory-grid strong,.memory-grid span{display:block;margin:0 12px;font-size:13px;line-height:1.5;font-weight:400}.memory-grid span{font-size:12px;color:#c5b99e;margin-top:5px}.memory-grid button:hover{border-color:#e6bd84}@media(max-width:760px){.masthead{left:5%;right:5%;top:18px}.header-actions{gap:8px}.quiet-entry{font-size:12px;padding:8px 9px;gap:0;flex-direction:column;line-height:1.5}.quiet-entry span{font-size:9px}.wordmark-en{display:none}.wordmark{font-size:15px}.paw{font-size:23px}.header-actions .icon-button{width:29px;height:29px}.interaction-guide{bottom:105px;left:5%;right:5%;justify-content:space-between;padding:5px 0}.interaction-guide button{padding:6px 7px;flex:1;text-align:center}.interaction-guide strong{font-size:11px}.interaction-guide span{font-size:9px;line-height:1.35;max-width:100px;margin:5px auto 0}.lyrics{bottom:186px;left:6%;right:6%}.lyrics p:first-child{font-size:19px}.lyrics p:last-child{font-size:18px;line-height:1.5;margin-top:10px}.interaction-hint{font-size:11px;bottom:78px}.transport-left span{max-width:90px;line-height:1.4}.transport-right{gap:7px}.transport-right #call{font-size:10px}.transport-left{gap:8px}.quiet-panel{left:5%;right:5%;top:14%;max-width:none;padding:21px;max-height:77dvh;overflow:auto}.quiet-panel h2{font-size:24px;margin:12px 0}.quiet-panel h2 em{font-size:27px}.quiet-memories{margin:16px 0}.quiet-panel .eyebrow{font-size:9px}.memory-dialog figure{grid-template-columns:1fr;gap:17px}.memory-dialog img{max-height:40dvh}.memory-dialog h2{font-size:23px;margin:8px 0}.memory-dialog h3{font-size:22px;margin:0 0 15px}.memory-dialog figcaption p{font-size:15px;line-height:1.65}.memory-grid{grid-template-columns:repeat(2,1fr);gap:11px}.memory-grid img{height:110px}.memories-dialog{padding:22px}.memories-dialog h2{font-size:24px}.memories-dialog h2 span{font-size:22px}.cursor{display:none}}.sound-credit a{color:#e6cfaa}.help-dialog .sound-credit{font-size:11px!important;line-height:1.6!important;margin-top:25px}