.charactor-choas-page,.charactor-choas-app{min-height:100vh;background:#eef0ed;padding:20px}.charactor-choas-page{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.charactor-choas-header{text-align:center;color:#000;margin-bottom:48px}.charactor-choas-header h1{font-size:1.8em;font-weight:500;margin-bottom:8px}.charactor-choas-subtitle{font-size:1rem;color:#333}.generator-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:900px;width:100%}.generator-card{background:#fff;border:1px solid #ddd;border-radius:4px;padding:24px;text-align:center;cursor:pointer;transition:border-color .2s;text-decoration:none;color:inherit;display:block}.generator-card:hover{border-color:#333}.generator-card .card-icon{font-size:2rem;margin-bottom:12px}.generator-card h2{color:#000;font-size:1.25rem;font-weight:600;margin-bottom:8px}.generator-card p{color:#555;font-size:.95rem;line-height:1.5;margin-bottom:16px}.card-features{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.card-features span{background:#eef0ed;color:#333;padding:4px 10px;border-radius:2px;font-size:.8rem;font-weight:500}.charactor-choas-app .header{text-align:center;color:#000;margin-bottom:32px;padding:0 20px 24px;display:flex;flex-direction:column;align-items:center;gap:20px}.charactor-choas-back{align-self:flex-start;padding:8px 16px;background:#fff;color:#000;border:1px solid #ccc;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:border-color .2s,background .2s;text-decoration:none;display:inline-block}.charactor-choas-back:hover{border-color:#333;background:#f5f5f5;color:#000}.charactor-choas-app .header h1{font-size:1.8em;font-weight:500;margin-bottom:4px}.charactor-choas-app .subtitle{font-size:1rem;color:#555}.charactor-choas-container{display:flex;flex-direction:column;gap:24px;max-width:900px;margin:0 auto}.charactor-choas-form{background:#fff;padding:24px;border-radius:4px;border:1px solid #ddd}.charactor-choas-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px}.charactor-choas-form-group label{font-weight:500;margin-bottom:6px;color:#333;font-size:.9rem}.charactor-choas-form-group input{padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s}.charactor-choas-form-group input:focus{outline:none;border-color:#333}.charactor-choas-button-group{display:flex;gap:12px;flex-wrap:wrap}.charactor-choas-generate-btn{flex:1;min-width:160px;padding:12px 16px;background:#000;color:#fff;border:1px solid black;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s,color .2s;display:flex;align-items:center;justify-content:center;gap:8px}.charactor-choas-generate-btn:hover{background:#333;border-color:#333;color:#fff}.charactor-choas-random-btn{flex:1;min-width:160px;padding:12px 16px;background:#fff;color:#000;border:1px solid #ccc;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:border-color .2s,background .2s}.charactor-choas-random-btn:hover{border-color:#333;background:#f5f5f5}.charactor-sheet{background:#fff;padding:24px;border-radius:4px;border:1px solid #ddd;animation:charactorFadeIn .3s ease-out}@keyframes charactorFadeIn{0%{opacity:0}to{opacity:1}}.charactor-sheet h2{color:#000;font-size:1.25rem;font-weight:600;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eee}.charactor-sheet .character-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #eee}.charactor-sheet .character-name{font-size:1.5rem;font-weight:600;color:#000;margin-bottom:12px}.charactor-sheet .character-details{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;margin-bottom:16px}.charactor-sheet .badge{background:#eef0ed;color:#333;padding:6px 12px;border-radius:2px;font-size:.85rem;font-weight:600;border:1px solid #ddd}.charactor-sheet .badge-class,.charactor-sheet .badge-alignment{background:#eef0ed;color:#333;border-color:#ddd}.charactor-sheet .character-info,.charactor-sheet .character-quest,.charactor-sheet .character-friend,.charactor-sheet .character-background{padding:16px;background:#fafafa;border-radius:4px;border-left:3px solid #ddd;margin-bottom:16px}.charactor-sheet .character-quest,.charactor-sheet .character-friend,.charactor-sheet .character-background{border-left-color:#999}.charactor-sheet .character-info div,.charactor-sheet .character-quest p,.charactor-sheet .character-friend p,.charactor-sheet .character-background p{line-height:1.6;color:#333;font-size:.95rem}.charactor-sheet h3{color:#000;font-size:1rem;font-weight:600;margin-bottom:8px}@media (max-width: 768px){.charactor-choas-header h1{font-size:1.5em}.generator-options{grid-template-columns:1fr}.charactor-choas-app .header h1{font-size:1.5em}.charactor-choas-form-grid{grid-template-columns:1fr}.charactor-sheet .character-name{font-size:1.25rem}}