@import"https://fonts.googleapis.com/css2?family=Special+Elite&family=VT323&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background:#1a1f1a;background-image:radial-gradient(ellipse at 20% 50%,#2a3a2a 0%,transparent 60%),radial-gradient(ellipse at 80% 50%,#2a3a2a 0%,transparent 60%),linear-gradient(180deg,#1a1f1a,#0d120d);color:#d4d9c8;font-family:Special Elite,Courier New,monospace;padding:20px;display:flex;justify-content:center;align-items:center;min-height:100vh}#app{max-width:850px;width:100%;background:#1e261e;background:linear-gradient(145deg,#1e261e,#2a342a);padding:45px 40px 40px;border-radius:12px;border:2px solid #4a5a3a;box-shadow:0 20px 60px #000c,inset 0 1px #78a06433,0 0 40px #3c5a321a;position:relative;transition:all .3s ease}#app:before{content:"";position:absolute;top:8px;left:8px;right:8px;bottom:8px;border:1px solid rgba(74,90,58,.3);border-radius:8px;pointer-events:none}h1{font-family:Special Elite,Courier New,monospace;font-size:2rem;color:#b8c8a8;text-align:center;margin-bottom:20px;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.5);border-bottom:2px solid #3a4a2a;padding-bottom:15px;position:relative}h1:after{content:"✦";position:absolute;bottom:-13px;left:50%;transform:translate(-50%);color:#8a9a7a;font-size:1.2rem;background:#1e261e;padding:0 10px}img,video{display:block;margin:25px auto;border-radius:8px;max-width:100%;max-height:450px;border:3px solid #3a4a2a;box-shadow:0 8px 32px #0009,inset 0 0 20px #3c5a321a;image-rendering:auto;transition:all .4s ease}img:hover,video:hover{border-color:#6a8a5a;transform:scale(1.01);box-shadow:0 12px 40px #000c}p{line-height:1.9;color:#c8d0b8;font-size:1.05rem;margin-top:15px;font-family:Special Elite,Courier New,monospace;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.date{color:#8a9a7a;font-size:.9rem;text-align:center;margin-top:25px;padding-top:15px;border-top:1px solid #2a3a2a;font-family:VT323,monospace;letter-spacing:2px}.toolbar{display:flex;gap:12px;justify-content:center;margin:20px 0 10px;flex-wrap:wrap}.toolbar button{background:#2a3a2a;color:#b8c8a8;border:2px solid #3a4a2a;padding:10px 20px;border-radius:8px;font-family:VT323,monospace;font-size:1.1rem;cursor:pointer;transition:all .3s ease;letter-spacing:1px;text-transform:uppercase;box-shadow:0 4px #0d120d}.toolbar button:hover{background:#3a4a3a;border-color:#5a7a4a;transform:translateY(-2px);box-shadow:0 6px #0d120d}.toolbar button:active{transform:translateY(4px);box-shadow:0 2px #0d120d}.toolbar button.active{background:#4a6a3a;border-color:#6a8a5a;box-shadow:0 0 20px #4a6a3a4d}.font-controls{display:flex;gap:8px;justify-content:center;margin:10px 0}.font-controls button{background:#1e261e;color:#8a9a7a;border:1px solid #3a4a2a;padding:5px 15px;border-radius:5px;font-family:VT323,monospace;font-size:1rem;cursor:pointer;transition:all .3s ease}.font-controls button:hover{background:#2a3a2a;color:#b8c8a8;border-color:#5a7a4a}.loading{text-align:center;font-family:VT323,monospace;font-size:1.3rem;color:#8a9a7a;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.error{color:#b87a6a!important;text-align:center;font-family:VT323,monospace;font-size:1.2rem}@media (max-width: 600px){#app{padding:25px 20px}h1{font-size:1.4rem}p{font-size:.95rem}.toolbar button{padding:8px 14px;font-size:.9rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1f1a}::-webkit-scrollbar-thumb{background:#3a4a2a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a6a3a}