*{margin:0;box-sizing:border-box}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Arial,sans-serif;line-height:1.6;color:#e6e6e6;background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.55)),url(/media/background.gif) 50% /cover no-repeat fixed,#0f0f0f}.page{min-height:100dvh;display:grid;place-items:center;padding:2rem 1rem 3rem}.header{position:-webkit-sticky;position:sticky;top:0;z-index:10;width:100%;display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;background:rgba(0,0,0,.65);border-bottom:1px solid hsla(0,0%,100%,.12);-webkit-backdrop-filter:saturate(120%) blur(4px);backdrop-filter:saturate(120%) blur(4px)}.header-title{font-size:1rem;font-weight:600;color:#eaeaea}@media (min-width:768px){.header-title{font-size:1.1rem}}.header-nav{display:none}.nav-link{color:#cfcfcf;text-decoration:none;font-weight:500;transition:all .2s ease}.nav-link:focus,.nav-link:hover{color:#87bfff;text-decoration:underline;outline:2px solid #06c;outline-offset:2px}.magic-bento-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:700px;padding:1.25rem;border-radius:10px;background:hsla(0,0%,8%,.92);border:1px solid hsla(0,0%,100%,.12);transition:all .3s ease}.magic-bento-shadow{box-shadow:0 10px 25px -8px rgba(0,0,0,.9),0 2px 6px -2px rgba(0,0,0,.6)}.magic-bento-hover:hover{transform:translateY(-2px);box-shadow:0 18px 35px -10px rgba(0,0,0,.95)}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:hsla(0,0%,8%,.95);border:1px solid hsla(0,0%,100%,.12);color:#eaeaea;padding:.6rem .9rem;border-radius:8px;box-shadow:0 12px 30px -12px rgba(0,0,0,.9);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;font-size:.9rem;z-index:50}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.avatar{width:96px;height:96px;border-radius:50%;border:2px solid hsla(0,0%,100%,.15);object-fit:cover;margin-bottom:1rem}@media (min-width:768px){.avatar{width:112px;height:112px}}.text-type{font-size:1.1rem;color:#cfcfcf;text-align:center;margin-bottom:1rem;display:block}@media (min-width:768px){.text-type{font-size:1.2rem}}.text-type-cursor{color:#87bfff;font-weight:600}.text-type-cursor,.text-type-cursor.blink{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.social-links{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.social-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:#cfcfcf;text-decoration:none;border-radius:6px;transition:all .2s ease;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12)}.social-link:focus,.social-link:hover{color:#111;text-decoration:none;background:#87bfff;border-color:#87bfff;transform:translateY(-1px);outline:none}.social-icon{display:flex;align-items:center;color:currentColor;opacity:.95}.social-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.audio-player{display:grid;grid-template-columns:64px 1fr;grid-gap:.9rem;gap:.9rem;width:100%;margin-top:.75rem;padding:.9rem;border-radius:10px;background:hsla(0,0%,4%,.6);border:1px solid hsla(0,0%,100%,.08)}.audio-cover{width:64px;height:64px;border-radius:8px;object-fit:cover;border:1px solid hsla(0,0%,100%,.12)}.audio-body{display:grid;grid-gap:.5rem;gap:.5rem}.audio-title{font-weight:600;color:#eaeaea;font-size:.95rem}.audio-controls{display:grid;grid-gap:.5rem;gap:.5rem}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:32px;border-radius:6px;border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.06);color:#cfcfcf;cursor:pointer;transition:all .2s ease}.btn-icon:focus,.btn-icon:hover{background:#87bfff;color:#111;border-color:#87bfff;outline:none}.audio-timeline{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:.5rem;gap:.5rem}.time{font-size:.8rem;color:#b7b7b7}.range{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:hsla(0,0%,100%,.12);border-radius:999px;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.range.timeline{height:6px}.range::-webkit-slider-runnable-track{height:6px;background:hsla(0,0%,100%,.12);border-radius:999px}.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#87bfff;border:1px solid #87bfff;margin-top:-4px;cursor:pointer}.range::-moz-range-track{height:6px;background:hsla(0,0%,100%,.12);border-radius:999px}.range::-moz-range-progress{height:6px;background:#87bfff;border-radius:999px}.range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#111;border:2px solid #87bfff;cursor:pointer}.range:focus{box-shadow:0 0 0 3px rgba(135,191,255,.25);outline:none}.audio-controls,.audio-player,.audio-timeline,.audio-volume{-webkit-user-select:none;-moz-user-select:none;user-select:none}.audio-volume{display:grid;grid-template-columns:18px 1fr;align-items:center;grid-gap:.5rem;gap:.5rem}.range.volume{height:4px}@media (max-width:480px){.page{padding:1.5rem .75rem 2rem}.text-type{font-size:1rem}.magic-bento-container{padding:1rem}.avatar{width:88px;height:88px}}:focus{outline:2px solid #06c}html{scroll-behavior:smooth}