:root{--paper:#f5e6c8;--ink:#2c1810;--faded-accent:#8b7355;--status-online:#2d5016;--status-offline:#8b1a1a;--highlight:#d4a853;--font-primary:"Special Elite",cursive;--font-mono:"Courier Prime",monospace;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem}*{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100vh}body{background-color:var(--paper);color:var(--ink);line-height:1.6;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");filter:sepia(8%) brightness(.98)}body,h1,h2,h3,h4,h5,h6{font-family:var(--font-primary)}h1,h2,h3,h4,h5,h6{font-weight:400;letter-spacing:.02em}h1{font-size:2.5rem;margin-bottom:var(--space-md)}h2{font-size:1.75rem;border-bottom:1px solid var(--faded-accent);padding-bottom:var(--space-xs)}h2,h3{margin-bottom:var(--space-sm)}h3{font-size:1.25rem}p{margin-bottom:var(--space-md)}a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}a:hover{color:var(--highlight)}.btn,button{font-family:var(--font-primary);font-size:1rem;padding:var(--space-sm) var(--space-md);background:var(--paper);border:2px solid var(--ink);color:var(--ink);cursor:pointer;transition:all .2s ease;box-shadow:inset 0 0 0 0 var(--ink)}.btn:hover,button:hover{background:var(--ink);color:var(--paper)}.btn:active,button:active{box-shadow:inset 2px 2px 0 0 var(--ink)}.btn:disabled,button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--highlight);color:var(--ink)}input,select,textarea{font-family:var(--font-mono);font-size:.9rem;padding:var(--space-sm);background:var(--paper);border:1px solid var(--faded-accent);color:var(--ink);width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ink);box-shadow:2px 2px 0 0 var(--faded-accent)}input::placeholder,textarea::placeholder{color:var(--faded-accent);font-style:italic}.card{background:var(--paper);border:1px solid var(--faded-accent);padding:var(--space-md);box-shadow:inset 2px 2px 4px rgba(0,0,0,.1);margin-bottom:var(--space-md)}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:var(--space-xs)}.status-online{background-color:var(--status-online);animation:pulse 2s infinite}.status-offline{background-color:var(--status-offline)}.status-busy{background-color:var(--highlight)}.status-maintenance{background-color:var(--faded-accent)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.loading{font-family:var(--font-mono);color:var(--faded-accent)}.loading:after{content:"...";animation:dots 1.5s steps(4) infinite}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.error-stamp{display:inline-block;padding:var(--space-sm) var(--space-md);border:3px solid var(--status-offline);color:var(--status-offline);font-size:1.5rem;font-weight:700;transform:rotate(-15deg);text-transform:uppercase}.rating{color:var(--highlight);font-size:1.2rem;letter-spacing:2px}.category-tag{display:inline-block;padding:2px var(--space-sm);font-size:.8rem;font-family:var(--font-mono);border:1px solid var(--faded-accent);margin-right:var(--space-xs);margin-bottom:var(--space-xs)}.container{max-width:100%;margin:0 auto;padding:0}.header{text-align:center;padding:var(--space-xl) 0;border-bottom:3px double var(--ink)}.header h1{font-size:clamp(2rem,5vw,3.5rem);text-transform:uppercase;letter-spacing:.12em}.header .subtitle{font-family:var(--font-mono);font-size:.9rem;color:var(--faded-accent)}.phonebook-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--space-md);gap:var(--space-md)}.sidebar{border-right:1px solid var(--faded-accent);padding-right:var(--space-md)}.sidebar h3{font-family:var(--font-mono);font-size:.9rem;text-transform:uppercase;color:var(--faded-accent);margin-bottom:var(--space-sm)}.pixel-banner{image-rendering:pixelated;image-rendering:crisp-edges}@media (max-width:900px){.phonebook-grid{grid-template-columns:1fr}.header h1{font-size:2rem}.sidebar{border-right:none;border-bottom:1px solid var(--faded-accent);padding-bottom:var(--space-md);margin-bottom:var(--space-md)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--faded-accent);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ink)}@media print{body{background:#fff;filter:none}.no-print{display:none!important}}