*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,system-ui,sans-serif}#root{min-height:100vh}.why-body{margin:0 0 1em;max-width:560px;font-size:16px;line-height:1.75;font-weight:400;letter-spacing:.01em;color:#c8c8c8;font-family:Helvetica Neue,Helvetica,Arial,system-ui,sans-serif}.why-body:last-child{margin-bottom:0}.why-body--howto{font-weight:300;color:#e4e2de;letter-spacing:.005em}.home-grid{display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}@media (min-width: 768px){.home-grid{grid-template-columns:repeat(3,1fr)}}.home-card-title{font-size:1.1rem;font-weight:600;margin-bottom:4px}.home-card-artist{font-size:.9rem;color:#666}@media (max-width: 460px){.home-card-title{font-size:max(12px,3.5vw)}.home-card-artist{font-size:max(11px,2.8vw)}}.rams-app,.player-rams,.home-rams,.rams-page{--rams-bg: #eeede8;--rams-surface: #fafaf8;--rams-well: #e4e2dc;--rams-ink: #1a1a18;--rams-ink-muted: #6e6e6a;--rams-ink-faint: #9a9892;--rams-border: #c8c6c0;--rams-border-strong: #1a1a18;--rams-tray: linear-gradient(180deg, #3a3834 0%, #2c2a26 100%);--rams-accent: #e85d04;font-family:Helvetica Neue,Helvetica,Arial,system-ui,sans-serif;-webkit-font-smoothing:antialiased;color:var(--rams-ink)}.home-rams{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;background:linear-gradient(168deg,#f4f3ef,#ebe9e3 42%,#e2dfd8);box-shadow:inset 0 1px #fffc}.home-rams__inner{max-width:900px;width:100%;display:flex;flex-direction:column;gap:16px}.home-rams__title{margin:0;font-size:clamp(28px,6vw,40px);letter-spacing:.2em;font-weight:500;text-transform:uppercase;color:var(--rams-ink)}.home-rams__nav{align-self:flex-start;margin-top:4px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.home-rams__nav-pad{display:inline-block;padding:0;margin:0;border:none;border-radius:0;background:transparent;cursor:pointer;text-decoration:none;font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none}.home-rams__nav-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:9px 20px;min-height:34px;border-radius:999px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:var(--rams-ink);white-space:nowrap;background:#f6f4f0;border:1px solid #c8c6c0;box-shadow:0 1px 2px #0000000d;transition:background .12s ease-out,border-color .12s ease-out,box-shadow .12s ease-out}.home-rams__nav-pad:hover .home-rams__nav-pill{background:#fafaf8;border-color:#b8b4ad;box-shadow:0 1px 3px #00000012}.home-rams__nav-pad:active .home-rams__nav-pill{background:#ebe9e3;border-color:#b0aca4;box-shadow:none}.home-rams__grid{display:grid;gap:18px;padding:0;background:transparent;box-shadow:none;border-radius:0;grid-template-columns:repeat(2,1fr)}@media (min-width: 768px){.home-rams__grid{grid-template-columns:repeat(3,1fr);gap:20px}}.home-rams__card{border:none;padding:0;margin:0;background:transparent;cursor:pointer;text-align:left;font:inherit;width:100%}.home-rams__card-well{display:flex;flex-direction:column;height:100%;background:linear-gradient(168deg,#e8e6e0,#dedad2 48%,#d4d0c8);border:1px solid #b0aca4;border-radius:14px;overflow:hidden;box-shadow:0 1px #ffffff8c inset,0 2px 5px #00000014,0 10px 22px #0000001a,0 18px 36px #00000012;transition:transform .14s ease-out,box-shadow .14s ease-out}.home-rams__card:hover .home-rams__card-well{transform:translateY(-3px);box-shadow:0 1px #fff9 inset,0 5px 10px #0000001a,0 14px 28px #0000001f,0 22px 44px #00000014}.home-rams__card:active .home-rams__card-well{transform:translateY(1px);box-shadow:0 3px 8px #00000024 inset,0 1px 4px #0000001a,0 2px 6px #0000000f}.home-rams__card-art{width:100%;padding-top:100%;position:relative;background:#ccc8c0;box-shadow:inset 0 2px 8px #0000001f}.home-rams__card-art img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.home-rams__card-rail{flex-shrink:0;height:12px;background:linear-gradient(180deg,#b4b0a8,#ccc8c0 28%,#e4e2dc 62%,#f2f0ec);box-shadow:inset 0 3px 5px #00000029,inset 0 -1px #ffffffa6}.home-rams__card-meta{position:relative;padding:14px 14px 13px;background:linear-gradient(180deg,#fff,#fefefe);flex:1;box-shadow:inset 0 4px 8px #0000000f}.home-rams__card-title{position:relative;z-index:1;font-size:clamp(12px,3.2vw,14px);font-weight:500;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;color:var(--rams-ink)}.home-rams__card-artist{position:relative;z-index:1;font-size:clamp(10px,2.6vw,12px);letter-spacing:.06em;text-transform:uppercase;color:var(--rams-ink-muted)}.home-rams__loading{grid-column:1 / -1;padding:24px;text-align:center;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--rams-ink-faint)}.home-rams__footer{margin-top:auto;padding-top:28px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--rams-ink-faint)}.home-rams__footer a{color:inherit;text-decoration:none}.home-rams__footer a:hover{color:var(--rams-ink-muted)}.rams-page{min-height:100vh;display:flex;justify-content:center;padding:24px;box-sizing:border-box;background:linear-gradient(168deg,#f4f3ef,#ebe9e3 42%,#e2dfd8);box-shadow:inset 0 1px #fffc}.rams-page__inner{max-width:900px;width:100%;display:flex;flex-direction:column;gap:0;padding-bottom:32px}.rams-page__heading{margin:28px 0 18px;font-size:12px;letter-spacing:.14em;font-weight:500;text-transform:uppercase;color:var(--rams-ink)}.rams-page__body{margin:0 0 1.1em;max-width:560px;font-size:15px;line-height:1.65;font-weight:400;letter-spacing:.02em;color:#3a3834;font-family:inherit}.rams-page__body:last-of-type{margin-bottom:1.5em}.rams-page__video-wrap{width:100%;margin-top:8px}.rams-page__video-frame{position:relative;width:100%;height:0;padding-bottom:56.25%;background:#3a3a38;box-shadow:inset 0 3px 10px #000000a6,inset 0 1px 3px #000000e6}.rams-page__video-frame iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.player-rams{--rams-lcd: #3a3a38;--rams-lcd-bezel: #d4d2cc;position:relative;min-height:100vh;display:flex;flex-direction:column;padding:20px;box-sizing:border-box;background:linear-gradient(168deg,#f4f3ef,#ebe9e3 42%,#e2dfd8);box-shadow:inset 0 1px #fffc}.player-rams__start-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;cursor:pointer;background:var(--rams-bg)}.player-rams__cover{width:100%;max-width:320px;max-height:36vh;object-fit:contain;margin-bottom:20px;border:1px solid var(--rams-border);background:var(--rams-surface)}.player-rams__start-title{margin:0;font-size:18px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;text-align:center;color:var(--rams-ink)}.player-rams__start-artist{margin:6px 0 0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;text-align:center;color:var(--rams-ink-muted)}.player-rams__start-hint{margin:24px 0;width:min(100%,360px);max-width:360px;align-self:center;box-sizing:border-box;font-size:14px;line-height:1.6;letter-spacing:.02em;color:var(--rams-ink-muted);text-align:left}.player-rams__start-btn{display:inline-block;padding:12px 28px;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--rams-border-strong);border-radius:0;color:var(--rams-ink);background:var(--rams-surface)}.player-rams__header{width:calc(3*min(25vw,180px) + 14px);align-self:center;display:flex;flex-direction:column;gap:12px;margin-bottom:20px;flex-shrink:0}.player-rams__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.player-rams__icon-btn{margin-top:4px;align-self:flex-start;width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--rams-ink);background:linear-gradient(180deg,#fff,#f0eeea);border:1px solid var(--rams-border-strong);border-radius:0;cursor:pointer;box-sizing:border-box;box-shadow:0 1px #fffffff2 inset,0 2px 4px #0000001a,0 6px 14px #00000014;transition:box-shadow .1s ease-out,transform .1s ease-out}.player-rams__icon-btn:active{transform:translateY(1px);box-shadow:0 1px 3px #00000024 inset,0 1px 2px #00000014}.player-rams__icon-btn-chevron{display:block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:8px solid var(--rams-ink)}.player-rams__share-btn{flex-shrink:1;min-width:0;padding:10px 12px;font-size:11px;letter-spacing:.1em;font-weight:500;text-transform:uppercase;color:var(--rams-ink);background:linear-gradient(180deg,#fff,#f0eeea);border:1px solid var(--rams-border-strong);border-radius:0;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:inherit;box-shadow:0 1px #fffffff2 inset,0 2px 4px #0000001a,0 6px 14px #00000014;transition:box-shadow .1s ease-out,transform .1s ease-out}.player-rams__share-btn:active{transform:translateY(1px);box-shadow:0 1px 3px #00000024 inset,0 1px 2px #00000014}.player-rams__cue{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--rams-ink-muted)}.player-rams__lcd-wrap{width:100%;padding:10px;box-sizing:border-box;background:linear-gradient(180deg,#e8e4dc,#c8c4bc 55%,#b0aca4);border:1px solid #9a9690;border-radius:4px;box-shadow:0 3px 6px #00000024,0 10px 24px #0000001a,inset 0 2px #ffffffa6,inset 0 -2px 4px #0000001f}.player-rams__lcd-wrap .waveform-strip{border-radius:2px;box-shadow:inset 0 4px 14px #000000bf,inset 0 2px 5px #000000f2,inset 0 -1px #ffffff14,0 1px #ffffff26}.player-rams__grid{display:grid;grid-template-columns:repeat(3,min(25vw,180px));column-gap:3px;row-gap:3px;align-content:start;align-self:center;padding:4px;border-radius:16px;background:var(--rams-tray);box-shadow:0 4px 12px #00000029,0 12px 28px #0000001a,inset 0 4px 10px #0000006b,inset 0 1px 4px #00000052,inset 0 -1px #ffffff14}.player-rams__cell{width:min(25vw,180px);height:min(25vw,180px);display:flex;align-items:center;justify-content:center;background:linear-gradient(165deg,#f0eeea,#e4e0d8 35%,#d6d2ca);border:1px solid #22201c;border-radius:14px;box-sizing:border-box;box-shadow:inset 0 5px 12px #00000047,inset 0 2px 4px #0000002e,inset 0 -3px 6px #ffffff8c,0 2px 3px #00000040,0 5px 12px #00000026}.player-rams__cell .circular-btn-container--fill{width:80%;height:80%}.player-rams__footer{margin-top:auto;padding-top:28px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--rams-ink-faint);align-self:center}.player-rams__footer a{color:inherit;text-decoration:none}.player-rams__footer a:hover{color:var(--rams-ink-muted)}.player-rams__modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a188c;display:flex;align-items:center;justify-content:center;z-index:1000}.player-rams__modal-close{position:fixed;top:16px;right:16px;width:44px;height:44px;padding:0;border:1px solid var(--rams-border-strong);border-radius:0;background:var(--rams-surface);color:var(--rams-ink);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1001}.player-rams__modal{text-align:center;padding:24px;background:var(--rams-surface);border:1px solid var(--rams-border-strong);max-width:min(360px,calc(100vw - 48px))}.player-rams__modal-title{margin-top:16px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--rams-ink)}.player-rams__modal-link-btn{margin-top:12px;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--rams-border-strong);border-radius:0;color:var(--rams-ink);font-size:12px;letter-spacing:.04em;cursor:pointer;background:var(--rams-bg)}.player-rams__modal-toggle{margin-top:14px;padding:8px 4px;border:none;background:none;color:var(--rams-accent);font-size:12px;letter-spacing:.04em;cursor:pointer;text-decoration:underline;text-underline-offset:3px;font-family:inherit}.player-rams__modal-url{margin-top:12px;font-size:11px;color:var(--rams-ink-muted);word-break:break-all;text-align:center}.circular-btn-container{position:relative;display:inline-block}.circular-btn-container--fill,.circular-btn-container--fill .circular-btn-button{width:100%;height:100%}.circular-btn-button{position:relative;width:80px;height:80px;padding:0;border:none;background:transparent;cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent;transform:translateY(0);transition:transform .1s ease-out}.circular-btn-bgCircle{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-color:#2d2d2d;pointer-events:none}.circular-btn-shadowLayer{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;background-color:#373737;box-shadow:#00000080 .52px .52px .73px -.625px,#0000007a 1.32px 1.32px 1.87px -1.25px,#00000073 2.66px 2.66px 3.76px -1.875px,#0006 5.03px 5.03px 7.12px -2.5px,#00000052 10.01px 10.01px 14.15px -3.125px,#0003 22px 22px 31.11px -3.75px,#0000 0 2px 4px inset,#fff0 0 -2px 3px inset;pointer-events:none;transition:box-shadow .1s ease-out}.circular-btn-container--on .circular-btn-button{transform:translateY(1px)}.circular-btn-container--on .circular-btn-shadowLayer{box-shadow:#0000 .52px .52px .73px -.625px,#0000 1.32px 1.32px 1.87px -1.25px,#0000 2.66px 2.66px 3.76px -1.875px,#0000 5.03px 5.03px 7.12px -2.5px,#0000 10.01px 10.01px 14.15px -3.125px,#0000 22px 22px 31.11px -3.75px,#00000080 0 1px 2px inset,#ffffff1f 0 -1px 1px inset}.circular-btn-surfaceWrapper{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;pointer-events:none}.circular-btn-surface{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(100% 100% at 35.8% 29.3%,#4b4b4b,#3a3a3a 72.12%,#343434 100%,#1c1c1c 130%);box-shadow:#ffffff1f 1px 1px 2px inset,#0009 -1px -1px 2px inset,#ffffff05 4px 4px 1px inset;pointer-events:none;transition:box-shadow .1s ease-out,background .1s ease-out}.circular-btn-container--on .circular-btn-surface{box-shadow:#ffffff14 1px 1px 2px inset,#000000a6 -1px -1px 2px inset,#ffffff03 4px 4px 1px inset}.circular-btn-tape{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:32%;min-width:22px;max-width:44px;pointer-events:none;transition:color .12s ease-out,opacity .12s ease-out}.circular-btn-tape svg{display:block;width:100%;height:auto}.circular-btn-tape--off{color:#787672;opacity:.85;filter:drop-shadow(0 1px 0 rgba(255,255,255,.12))}.circular-btn-tape--on{color:var(--accent-color, #e85d04);opacity:1;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent-color, #ff6b00) 50%,transparent))}[data-theme=rams] .circular-btn-container{filter:drop-shadow(0 2px 2px rgba(0,0,0,.08)) drop-shadow(0 5px 10px rgba(0,0,0,.12)) drop-shadow(0 14px 24px rgba(0,0,0,.1));transition:filter .14s ease-out,transform .14s ease-out}[data-theme=rams] .circular-btn-container--on{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 2px 4px rgba(0,0,0,.08))}[data-theme=rams] .circular-btn-bgCircle{background:radial-gradient(circle at 50% 58%,#c8c5be,#bab7b0,#a8a5a0);box-shadow:inset 0 3px 7px #00000038,inset 0 -2px 3px #fff6}[data-theme=rams] .circular-btn-shadowLayer{background-color:#ebe9e3;box-shadow:#00000029 .5px .7px .8px -.6px,#00000026 1.2px 1.6px 2px -1.2px,#00000024 2.5px 3.5px 4.5px -1.8px,#0000001f 5px 7px 9px -2.5px,#0000001a 9px 13px 16px -3px,#00000014 16px 22px 28px -3.8px,#fffffff2 0 1px inset,#0000001a 0 -3px 5px inset}[data-theme=rams] .circular-btn-container--on .circular-btn-button{transform:translateY(3px)}[data-theme=rams] .circular-btn-container--on .circular-btn-shadowLayer{box-shadow:#00000014 0 1px 2px,#00000047 0 3px 7px inset,#00000029 0 6px 12px inset,#ffffff59 0 -1px 2px inset}[data-theme=rams] .circular-btn-surface{background:radial-gradient(ellipse 100% 90% at 28% 20%,#fff,#faf9f6 22%,#f0eeea 50%,#ddd9d2 82%,#ccc8c0);box-shadow:#fff 0 1px 3px inset,#fffc 3px 4px 8px inset,#0000000d 8px 8px 12px inset,#0000002e -3px -4px 7px inset,#0000001a 0 -5px 8px inset}[data-theme=rams] .circular-btn-surface:after{content:"";position:absolute;top:10%;left:16%;width:32%;height:22%;border-radius:50%;background:radial-gradient(ellipse at 40% 35%,#fffffff2,#ffffff59 45%,#fff0 72%);pointer-events:none}[data-theme=rams] .circular-btn-container--on .circular-btn-surface{background:radial-gradient(ellipse 100% 90% at 50% 55%,#e8e6e0,#dedad2 40%,#d0ccc4);box-shadow:#00000029 0 3px 6px inset,#0000003d 0 6px 14px inset,#0000001a 0 10px 18px inset,#ffffff47 0 -1px 3px inset}[data-theme=rams] .circular-btn-container--on .circular-btn-surface:after{opacity:.25}[data-theme=rams] .circular-btn-tape{width:56%;min-width:34px;max-width:76px}[data-theme=rams] .circular-btn-tape--off{color:#8a8884;opacity:1;filter:drop-shadow(0 1px 0 rgba(255,255,255,.55))}[data-theme=rams] .circular-btn-tape--on{color:var(--accent-color, #e85d04);opacity:1;filter:drop-shadow(0 1px 0 rgba(255,255,255,.4)) drop-shadow(0 0 10px color-mix(in srgb,var(--accent-color, #e85d04) 45%,transparent))}