:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400}body{margin:0}#root{min-height:100vh}html,body,#root,#root>*{width:100%!important;max-width:100%!important}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;background-color:#fafafa;font-family:Arial,sans-serif;overflow-x:hidden}.app-root{padding:20px;max-width:1200px;margin:0 auto}.crest-wrapper{display:flex;justify-content:center;align-items:center;gap:24px;margin-bottom:10px}.crest-image{max-width:260px;height:auto}.crest-flag{width:220px;height:auto;display:inline-block}.crest-flag-left{text-align:right}.crest-flag-right{text-align:left}.flag-toggle{display:flex;justify-content:center;margin-bottom:20px}.flag-toggle label{font-size:.95rem}h1{text-align:center;margin:10px 0 20px}.intro-wrapper{display:flex;justify-content:center;margin-bottom:24px}.intro-box{max-width:800px;padding:16px 20px;background-color:#316f17;border-radius:8px;box-shadow:0 2px 6px #00000026;line-height:1.5;text-align:center;color:#fff}.generation-nav{margin:24px 0 16px;text-align:center}.generation-nav button{margin:4px}.generation-view{margin-bottom:32px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.family-tree-container{width:100%;display:flex;flex-wrap:wrap;justify-content:center;column-gap:24px;row-gap:24px;padding:10px 0}.submission-section{margin-top:40px;padding:20px;max-width:800px;margin-left:auto;margin-right:auto;background-color:#dbba56;border-radius:8px;box-shadow:0 2px 6px #00000026;text-align:center}.submission-section h2{margin-top:0}.submission-form{display:flex;flex-direction:column;gap:12px;margin-top:10px}.submission-form label{display:flex;flex-direction:column;font-size:.95rem}.submission-form input[type=text],.submission-form input[type=email],.submission-form input[type=file],.submission-form textarea{margin-top:4px;padding:8px;border-radius:4px;border:1px solid #999;font:inherit}.submission-form textarea{resize:vertical}.submission-form button[type=submit]{align-self:center;margin-top:8px;padding:8px 16px;border-radius:4px;border:none;background-color:#006400;color:#fff;font-weight:700;cursor:pointer}.submission-form button[type=submit]:hover{background-color:green}.required{color:#c00;margin-left:4px}.pre-children-block{min-height:210px;display:flex;flex-direction:column;justify-content:flex-start}.person-card-wrapper{flex:0 0 320px;width:320px;height:800px;box-sizing:border-box;display:flex;margin:0;border:3px solid #000;border-radius:10px;background:transparent;box-shadow:0 2px 8px #0000001f}.person-card-wrapper>.card{flex:1 1 auto;display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box;padding:20px;margin:0;background:#316f17;color:#fff;overflow-y:auto}.card-header{height:110px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin-bottom:12px}.birth-death-line{font-size:.95rem}.person-card-wrapper button{border-radius:999px;border:1px solid rgba(0,0,0,.25);padding:4px 10px;box-shadow:0 2px 4px #0000002e;font-size:.9rem;line-height:1.2}.person-card-wrapper button:hover{box-shadow:0 3px 6px #00000040}.gen140-row{display:flex;gap:24px;align-items:flex-start;margin-bottom:32px}.gen140-ribbon{width:100px;min-width:100px;height:800px;background:#f3e7c3;border:2px solid #a58b56;border-radius:10px;box-shadow:inset 0 0 12px #00000040;display:flex;flex-direction:column;align-items:center;padding-top:12px;margin-right:16px;font-family:Times New Roman,serif;position:relative}.gen140-ribbon h4{margin:20px 0 0}.back-to-top-btn{margin-top:auto;margin-bottom:20px;padding:6px 12px;background-color:#d4b15a;border-radius:6px;font-weight:700;border:1px solid #8b6a24;cursor:pointer}.back-to-top-btn:hover{background-color:#e1c16d}.gen140-story-box{flex:1;height:800px;border:3px solid #000;border-radius:10px;background:#ffffff4d;padding:40px 24px 20px;box-sizing:border-box;background-image:url(/assets/ornament-top-CD6_zdAn.png);background-repeat:no-repeat;background-position:top center;background-size:100% auto}.gen140-notice{text-align:center;margin-top:30%;padding:6px 12px;background:#fff;border-radius:999px;border:1px solid rgba(0,0,0,.25);box-shadow:0 2px 4px #0000002e;font-size:.9rem}@media(max-width:900px){.app-root{padding:12px 8px}.crest-wrapper{flex-direction:column;align-items:center;gap:8px}.crest-image{max-width:240px;height:auto}.crest-flag{width:90px;height:auto}h1{font-size:1.6rem;padding:0;margin:10px 0 16px;text-align:center}.intro-wrapper{margin-bottom:16px;padding:0;justify-content:center}.intro-box{max-width:100%;padding:12px 14px;font-size:.95rem;margin:0;box-sizing:border-box}.generation-nav{margin:16px 0;text-align:center}.generation-nav button{margin:4px;min-width:90px}.submission-section{padding:14px;max-width:100%;margin:16px 0 24px;box-sizing:border-box}.person-card-wrapper{width:100%;flex:1 1 auto}.gen140-row{flex-direction:column}.gen140-ribbon{width:100%;min-width:0;height:auto;min-height:120px;margin-right:0}.gen140-story-box{width:100%;height:auto;min-height:300px;padding:60px 12px 20px}.gen140-notice{margin-top:20%}}