body{background:#f4f4f9;margin:0;padding:20px;font-family:Arial,sans-serif}header{background:#333;border-radius:5px;margin-bottom:20px;padding:15px}nav{gap:15px;display:flex}nav a,nav button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:16px;font-weight:700;text-decoration:none}main{background:#fff;border-radius:5px;padding:20px;box-shadow:0 2px 5px #0000001a}.story-card[data-v-7e96b779]{border:1px solid #ddd;border-radius:5px;margin-bottom:15px;padding:15px}.story-card h2[data-v-7e96b779]{margin-top:0}button[data-v-7e96b779]{color:#fff;cursor:pointer;background:#42b883;border:none;border-radius:4px;padding:10px 15px}button[data-v-7e96b779]:hover{background:#33a06f}.login-container[data-v-429dad65]{background-color:#fff;border:1px solid #ddd;border-radius:8px;max-width:400px;margin:0 auto;padding:20px}input[data-v-429dad65]{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:100%;margin-top:5px;margin-bottom:15px;padding:10px}button[data-v-429dad65]{color:#fff;cursor:pointer;background:#42b883;border:none;border-radius:4px;width:100%;padding:12px;font-weight:700}button[data-v-429dad65]:hover{background:#33a06f}.error[data-v-429dad65]{color:red;text-align:center;margin-top:10px;font-size:14px}.loading[data-v-fdcf247e]{text-align:center;margin-top:50px;font-size:18px}.story-content[data-v-fdcf247e]{background:#fff;border:1px solid #ddd;border-radius:8px;padding:30px}.synopsis[data-v-fdcf247e]{color:#555;margin-bottom:20px;font-size:18px}.content[data-v-fdcf247e]{white-space:pre-wrap;color:#333;margin-top:20px;font-size:16px;line-height:1.8}.error-msg[data-v-fdcf247e]{text-align:center;color:#d9534f;background:#fdf5f5;border:1px solid #f2dede;border-radius:8px;padding:40px}button[data-v-fdcf247e]{color:#fff;cursor:pointer;background:#42b883;border:none;border-radius:4px;margin-top:20px;padding:10px 20px;font-weight:700}button[data-v-fdcf247e]:hover{background:#33a06f}.back-btn[data-v-fdcf247e]{background:#666}.back-btn[data-v-fdcf247e]:hover{background:#444}