:root{--bg-color:#0c0b0a;--text-primary:#f4efe6;--text-secondary:#ada595;--accent-1:#b23a2e;--accent-2:#c4483b;--accent-hover:#c4483b;--glass-bg:#14130fd9;--glass-border:#2a271f;--error:#ef4444;--success:#10b981;--sidebar-width:280px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;font-family:Outfit,sans-serif;position:relative;overflow-x:hidden}.background-elements{z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.blob{filter:blur(120px);opacity:.3;animation:10s ease-in-out infinite alternate float;position:absolute}.blob-1{background:var(--accent-1);border-radius:50%;width:600px;height:600px;top:-200px;left:-100px}.blob-2{background:var(--accent-2);border-radius:50%;width:500px;height:500px;animation-delay:-5s;bottom:-200px;right:-100px}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(50px,50px)scale(1.1)}}.app-container{width:100%;min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#0c0b0af2;flex-direction:column;padding:2rem 1.5rem;display:flex}.sidebar-header{border-bottom:1px solid var(--glass-border);margin-bottom:3rem;padding-bottom:1.5rem}.sidebar-header h2{color:var(--text-primary);font-size:1.8rem;font-weight:700}.sidebar-header p{color:var(--accent-1);letter-spacing:1px;text-transform:uppercase;font-size:.9rem;font-weight:500}.sidebar-nav{flex-direction:column;gap:.5rem;display:flex}.nav-item{color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:1rem 1.2rem;font-family:inherit;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-primary);background:#ffffff0d}.nav-item.active{color:var(--accent-1);border-left:3px solid var(--accent-1);background:#b23a2e26}.content-area{flex-direction:column;flex:1;align-items:center;padding:3rem;display:flex;overflow-y:auto}.glass-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;width:100%;max-width:900px;padding:3.5rem;animation:.4s ease-out forwards fadeIn;box-shadow:0 25px 50px -12px #00000080}.view{display:block}.view.hidden{display:none!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}header{margin-bottom:2.5rem}header h1{color:var(--text-primary);margin-bottom:.5rem;font-size:2.2rem;font-weight:700}header p{color:var(--text-secondary);font-size:1.1rem}form{flex-direction:column;gap:1.5rem;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.input-group{flex-direction:column;gap:.6rem;display:flex}.full-width{grid-column:1/-1}label{color:var(--text-primary);font-size:.95rem;font-weight:500}.required{color:var(--accent-1)}input,select{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);background:#0c0b0a99;border-radius:12px;outline:none;padding:.875rem 1rem;font-family:inherit;font-size:1rem;transition:all .3s}input:focus,select:focus{border-color:var(--accent-1);background:#0c0b0acc;box-shadow:0 0 0 3px #b23a2e33}small{color:var(--text-secondary);font-size:.85rem}.hidden{display:none!important}.custom-input{margin-top:.5rem;animation:.3s ease-out forwards slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.result-section{border-top:1px solid var(--glass-border);margin-top:2.5rem;padding-top:2.5rem}.result-box{border:1px solid var(--glass-border);word-break:break-all;background:#0006;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.25rem;display:flex}.long-link{color:var(--text-secondary);margin-top:.3rem;font-family:monospace;font-size:.9rem;line-height:1.5;transition:color .3s}.long-link.active{color:var(--text-primary)}.short-link{color:var(--text-primary);margin-top:.3rem;font-family:monospace;font-size:1.1rem;font-weight:600}.action-buttons{grid-template-columns:1fr 2fr;gap:1rem;display:grid}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-family:inherit;font-size:1.05rem;font-weight:600;transition:all .3s;display:flex}.btn-primary{background:var(--accent-1);color:#fff;box-shadow:0 4px 15px #b23a2e4d}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #b23a2e66}.btn-secondary{color:var(--text-primary);border:1px solid var(--glass-border);background:0 0}.btn-secondary:hover:not(:disabled){background:#ffffff0d}.btn-primary:disabled,.btn-secondary:disabled{color:#6e675a;cursor:not-allowed;box-shadow:none;background:#2a271f;border:none;transform:none}.btn-small{width:auto;padding:.6rem 1.2rem;font-size:.95rem}@media (width<=900px){.app-container{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--glass-border);width:100%;padding:1.5rem}.sidebar-nav{flex-direction:row;overflow-x:auto}.nav-item{white-space:nowrap}.content-area{padding:1.5rem}.glass-container{padding:2rem}}@media (width<=600px){.grid-2,.action-buttons{grid-template-columns:1fr}}