@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #6a6a6a;--secondary-color: #b1b1b1;--highlight-color: #8c8c8c;--text-color: #333333;--bg-color: #f9f9f9;--delete-btn: #e74c3c;--button-hover: #95a5a6;--border-color: #ddd;--input-bg: #ffffff;--card-bg: #fafafa;--shadow-color: rgba(0, 0, 0, .1);--spacing-xs: clamp(.5rem, 1vw, .75rem);--spacing-sm: clamp(.75rem, 1.5vw, 1rem);--spacing-md: clamp(1rem, 2vw, 1.5rem);--spacing-lg: clamp(1.5rem, 3vw, 2rem)}[data-theme=dark]{--primary-color: #d3d3d3;--secondary-color: #bbbbbb;--highlight-color: #888888;--text-color: #f0f0f0;--bg-color: #333333;--delete-btn: #f56c6c;--button-hover: #7d7d7d;--border-color: #555555;--input-bg: #444444;--card-bg: #4e4e4e;--shadow-color: rgba(0, 0, 0, .5)}body{font-family:Share Tech Mono,monospace;background-color:var(--bg-color);color:var(--text-color);display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:clamp(1rem,2vw,1.2rem);transition:all .3s ease;padding:var(--spacing-md)}.app-container{background-color:var(--card-bg);padding:clamp(1.5rem,4vw,2.5rem);border-radius:8px;border:1px solid var(--border-color);box-shadow:0 4px 6px var(--shadow-color);width:min(95%,800px);margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-md)}h1{font-size:clamp(1.8rem,4vw,2.5rem);color:var(--primary-color);margin-bottom:1.5rem;text-align:center;text-transform:uppercase;letter-spacing:3px;word-wrap:break-word}.input-container{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap}input[type=text]{padding:.8rem;font-size:clamp(.9rem,1.5vw,1rem);font-family:Share Tech Mono,monospace;border:2px solid var(--primary-color);background-color:var(--input-bg);color:var(--text-color);border-radius:4px;flex:1;min-width:200px;transition:all .3s ease}input[type=text]:focus{outline:none;box-shadow:0 0 10px var(--primary-color)}button{padding:.8rem 1.2rem;font-size:clamp(.9rem,1.5vw,1rem);font-family:Share Tech Mono,monospace;background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:4px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}button:hover{background-color:var(--button-hover);color:var(--bg-color);box-shadow:0 0 15px var(--highlight-color)}.quest-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.quest-item{display:flex;align-items:center;padding:var(--spacing-md);border-radius:4px;background-color:var(--card-bg);border:1px solid var(--border-color);transition:all .3s ease;gap:var(--spacing-sm);min-height:60px}.quest-item:hover{transform:translate(5px);box-shadow:0 0 10px var(--shadow-color)}.quest-item span{flex:1;color:var(--text-color);word-break:break-word;line-height:1.4;padding-right:var(--spacing-sm)}.quest-item button{flex-shrink:0;min-width:100px;border-color:var(--delete-btn);color:var(--delete-btn);margin-left:.5rem}.quest-item button:hover{background-color:var(--delete-btn);color:var(--bg-color);box-shadow:0 0 15px var(--delete-btn)}.quest-item.completed span{opacity:.6;color:var(--highlight-color);text-decoration:line-through}.quest-item.completed span:before{content:"Well... someday.";font-style:italic;color:var(--highlight-color);font-size:.9rem;margin-left:1rem}.quest-item.completed{background-color:var(--card-bg);border-color:var(--highlight-color)}.theme-toggle{position:fixed;top:1rem;right:1rem;width:clamp(32px,5vw,40px);height:clamp(32px,5vw,40px);border-radius:50%;border:2px solid var(--secondary-color);background-color:transparent;color:var(--secondary-color);box-shadow:0 0 10px var(--secondary-color)}.theme-toggle:hover{transform:rotate(45deg);background-color:var(--secondary-color);color:var(--bg-color)}.empty-state{color:var(--highlight-color);font-size:1.2rem;text-align:center}.cat-button{display:flex;align-items:center;justify-content:center;padding:1rem 1.5rem;background:transparent;border:2px solid var(--secondary-color);color:var(--secondary-color);border-radius:8px;font-family:Share Tech Mono,monospace;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;width:200px;margin-bottom:1rem}.cat-button:hover{background-color:var(--secondary-color);color:var(--bg-color);box-shadow:0 0 15px var(--secondary-color);transform:translateY(-2px)}img{max-width:300px;border:2px solid var(--secondary-color);border-radius:8px;transition:all .3s ease;box-shadow:0 0 10px var(--shadow-color)}img:hover{transform:scale(1.02);box-shadow:0 0 20px var(--secondary-color)}@media screen and (max-width: 600px){.input-container{flex-direction:column}input[type=text],button{width:100%}.quest-item{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-md)}.quest-item span{min-width:200px}.quest-item.completed span:before{margin-left:0;display:block;margin-top:.5rem}.cat-button{width:100%}img{max-width:100%}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}@media (prefers-contrast: high){:root{--primary-color: #333333;--text-color: #ffffff;--bg-color: #000000}}