:root{--bg-primary: #f5f3f0;--text-primary: #000000;--text-secondary: #666666;--accent: #ff0000;--btn-bg: #000000;--btn-text: #ffffff;--btn-hover: #333333}[data-theme=dark]{--bg-primary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #999999;--accent: #ff3333;--btn-bg: #ffffff;--btn-text: #000000;--btn-hover: #cccccc}.app{width:100%;height:100vh;background-color:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden;transition:background-color .3s ease}.container{max-width:1200px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px}.header{text-align:center;margin-bottom:20px}.no{font-size:100px;font-weight:900;letter-spacing:-.02em;line-height:1;margin-bottom:8px;color:var(--text-primary);transition:all .3s ease;animation:fadeIn .5s ease-out}.subtitle{font-size:24px;font-weight:400;letter-spacing:.8em;color:var(--text-secondary);text-transform:uppercase;transition:all .3s ease;animation:fadeIn .5s ease-out .1s backwards}.divider{width:100%;height:3px;background-color:var(--text-primary);margin:25px 0;transition:all .3s ease;animation:expandWidth .6s ease-out .2s backwards}@keyframes expandWidth{0%{width:0;opacity:0}to{width:100%;opacity:1}}.content{text-align:center;padding:40px;display:flex;align-items:center;justify-content:center}.reason{font-size:56px;font-weight:400;line-height:1.3;color:var(--text-primary);position:relative;max-width:1000px;transition:all .3s ease;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reason.loading{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.quote-mark{color:var(--accent);font-weight:700;font-size:64px;transition:color .3s ease}.theme-toggle{position:fixed;top:20px;right:20px;padding:8px 16px;background-color:transparent;color:var(--text-secondary);border:1px solid var(--text-secondary);cursor:pointer;font-family:Courier New,Courier,monospace;font-size:12px;font-weight:600;letter-spacing:.1em;transition:all .3s ease;z-index:100}.theme-toggle:hover{color:var(--text-primary);border-color:var(--text-primary);transform:translateY(-1px)}.refresh-button{display:block;margin:25px auto;padding:12px 32px;font-size:14px;font-family:Courier New,Courier,monospace;font-weight:600;background-color:transparent;color:var(--text-secondary);border:1px solid var(--text-secondary);cursor:pointer;transition:all .3s ease;letter-spacing:.1em}.refresh-button:hover{color:var(--text-primary);border-color:var(--text-primary);transform:translateY(-1px)}.refresh-button:active{transform:translateY(0)}@media (max-width: 1024px){.no{font-size:80px}.subtitle{font-size:20px;letter-spacing:.6em}.reason{font-size:44px}.quote-mark{font-size:52px}}@media (max-width: 768px){.no{font-size:70px}.subtitle{font-size:16px;letter-spacing:.5em}.reason{font-size:32px}.quote-mark{font-size:40px}.content{padding:30px 20px}.divider{margin:15px 0}.container{padding:30px 20px}}@media (max-width: 480px){.no{font-size:50px}.subtitle{font-size:12px;letter-spacing:.4em}.reason{font-size:22px}.quote-mark{font-size:28px}.container{padding:20px 15px}.content{padding:25px 15px}}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Courier New,Courier,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;width:100%;height:100%}#root{width:100%;height:100vh;overflow:hidden}