:root{--color-bg: #fafafa;--color-text: #000000;--color-border: #000000;--color-hover-bg: #000000;--color-hover-text: #ffffff;--font-heading: "Cinzel Decorative", cursive;--font-body: "MedievalSharp", cursive}*{margin:0;padding:0;box-sizing:border-box}body{width:100vw;height:100vh;overflow:hidden;background-color:var(--color-bg);font-family:var(--font-body);color:var(--color-text);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}#video-container{width:100%;max-width:300px;padding:0 20px;display:flex;justify-content:center;align-items:center;z-index:1}#main-video{width:100%;height:auto;border:none;box-shadow:none;display:block;border-radius:12px}#action-buttons{display:flex;gap:1rem;align-items:center;justify-content:center;z-index:2;flex-wrap:wrap}.medieval-btn{font-family:var(--font-body);font-size:clamp(1rem,2vw,1.25rem);text-decoration:none;color:#fff;background:#000;border:2px solid #000000;padding:.5rem 1.5rem;border-radius:4px;transition:all .2s ease;cursor:pointer;font-weight:700}.medieval-btn:hover{background:#fff;color:#000;transform:translateY(-2px);box-shadow:4px 4px #0003}.medieval-box{display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:clamp(.9rem,1.8vw,1.1rem);color:#fff;background:#000;border:2px solid #000000;padding:.5rem 1.5rem;border-radius:4px;cursor:pointer;transition:all .2s ease;position:relative;min-width:140px;text-align:center;font-weight:700}.medieval-box:hover{background:#fff;color:#000;transform:translateY(-2px);box-shadow:4px 4px #0003}#copy-feedback{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-hover-bg);color:var(--color-hover-text);font-weight:700;opacity:0;pointer-events:none;transition:opacity .2s ease;border-radius:2px}#copy-feedback.visible{opacity:1}