.welcome{display:flex;flex-direction:column;align-items:center;height:calc(100vh - 50px - 91px - var(--msg-height));width:100%}.video{width:0px;height:0px;position:absolute;left:0;top:0;z-index:2}.enter_button{padding:20px;position:absolute;bottom:20px;right:30px;margin:0;z-index:999}.enter_button_text{text-wrap:nowrap;font-family:Inter-Black,Helvetica}.smile-flower{position:relative;height:100%;width:100%;margin:10px auto;display:flex;justify-content:center;align-items:center}.flower-button-container{position:relative;height:max-content;width:100%}.flower-background{display:block;top:0;left:0;width:100%;height:100%;object-fit:cover;max-height:calc(100vh - 91px - var(--msg-height) - 63px - 20px - 10px - 12px);z-index:1}.flower{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;z-index:998}.topbar{display:flex;flex-direction:row;align-items:center;border-bottom:3px solid black;padding-top:10px;padding-bottom:15px;margin:0 10px;max-height:91px}.top_button_text{color:#000;font-family:Inter-Black,Helvetica;font-size:32px;font-weight:500;letter-spacing:0;line-height:normal;margin-left:10px;display:flex;align-items:center;white-space:nowrap}.top_button_icon{margin-left:10px;margin-right:10px;display:flex;align-items:center}.top_button{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-left:10px;margin-right:10px;width:fit-content}.active{background-color:#ffd599;border:2px solid;border-color:#000;border-radius:10px;height:59px}.notactive{background-color:#ededed;border:2px solid;border-color:#000;border-radius:10px;height:59px}.story_card_button_group{display:flex;flex-direction:row;margin-left:20px;width:100%;text-wrap:nowrap}.story_card_button{padding:10px;display:flex;align-items:center;justify-content:center;text-align:center;color:#787878;cursor:pointer;font-family:Inter;font-size:28px;font-style:normal;font-weight:900;line-height:normal}.scb_active{color:#000;cursor:pointer}.scb_notactive{color:#787878;cursor:pointer}.saveStoryBook{text-align:center;color:#787878;cursor:pointer;font-family:Inter;font-size:28px;font-style:normal;font-weight:900;line-height:normal;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:30px}.logout-button{text-align:center;color:#787878;cursor:pointer;font-family:Inter;font-size:28px;font-style:normal;font-weight:900;line-height:normal;margin-left:auto;display:flex;align-items:center;white-space:nowrap}.logout{height:44px;width:44px;margin-left:15px}.msg_box{align-items:flex-start;background-color:#ebebeb;border-radius:30px;display:flex;flex-wrap:wrap;padding:4vh 2vw;margin-right:max(10px,1vw);flex:1}.msg_text{color:#000;font-family:Inter-Black,Helvetica;font-size:var(--normal-font-size);font-weight:800;letter-spacing:0;line-height:normal;max-height:calc(var(--msg-height) - 10vh);overflow-y:scroll}.button{padding:0vh 1.4vw;border:none;border-radius:20px;color:#fff;cursor:pointer;padding:0 1vw;height:6vh;text-wrap:nowrap;font-size:var(--button-font-size);font-family:Inter,sans-serif;font-weight:500}.button.small{border-radius:10px;font-size:var(--small-button-font-size);padding:0 1vw;height:4vh}.button:disabled{cursor:not-allowed}.button.normal{background-color:#4caf50}.button.normal:hover{background-color:#439d46}.button.primary{background-color:#238102}.button.primary:hover{background-color:#1c6601}.button.danger{background-color:red}.button.danger:hover{background-color:#8b0000}.button.important{background-color:#f8a01a}.button.important:hover{background-color:#d28715}.finish_story{display:flex;flex-grow:1;justify-content:center;align-items:center;height:calc(100vh - 50px - 91px - var(--msg-height) - var(--share-button-height))}.finish_story_button_group{display:flex;flex-direction:row;justify-content:space-around;align-items:center;width:100%}.icon-button-outer{display:flex;flex-direction:column;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.icon-circle-bg{width:8vw;height:8vw;min-width:80px;min-height:80px;background:#31975a;border:6px solid #92D6AF;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-sizing:border-box}.icon-circle-bg>*{font-size:clamp(40px,4vw,4vw);color:#fff}.icon-bottom-text{color:#b0b0b0;font-size:var(--normal-font-size);font-weight:600;text-align:center;letter-spacing:1px;word-break:keep-all}.login{display:flex;flex-direction:column;justify-content:start;align-items:center;margin-top:50px;margin-right:min(25vw,250px)}.register{width:100%;height:100%;display:flex;flex-direction:column;justify-content:start;align-items:center;margin-top:10px}.reg_items{margin-top:60px;display:flex;align-items:center;flex-direction:column;gap:30px}.set_cover_button_group{margin-top:60px;display:flex;gap:70px}.modal{display:flex;justify-content:center;align-items:center;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080}.modal-content{background-color:#fefefe;padding:20px;border:1px solid #888;width:50vw;height:50vh;min-width:540px;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center}.info{margin:10px 0;font-size:clamp(15px,1.7vw,30px);font-family:Inter,sans-serif;font-weight:500;color:#616060}.button-row{width:100%;display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;justify-content:center;height:auto;flex-direction:row;gap:12px;margin-top:20px;margin-bottom:10px}.close-button{position:absolute;top:-20px;right:0;color:#6a6a6a;font-size:60px;font-weight:700;cursor:pointer}.close-button:hover,.close-button:focus{color:#000;text-decoration:none;cursor:pointer}.pic-area{width:90%;height:90%;max-width:32vw;max-height:calc(50vh - 122px);min-width:530px;display:flex;justify-content:center;align-items:center}.pic-area img{max-width:32vw;max-height:calc(50vh - 102px);min-width:530px;object-fit:contain}.foot{padding:5px;text-align:center;color:#909090;font-family:Inter;font-size:16px;font-style:normal;font-weight:900;line-height:normal;border-top:3px solid black;margin-left:10px;margin-right:10px;height:50px;display:flex;flex-direction:column;gap:0}.talk_page_container{display:grid;grid-template-rows:91px 1fr 63px;height:calc(100vh - 16px)}.talk_top{width:100%;height:91px}.talk_body{display:flex;flex-direction:row;margin-bottom:10px;height:calc(100vh - 161px)}.talk_left_body{width:30vw;display:flex;flex-direction:column;height:calc(100vh - 161px)}.talk_right_body{width:70vw;display:flex;flex-direction:column;height:calc(100vh - 161px)}.talk_message{width:100%;display:flex;flex-direction:row;align-items:center;flex-shrink:0;height:30vh}.avatar{width:100%;height:100%;max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center}.avatar img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.talk_pages{flex:1;height:calc(100vh - 50px - 91px - var(--msg-height) - 10px);padding-right:max(10px,1vw)}.talk_footer{width:100%;height:50px}.share_story{width:100%;height:calc(100vh - 50px - 91px - var(--msg-height) - 20px);display:flex;flex-direction:row;align-items:center;gap:16px;margin-right:5px}.share_story_enter{display:flex;flex-direction:row;width:100%;justify-content:space-around;margin-left:auto;margin-right:auto}.share_container{display:flex;flex-direction:column;height:calc(100vh - var(--top-height) - var(--foot-height) - var(--msg-height));width:70vw}.share_main{display:flex;height:calc(100vh - 50px - 91px - var(--msg-height) - 30px - var(--share-button-height) - 15px);gap:10px}.image_section{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 50px - 91px - var(--msg-height) - 30px - var(--share-button-height) - 15px);max-width:25vw}.pic_show_section{position:relative;height:calc(100vh - 50px - 91px - var(--msg-height) - 30px - var(--share-button-height) - 15px);max-width:30vw;display:flex;align-items:center;justify-content:center}#pic_prev,#pic_next{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background-color:#fff9;border-radius:4px;display:flex;justify-content:center;object-fit:contain;font-size:calc(var(--button-font-size) + 15px)}#pic_prev{left:8px}#pic_next{right:8px}.image_section_end{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-left:10px;height:calc(100vh - 50px - 91px - var(--msg-height) - 30px - 120px);max-width:30vw}.upload_pic{width:100%;max-width:25vw;max-height:calc(100vh - 50px - 91px - var(--msg-height) - 20px - 85px);object-fit:contain}.pic_show_section_end{width:auto;height:calc(100vh - 50px - 91px - var(--msg-height) - 30px - 120px);display:flex;align-items:center;object-fit:contain}.upload_pic_end{height:calc(100vh - 50px - 91px - var(--msg-height) - 30px - 120px)}.buttons_section_pic{justify-content:space-around;display:flex;margin-bottom:10px;margin-top:10px;width:100%;height:fit-content;gap:10px}.char-count{margin-left:auto;margin-right:60px;font-size:1.1rem}.text_input_section{width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;height:calc(100vh - 50px - 91px - var(--msg-height) - 30px - var(--share-button-height) - 15px);flex:1}.text_input_section textarea{width:95%;margin-top:5px;flex:1;border:2px dashed #ccc;border-radius:10px;resize:none;padding-left:10px;padding-right:10px;font-size:var(--button-font-size);font-family:Inter,sans-serif;font-weight:900;color:#787878}.buttons_section{display:flex;margin:10px 20px;width:96%;height:var(--share-button-height);justify-content:space-between;gap:10px}.uploading_pics_button{width:fit-content;gap:20px}.share_story_addPic{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.image_modal{display:flex;justify-content:center;align-items:center;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080}.image_modal_root{background-color:#fefefe;border:1px solid #888;max-width:75vw;max-height:90vh;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center}.image_modal_close{position:absolute;top:-20px;right:0;color:#6a6a6a;font-size:60px;font-weight:700;cursor:pointer}.image_modal_close:hover,.image_modal_close:focus{color:#000;text-decoration:none;cursor:pointer}.modal_image{max-width:75vw;width:100%;height:auto;object-fit:cover}.image_modal_button{padding:10px 20px;color:#fff;border:none;cursor:pointer}.image_modal_normal_button{background-color:#4caf50}.image_modal_normal_button:hover{background-color:#5ad15e}.image_modal_primary_button{background-color:#2e7d32}.image_modal_primary_button:hover{background-color:#23da02}.image_modal_danger_button{background-color:red}.image_modal_danger_button:hover{background-color:#8b0000}.pic_gen_text{font-family:Inter,sans-serif}.create_node{display:flex;flex-grow:1;justify-content:center;padding-left:4vw;padding-right:4vw;align-items:center;height:calc(100vh - 50px - 91px - var(--msg-height) - var(--share-button-height))}.node_name_container,.node_people_container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5vh}.tagsinput{display:flex;flex-wrap:wrap;gap:8;justify-content:center;align-content:center;max-height:calc(100vh - var(--msg-height) - var(--top-height) - var(--foot-height) - 10vh);overflow-y:scroll}.storybook_container{display:flex;align-items:center;justify-content:center;flex-direction:row;padding-top:20px;padding-bottom:20px;gap:0px;height:calc(100vh - 194px)}.Storybookface{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.Storybookface .rectangle{background-color:#fff;border:1px solid;border-color:#0009;border-radius:20px;box-shadow:0 4px 4px #00000040;height:755px;left:0;top:0;width:538px}.lifestory{margin:30px;color:#909090;font-family:Inter-Black,Helvetica;font-size:clamp(18px,1.8vw,24px);font-weight:900;letter-spacing:12px}.userInfoText{position:absolute;right:0;margin:min(5vw,30px);color:#909090;font-family:Inter-Black,Helvetica;font-size:clamp(18px,1.8vw,24px);font-weight:900;letter-spacing:12px;text-align:right}.username{left:73px;top:5px;position:relative;color:#ffa31f;font-family:Anek Gujarati-Bold,Helvetica;font-size:clamp(35px,3vw,64px);font-weight:700;letter-spacing:6.4px;line-height:normal}.title{left:150px;top:10px;color:#525252;font-family:Inter-Black,Helvetica;font-size:clamp(35px,4.5vw,64px);font-weight:900;letter-spacing:0;line-height:normal;position:relative}.coverimage_container{margin-top:min(8vh,75px);margin-left:auto;margin-right:auto;min-height:210px;height:min(30vh,420px);min-width:210px;width:min(25vw,420px);display:flex;align-items:center;justify-content:center}.coverimage{max-width:100%;max-height:100%;object-fit:cover}.Storybookface .next{background-color:#ffd89f;border:8px solid;border-color:#fff;border-radius:40px;box-shadow:0 4px 4px #00000040;height:61px;width:min(5vw,86px);position:fixed;top:500px;left:1000px;text-align:center;align-items:center;justify-content:center;display:flex}.nextpagearrow{width:80%;height:80%;flex-shrink:0}.twopagebook_next{background-color:#ffd89f;border:8px solid;border-color:#fff;border-radius:40px;box-shadow:0 4px 4px #00000040;height:min(6vh,61px);width:calc(min(6vh,61px) + 5px);text-align:center;align-items:center;justify-content:center;display:flex;margin-left:auto;margin-right:10px}.twopagebook_next_face{background-color:#ffd89f;border:8px solid;border-color:#fff;border-radius:40px;box-shadow:0 4px 4px #00000040;height:61px;width:86px;position:absolute;top:450px;left:1220px;text-align:center;align-items:center;justify-content:center;display:flex}.twopagebook_up{background-color:#ffd89f;border:8px solid;border-color:#fff;border-radius:40px;box-shadow:0 4px 4px #00000040;height:min(6vh,61px);width:calc(min(6vh,61px) + 5px);transform:scaleX(-1);text-align:center;align-items:center;justify-content:center;display:flex;margin-left:10px;margin-right:auto}.bookface_right{position:relative;background-color:#fff;border:1px solid;border-color:#0009;border-radius:20px;box-shadow:5px 10px 15px #00000040;height:min(calc(100vh - 174px),755px);min-height:450px;width:min(calc(50vw - 120px),538px);min-width:410px;left:0;top:0}.bookface_left{position:relative;background-color:#fff;border:1px solid;border-color:#0009;border-radius:20px;box-shadow:-5px 10px 15px #00000040;height:min(calc(100vh - 174px),755px);min-height:450px;width:min(calc(50vw - 120px),538px);min-width:410px;left:0;top:0}.storypage{position:relative;background-color:#fff;border:1px solid;border-color:#0009;border-radius:20px;height:min(calc(100vh - 174px),755px);min-height:450px;width:min(calc(50vw - 120px),538px);min-width:410px;left:0;top:0}.leftpage{box-shadow:-5px 10px 15px #00000040}.rightpage{box-shadow:5px 10px 15px #00000040}.leftshadow{box-shadow:-5px 10px 15px #00000040}.rightshadow{box-shadow:5px 10px 15px #00000040}.leftshadow:after{content:"";position:absolute;top:0;right:-.5px;height:100%;border-radius:20px;width:80px;background:linear-gradient(to left,#00000040,#0000);z-index:1;pointer-events:none}.rightshadow:before{content:"";position:absolute;top:0;left:-.5px;height:100%;border-radius:20px;width:80px;background:linear-gradient(to right,#00000040,#0000);z-index:1;pointer-events:none}.twopagebook_topicimg:after{content:"";position:absolute;top:0;right:-.5px;height:100%;border-radius:20px;width:90px;background:linear-gradient(to left,#00000040,#0000);z-index:1;pointer-events:none}.twopagebook_topicimg{background-color:#fff;border:1px solid;border-color:#0009;border-radius:20px;box-shadow:5px 10px 15px #00000040;height:755px;left:0;top:0;width:538px;text-align:center;align-items:center;justify-content:center;display:flex;z-index:3}.topicImgWrap{position:relative;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.topicImg{max-width:100%;height:41%;object-fit:contain;border-radius:10px}.titleImgWrap{width:100%;height:min(30vh,308px);display:flex;justify-content:center;flex-direction:column;align-items:center;margin-top:28px;margin-bottom:20px}.titleImg{width:auto;max-height:100%;border-radius:10px;z-index:1;object-fit:contain}.storyTopic{width:100%;height:min(6vh,60px);margin-left:min(3vw,50px);margin-right:auto;margin-top:min(3vh,70px);margin-bottom:min(2vh,20px);color:#000;font-family:Inter;font-size:clamp(25px,4vh,40px);font-style:normal;font-weight:900;line-height:normal;letter-spacing:6.4px;text-align:justify;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;z-index:3}.storyCreateTime{margin-left:min(3vw,50px);color:#353535;font-family:Inter;font-weight:700}.storyContent{margin-left:min(3vw,50px);margin-right:min(3vw,50px);margin-bottom:auto;width:auto;align-self:center;gap:10px;flex-shrink:0;flex-wrap:wrap;color:#000;font-family:Inter;font-style:normal;font-weight:900;line-height:normal;letter-spacing:.3rem;overflow:visible;z-index:3;white-space:pre-wrap;margin-top:min(5vh,72px);font-size:clamp(13.5px,2.1vh,20px);height:100%}.storyContent_title{margin-top:min(7vh,72px);font-size:clamp(13.5px,2.1vh,20px)}.storyContent_title_pic{font-size:clamp(13.5px,2.1vh,20px)}.userInfo{padding-right:40px;padding-left:30px;width:438px;margin-top:auto;margin-bottom:auto;max-height:500px;align-self:center;gap:10px;flex-shrink:0;flex-wrap:wrap;color:#000;font-family:Inter;font-size:20px;font-style:normal;font-weight:900;line-height:normal;letter-spacing:4px;overflow:scroll;z-index:3}.user-info-container{display:flex;flex-direction:column;width:70%;margin:auto;padding-left:85px;position:absolute;bottom:min(10vh,100px)}.user-info-item{display:flex;justify-content:space-between;align-items:center;margin-top:min(5vh,40px);padding-bottom:10px;position:relative}.label{font-weight:700;color:#333;flex:0 0 120px;font-size:clamp(20px,2vw,25px);max-lines:1;white-space:nowrap}.value{color:#323232;text-align:right;margin-left:10px;font-size:clamp(20px,2vw,25px);flex:1;text-align:left;word-wrap:break-word;overflow-wrap:break-word;position:relative}.user-info-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:#ddd}.gallery{display:flex;flex-wrap:wrap;gap:20px;overflow-y:scroll;padding:16px;font-size:20px;align-content:flex-start;width:100%;height:90%}.card{flex:0 0 calc(33.33333% - 48px);background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:16px;height:300px;box-shadow:0 2px 4px #0000001a;transition:transform .2s;display:flex;flex-direction:column}.card:hover{transform:scale(1.05)}.card_topic{font-size:24px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:20vw;margin:0;padding:5px 5px 5px 0}.card_genTime{font-size:.8rem;align-self:flex-start;color:#706f6f;font-weight:500}.card_content{display:flex;align-items:center;flex:1;gap:10px}.card_pic{flex:0 0 auto;max-width:50%;max-height:200px;border-radius:8px}.card_text{flex:1;height:auto;align-self:flex-start;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6}.story_page_container{display:grid;grid-template-rows:91px 1fr 63px;height:calc(100vh - 16px);overflow:scroll}.story-modal .ant-modal-content{max-height:90vh!important;display:flex;flex-direction:column}.story-modal-title{background:#fff2cc!important;font-size:35px}.story-modal .ant-modal-body{overflow-y:auto!important;height:calc(90vh - 112px);min-height:120px;padding:0!important}.story-modal .ant-modal-content{background:#fff2cc!important}.story-modal .ant-modal-close{top:18px!important;right:18px!important}.storyline-view{display:flex;flex-direction:column;overflow:hidden;min-height:120px;height:100%;width:calc(96vw - clamp(38px,7vw,72px))}.timeline-button-row{margin-left:2vw;margin-right:2vw;display:flex;flex-direction:row;margin-bottom:2vh;margin-top:2vh;overflow-x:scroll;height:8vh;align-items:center}.timeline-node-btn{width:max-content;min-width:150px;height:5vh;min-height:28px;font-size:var(--normal-font-size);font-weight:600;color:#222;background:#fffbe8;border:1.8px solid #ffbb34;border-radius:10px;text-align:center;white-space:nowrap;box-shadow:0 2px 8px #f7e9b622;transition:border-color .16s,box-shadow .18s,background .18s;cursor:pointer;margin-bottom:2px;padding:0 18px;margin-left:3vw;display:flex;align-items:center;justify-content:center}.timeline{position:relative;display:flex;align-items:center;background:#fff;gap:0;overflow-x:scroll;min-height:120px;height:100%;width:calc(94vw - clamp(38px,7vw,72px));padding-left:2vw;margin-right:10vw}.timeline-line{position:absolute;top:calc(50% + max(2.5vh,12.5px) - 10px + var(--people-offset, 0px));left:2vw;right:2vw;height:20px;border-radius:20px;width:95%;background:#ffe394;z-index:1;pointer-events:none;padding-right:10vw}.timeline-curve-line{position:absolute;left:0;right:0;width:100%;height:calc(31vh - 9vw);z-index:1;pointer-events:none;margin-left:3vw}.timeline-node-wrapper{position:relative;width:8vw;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:7vw;cursor:pointer}.timeline-node-inner{position:absolute;width:100%;left:0;cursor:pointer}.timeline-node-inner.up{top:7vh;justify-content:flex-start;align-items:center;display:flex;flex-direction:column}.timeline-node-inner.down{bottom:7vh;justify-content:flex-end;align-items:center;display:flex;flex-direction:column-reverse}.timeline-link-svg{position:absolute;left:50%;transform:translate(-50%);pointer-events:none}.timeline-node-inner.up .timeline-link-svg{top:calc(5vh + 4.5vw + 12px)}.timeline-node-inner.down .timeline-link-svg{bottom:calc(5vh + 4.5vw + 12px)}.timeline-node-and-label{display:flex;flex-direction:column;align-items:center}.timeline-node{width:4.5vw;height:4.5vw;background:#ffbb34;border:5px solid #be910a;border-radius:50%;box-shadow:0 2px 12px #b5d0fa55;display:flex;align-items:center;justify-content:center;font-weight:600;color:#2562b6;cursor:pointer;transition:border .18s,box-shadow .18s}.timeline-node:active,.timeline-node:focus,.timeline-node:hover{background:#ffc653;border:5px solid #ba9e49;box-shadow:0 6px 15px #ffaa5499}.timeline-node-label{margin-bottom:5px;pointer-events:none;-webkit-user-select:none;user-select:none;text-align:center;width:20vw;height:5vh;min-width:150px;min-height:25px;font-size:var(--normal-font-size);font-weight:600;color:#202020;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-node-uncat{background:#f1f1f1;border:5px dashed #bbb;color:#999;box-shadow:none;cursor:not-allowed}.timeline-node-uncat:active,.timeline-node-uncat:focus,.timeline-node-uncat:hover{background:#f1f1f1;border:5px dashed #bbb;color:#999;box-shadow:none;cursor:not-allowed}.timeline-node-people{font-size:calc(var(--small-button-font-size));color:#888;width:20vw;height:2vh;min-width:150px;min-height:25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;text-align:center;cursor:default;line-height:1.3;display:flex;align-items:center;justify-content:center}.timeline-node-people-placeholder{font-size:var(--small-button-font-size);color:#888;width:20vw;height:2vh;min-width:150px;min-height:25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;text-align:center;cursor:default;line-height:1.3;display:flex;align-items:center;justify-content:center}.timeline-node-people-more{color:#3381ff;font-weight:700;cursor:pointer;margin-left:2px;font-size:var(--small-button-font-size);transition:color .18s}.timeline-node-people-more:hover{color:#f90}.story-people-view{height:calc(100vh - var(--top-height) - var(--foot-height) - 10px)}.flex-scroll-x{display:flex;flex-direction:row;overflow-x:auto;width:90vw;border-radius:28px;gap:0px;align-items:center;box-sizing:border-box}.me-group{display:flex;align-items:center;justify-content:center;min-width:60px;margin-right:-8vh;height:100%}.me-node{width:12vh;height:12vh;background:#ffbd01;border-radius:50%;border:.5vh solid #cd8f00;box-shadow:0 2px 12px #b37d0033;display:flex;align-items:center;justify-content:center;font-size:clamp(1em,3.3vh,5em);font-weight:700;color:#000;margin-left:8px;cursor:pointer}.me-node:hover{filter:brightness(1.08) drop-shadow(0 2px 18px #ffd16688)}.arc-group{position:relative;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:2vh;height:100%}.arc-bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;pointer-events:none}.arc-nodes{position:relative;width:100%;height:100%}.node{position:absolute;border-radius:50%;border:.1vh solid #c78e1f;display:flex;align-items:center;justify-content:center;font-size:clamp(1em,3vh,5em);font-weight:1000;white-space:wrap;text-overflow:ellipsis;color:#222;-webkit-user-select:none;user-select:none;transition:filter .2s;text-align:center;width:7vh;height:7vh;cursor:pointer}.node:hover{filter:brightness(1.08) drop-shadow(0 2px 18px #ffd16688)}.story-show{min-height:120px;width:100vw;display:flex;overflow:hidden;flex-direction:row;justify-content:center;align-items:center;height:100%}.story-show-main{min-height:120px;width:calc(96vw - clamp(38px,7vw,72px));display:flex;flex-direction:row;justify-content:center;align-items:center;height:100%}.button-group{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5vh;margin-right:3vw;margin-left:1vw}.toggle-btn{border:none;outline:none;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .18s,box-shadow .18s;width:clamp(38px,7vw,72px);height:clamp(38px,7vw,72px);-webkit-user-select:none;user-select:none;font-size:clamp(28px,5vw,50px);box-shadow:none;background:#ccc}.toggle-btn.active{background:#ffc628;box-shadow:0 4px 18px #c7975433}.toggle-btn:active:not(:disabled){box-shadow:0 0 0 3px #e0be87aa}.toggle-btn:disabled{opacity:.55;cursor:not-allowed}.toggle-btn-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}:root{--msg-height: 30vh;--foot-height: 63px;--top-height: 91px;--normal-font-size: clamp(20px,2vw,45px);--button-font-size: clamp(20px,1.5vw,42px);--small-button-font-size: clamp(20px,1.7vw,35px);--share-button-height: min(80px,5vh)}.Home{height:100vh}.Home .Talk{z-index:1;position:absolute}.Home .normal{z-index:2;position:absolute}