:root{--old-paper: #f4ecd8;--ink-black: #2b2118;--gold: #d4af37;--dark-wood: #3d2b1f;--crt-green: rgba(18, 255, 18, .1)}@font-face{font-family:RetroSerif;src:local("Georgia"),local("Times New Roman")}body{margin:0;background-color:#1a120b;color:var(--ink-black);font-family:RetroSerif,serif;overflow-x:hidden}.retro-app{min-height:100vh;padding:40px 20px;max-width:1100px;margin:0 auto;background:var(--old-paper);box-shadow:inset 0 0 100px #0003,0 0 50px #00000080;position:relative;border:15px solid var(--dark-wood)}.crt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#0000001a 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 3px,3px 100%;pointer-events:none;z-index:100}.scanline{position:fixed;top:0;left:0;width:100%;height:100px;background:linear-gradient(to bottom,transparent,rgba(212,175,55,.05),transparent);animation:scan 8s linear infinite;pointer-events:none;z-index:101}@keyframes scan{0%{transform:translateY(-100vh)}to{transform:translateY(100vh)}}.retro-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--dark-wood);padding-bottom:20px;margin-bottom:30px}.header-left{display:flex;align-items:center;gap:15px}.crest-img{width:50px;height:50px;filter:sepia(1) contrast(1.2)}.gold-icon{color:var(--gold)}h1{margin:0;font-size:2rem;letter-spacing:2px;text-transform:uppercase}.subtitle{margin:0;font-size:.7rem;color:#666;font-family:monospace}.cloud-indicator{font-size:.8rem;font-style:italic;color:#8b4513}.retro-grid{display:grid;grid-template-columns:320px 1fr;gap:30px}.retro-panel{background:#ffffff4d;border:1px solid rgba(139,69,19,.2);padding:20px;border-radius:4px}.panel-title{font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:12px;border-bottom:1px solid var(--dark-wood);padding-bottom:5px}.retro-select,.retro-input{width:100%;background:#ffffff80;border:1px solid var(--dark-wood);padding:8px;font-family:inherit;margin-bottom:15px}.retro-progress-track{height:12px;background:#dcd0b9;border:1px solid var(--dark-wood);margin:10px 0;position:relative}.retro-progress-fill{height:100%;background:var(--dark-wood)}.retro-range{width:100%;accent-color:var(--dark-wood)}.retro-btn{width:100%;padding:10px;border:2px solid var(--dark-wood);background:transparent;cursor:pointer;font-family:inherit;font-weight:700;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.retro-btn:hover{background:var(--dark-wood);color:var(--old-paper)}.retro-btn.gold{background:var(--gold);border-color:#b8860b}.retro-btn.ai-btn{margin-top:15px;font-style:italic}.ai-response-box{margin-top:15px;padding:12px;background:#0000000d;border:1px dashed var(--dark-wood);font-size:.85rem;line-height:1.6}.retro-input-area textarea{width:100%;height:100px;background:#fff9;border:1px solid var(--dark-wood);padding:10px;font-family:inherit;resize:none}.input-footer{display:flex;justify-content:space-between;align-items:center;margin:10px 0}.ink-img{height:40px;opacity:.7}.records-list{margin-top:20px;max-height:400px;overflow-y:auto}.retro-card{background:#fff;border:1px solid #ccc;padding:15px;margin-bottom:15px;box-shadow:3px 3px 0 var(--dark-wood);position:relative}.card-top{display:flex;justify-content:space-between;margin-bottom:10px}.tag{font-size:.7rem;background:var(--dark-wood);color:#fff;padding:2px 6px}.card-text{font-size:.95rem;line-height:1.5;margin:0}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:.75rem;color:#666}.seal-img{height:30px;opacity:.8}.del-btn{background:transparent;border:none;cursor:pointer;color:#999}.del-btn:hover{color:#c0392b}.map-decoration{width:100%;margin-top:30px;opacity:.6;filter:sepia(1);border:1px solid #8b4513}.mt-20{margin-top:20px}.retro-loading{height:100vh;display:flex;align-items:center;justify-content:center;background:#1a120b;color:var(--gold);font-size:1.5rem;letter-spacing:5px}