.card-header,.logo{font-weight:700}.logo,.nav-btns,body,nav{display:flex}.action-btn,.delete-btn,.history-item,.icon-btn,.logo,.main-btn{cursor:pointer}.main-btn,.modal,nav,textarea{width:100%}.action-btn,.card-header,.drawer-link,.main-btn{text-transform:uppercase}.auth-card,.load-more-box,footer{text-align:center}.logo,.socials a{font-size:1.8rem}.drawer,.modal,.overlay{position:fixed;top:0;height:100%}:root{--bg:#ffffff;--dark:#000000;--white:#ffffff;--accent:#00f0ff;--border:4px solid #000000;--shadow:9px 9px 0px #000000;--shadow-sm:5px 5px 0px #000000;--transition:0.2s cubic-bezier(0.23, 1, 0.32, 1)}*{box-sizing:border-box;margin:0;padding:0;font-family:'Space Grotesk',sans-serif}body{background-color:var(--bg);background-image:radial-gradient(var(--dark) 1.2px,transparent 1.2px);background-size:35px 35px;color:var(--dark);min-height:100vh;flex-direction:column}.card-header,nav{border-bottom:var(--border);justify-content:space-between}#outputText span,.modal-body span{background-color:#ff0!important;color:#000!important;padding:1px 3px;font-weight:700;border:1px solid #000}nav{align-items:center;padding:12px 6%;position:fixed;top:0;background:var(--white);z-index:1000}.logo-box{background:var(--accent);border:var(--border);padding:0 8px;margin-right:5px}.icon-btn,.neo-card{background:var(--white);border:var(--border)}.nav-btns{gap:12px}.icon-btn{padding:10px 15px;box-shadow:var(--shadow-sm);font-size:1.2rem;transition:var(--transition)}.icon-btn:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 #000;background:var(--accent)}.view{display:none;padding-top:120px;flex:1;padding-bottom:60px}.view.active{display:block;animation:.3s fadeInUp}@keyframes fadeInUp{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.container{max-width:900px;margin:0 auto;padding:0 20px}.neo-card{box-shadow:var(--shadow);margin-bottom:40px;border-radius:4px;overflow:hidden}.auth-banner,.drawer-link,.history-item{box-shadow:var(--shadow-sm)}.card-header{padding:15px 20px;display:flex;background:var(--accent);color:#000}.btn-mini,.main-btn{color:#fff;font-weight:700}textarea{height:260px;padding:25px;border:none;font-size:1.2rem;outline:0;resize:none;background:#fff;line-height:1.6}.btn-grid{display:grid;grid-template-columns:1fr 1fr;border-top:var(--border)}.action-btn{padding:18px;border:none;font-weight:700;background:#fff;border-right:var(--border)}.main-btn,footer{border-top:var(--border)}.action-btn:hover{background:#eee}.action-btn:last-child{border-right:none}.main-btn{padding:25px;background:#000;font-size:1.4rem}.btn-mini.blue,.main-btn:hover{background:var(--accent);color:#000}.auth-banner{background:var(--white);border:var(--border);padding:20px;margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;border-radius:4px}.banner-btns{display:flex;gap:10px}.btn-mini{background:#000;padding:8px 15px;border:2px solid #000;text-decoration:none;font-size:.8rem}.history-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.history-item{background:#fff;border:var(--border);padding:18px;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center;transition:.2s}.delete-btn,footer{background:#000;color:#fff}.history-item:hover{transform:translateX(5px);background:#fafafa}.delete-btn{border:none;padding:10px;font-size:.9rem}.load-more-box{margin-top:25px}.modal{left:0;background:rgba(0,0,0,.9);display:none;justify-content:center;align-items:center;z-index:2000}.modal-card{background:#fff;border:var(--border);width:92%;max-width:700px;max-height:80vh;display:flex;flex-direction:column}.modal-body{padding:35px;overflow-y:auto;font-size:1.15rem;line-height:1.7;flex:1}.auth-card{max-width:440px;margin:0 auto;padding:35px}.auth-input,.drawer-link{border:var(--border);margin-bottom:15px;font-weight:700}.auth-input{width:100%;padding:16px;font-size:1rem;outline:0}.hidden{display:none}.drawer{right:-100%;width:320px;background:#fff;border-left:var(--border);z-index:1001;padding:60px 30px;transition:.4s cubic-bezier(.85, 0, .15, 1)}.drawer.open{right:0}.drawer-link{display:block;padding:18px;text-decoration:none;color:#000}.drawer-link:hover{background:var(--accent)}footer{padding:60px 20px;margin-top:auto}.socials{display:flex;justify-content:center;gap:20px;margin-bottom:20px}.socials a{color:#fff;transition:.2s}.socials a:hover{color:var(--accent);transform:scale(1.2)}.overlay{left:0;width:100%;background:rgba(0,0,0,.5);display:none;z-index:999}@media (max-width:768px){.btn-grid{grid-template-columns:1fr}.auth-banner{flex-direction:column;gap:15px;text-align:center}h1{font-size:2.8rem!important}}