nav{background:#2d1b3d;padding:0;box-shadow:0 2px 8px #0000001a;position:fixed;top:0;left:0;right:0;width:100%;z-index:1000}nav ul{list-style:none;margin:0;padding:0 2rem;display:flex;align-items:center;justify-content:flex-end;min-height:60px;box-sizing:border-box}nav ul li{margin:0;padding:0}nav ul li:first-child{margin-right:auto;color:#fff;font-weight:500;padding:.75rem 0}nav ul li a{color:#fff;text-decoration:none;padding:.75rem 1.25rem;display:inline-block;font-weight:500;transition:all .3s ease;border-radius:6px;margin:0 .25rem}nav ul li a:hover{background-color:#fff3;transform:translateY(-2px)}nav ul li a:active{transform:translateY(0)}@media (max-width: 768px){nav ul{flex-wrap:wrap;justify-content:center;padding:.5rem 1rem}nav ul li:first-child{flex-basis:100%;text-align:center;margin-right:0;margin-bottom:.5rem}nav ul li a{padding:.5rem 1rem;font-size:.9rem}}*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#0d0f1e,#573b62);color:#fff;min-height:100vh;line-height:1.4}a{color:#fff;text-decoration:none}a:hover{color:#ccc}button{background:#ffffff26;border:none;border-radius:8px;padding:10px 16px;color:#fff;cursor:pointer;font-size:14px;transition:background-color .2s}button:hover{background:#ffffff40}h1{font-size:2.5em;margin:0;font-weight:600}h2{font-size:1.5em;margin:0;font-weight:600}h3{font-size:1.2em;margin:0;font-weight:600}input,textarea,select{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:10px;color:#fff;font-size:14px}input::placeholder,textarea::placeholder{color:#fff9}input:focus,textarea:focus,select:focus{outline:none;border-color:#fff6;background:#ffffff26}.navbar{background:#2d1b3d;padding:0;box-shadow:0 2px 8px #0000001a;position:fixed;top:0;left:0;right:0;width:100%;z-index:1000}.navbar ul{list-style:none;margin:0;padding:0 2rem;display:flex;align-items:center;gap:2rem;height:60px}.navbar li{display:flex;align-items:center}.navbar a{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background-color .2s}.navbar a:hover{background:#ffffff1a}.main-container{padding:20px;max-width:600px;margin:80px auto 0}.card{background:#ffffff1a;border-radius:12px;padding:30px;border:1px solid rgba(255,255,255,.2)}.card-clickable{cursor:pointer;transition:background-color .2s}.card-clickable:hover{background:#ffffff26}.form-container{background:#ffffff1a;border-radius:12px;padding:30px;border:1px solid rgba(255,255,255,.2)}.form-title{text-align:center;margin-bottom:10px;color:#fff}.required-message{text-align:center;margin-bottom:30px;color:#fffc;font-size:16px;font-weight:700}.form-field{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{display:block;margin-bottom:8px;color:#fff;font-weight:700}.form-input{width:100%;padding:10px;border-radius:6px;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff}.form-textarea{width:100%;padding:10px;border-radius:6px;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;resize:vertical}.form-select{width:100%;padding:10px;border-radius:6px;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff}.form-buttons{display:flex;gap:10px;justify-content:center}.form-button{padding:10px 20px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer}.form-button-cancel{padding:10px 20px;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:6px;cursor:pointer}.error-message{color:#ff6b6b;background:#ff6b6b1a;padding:10px;border-radius:6px;text-align:center}.loading{text-align:center;margin-top:100px;color:#fff}.story-card{background:#ffffff1a;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.2)}.story-title{margin:0 0 10px;font-weight:700;color:#fff}.story-author{margin:0 0 15px;color:#fffc;font-size:14px}.story-content{white-space:pre-wrap;font-style:italic;color:#ffffffb3;line-height:1.5}.check-in-card{background:#ffffff1a;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:background-color .2s}.check-in-card:hover{background:#ffffff26}.check-in-title{margin:0 0 10px;font-weight:700;color:#fff}.check-in-date{margin:0;color:#fffc;font-size:14px}.add-button{text-align:center;margin-bottom:30px}.add-button button{padding:10px 20px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer}.empty-state{background:#ffffff1a;padding:20px;border-radius:12px;text-align:center}.empty-state p{color:#fff}.welcome-title{text-align:center;margin-bottom:30px;color:#fff}.welcome-subtitle{text-align:center;margin-bottom:10px;opacity:.8;font-size:1.2em;font-family:Georgia,Times New Roman,serif}.welcome-description{text-align:center;margin-bottom:40px;opacity:.8;font-size:1.2em;font-family:Georgia,Times New Roman,serif}.emergency-section{margin-bottom:30px;padding:20px;background:#ffffff0d;border-radius:8px;border-left:4px solid rgba(255,255,255,.3);text-align:center}.resource-item{margin-bottom:20px;padding:15px;background:#ffffff14;border-radius:6px;border:1px solid rgba(255,255,255,.1);text-align:center}.resource-item h3{margin:0 0 8px;color:#fff;font-size:1.1em}.phone-number{font-size:1.3em;font-weight:700;color:#4ecdc4;margin:8px 0;font-family:Courier New,monospace;font-weight:900}.website-link{font-size:1.1em;font-weight:700;color:#4ecdc4;margin:8px 0;text-decoration:underline}.resource-description{margin:8px 0 0;color:#fffc;font-size:.9em;line-height:1.4}.safety-note{margin-top:30px;padding:20px;background:#96ceb41a;border-radius:8px;border:1px solid rgba(150,206,180,.3);text-align:center}.safety-note p{margin:0;color:#ffffffe6}.author-card{background:#ffffff1a;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:background-color .2s}.author-card:hover{background:#ffffff26}.author-name{margin:0 0 8px;font-weight:700;color:#fff;font-size:1.2em}.author-stories-count{margin:0;color:#fffc;font-size:.9em;font-style:italic}.construction-message{text-align:center;padding:40px 20px}.construction-message h2{color:#4ecdc4;font-size:2em;margin-bottom:20px}.construction-message p{color:#fff;font-size:1.5em;font-weight:700}