*{margin:0;padding:0;box-sizing:border-box}html,body{background:#fff;color:#111}.app-page{width:100%;min-height:100dvh;padding:clamp(1.5rem,4vw,2.5rem) clamp(1.25rem,5vw,4rem) 4rem;background:var(--white, #fff);color:var(--ink, #111);font-family:Arial,sans-serif}.app-back{display:inline-block;color:var(--ink, #111);text-decoration:none;font-size:.9rem;margin-bottom:2rem;opacity:.55;transition:opacity .2s ease}.app-back:hover{opacity:1}.diary-page h1,.listening-page h1{font-size:clamp(3rem,10vw,6.5rem);font-weight:700;letter-spacing:-.04em;line-height:.95;margin-bottom:2rem}.diary-header{display:flex;align-items:center;gap:2.5rem;margin-bottom:2rem;position:relative;z-index:2}.sound-drawing{position:fixed;right:12vw;top:50%;transform:translateY(-50%) scale(1.4);width:clamp(250px,50vw,850px);height:auto;z-index:1;pointer-events:none}.diary-description{position:relative;z-index:2;max-width:36rem;font-size:.95rem;line-height:1.6;color:#0000008c}.embeds{position:relative;z-index:2;margin-top:2rem;display:flex;flex-direction:column;gap:2rem;max-width:600px}.embeds iframe{border:0;border-radius:.75rem;overflow:hidden}.listening-page{display:flex;flex-direction:column;justify-content:center;max-width:1100px;margin:0 auto}.listening-kicker{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;opacity:.55;margin-bottom:1rem;text-transform:lowercase;white-space:pre-line}.listening-card{display:flex;align-items:center;gap:1.5rem;text-decoration:none;color:inherit;transition:opacity .2s ease,transform .2s ease}.listening-card:hover{opacity:.75;transform:translateY(-2px)}.listening-image{width:140px;height:140px;object-fit:cover;background:#0000000f;flex-shrink:0;border-radius:.35rem}.listening-image--empty{background:#00000014}.listening-copy h1{margin:0}.listening-copy p,.listening-copy span,.listening-empty{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;margin-top:.5rem;opacity:.8;font-size:.9rem;font-weight:400}.footer__meta{display:flex;align-items:center;gap:.55rem}.footer__apps{display:inline-flex;align-items:center;gap:.3rem;margin-left:.15rem}.footer__app{display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;color:#00000052;opacity:.7;transition:opacity .2s ease,color .2s ease}.footer__app:hover{opacity:1;color:#0000008c}.footer__app svg{width:11px;height:11px;display:block}@media(max-width:1200px){.sound-drawing{right:5vw;width:clamp(150px,30vw,300px)}}@media(max-width:720px){.listening-card{flex-direction:column;align-items:flex-start}.listening-image{width:110px;height:110px}}