@charset "UTF-8";.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content.ilchon-modal{background:#fff;border-radius:0;width:400px;max-width:90%;box-shadow:0 5px 15px #0000004d;font-family:Dotum,sans-serif;color:#555;text-transform:none}.modal-header{padding:8px 12px;border-bottom:1px dashed #ddd;display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:13px;font-weight:700;color:#555;margin:0}.modal-body{padding:15px}.modal-body .sender-info{margin-bottom:10px;font-size:13px}.modal-body .sender-info time{font-size:11px;color:#999}.request-body{display:flex;gap:10px;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd}.request-body .minimi-figure{width:80px;height:80px;border:1px solid #ccc;background:#fff;flex-shrink:0}.request-body .minimi-figure img{width:100%;height:100%;object-fit:cover}.request-body .request-text{font-size:12px;line-height:1.5}.request-body .request-text strong{font-weight:700}.ilchon-relation-form .relation-group{display:flex;align-items:center;gap:6px;margin-bottom:10px;font-size:12px}.ilchon-relation-form .relation-group textarea{width:100%;font-size:12px;margin-top:20px;padding:20px;background-color:#ccc}.ilchon-relation-form .relation-group input[type=text]{width:80px;height:22.5px;padding:2px;border:1px solid #ccc}.ilchon-relation-form .relation-group select{padding:2px;border:1px solid #ccc}.ilchon-relation-form .request-message-input{width:100%;min-height:100px;resize:none;border:1px solid #ddd;background-color:#f8f8f8;font-size:12px;padding:10px;margin-top:8px}.ilchon-relation-form .agreement-text{font-size:12px;color:#555;text-align:center;margin-top:10px}.modal-footer{display:flex;justify-content:center;gap:10px;margin-top:10px;margin-bottom:10px}.modal-footer button{padding:0 4px;font-size:12px;color:#555;border:1px solid #555;border-radius:3px;transition:background .3s}.modal-footer .cancel-btn{background:#f0f0f0}.modal-footer .cancel-btn:hover{background:#e0e0e0}.modal-footer .submit-btn{background:#ddf3fd}.modal-footer .submit-btn:hover{background:#cbe3ee}.profile-history-modal{width:500px;background-color:#fff}.profile-history-modal .modal-body{max-height:500px;overflow-y:auto;padding:10px 20px}.profile-history-modal .history-list{list-style:none;padding:0;margin:0}.profile-history-modal .history-item{display:flex;gap:15px;padding:15px 0;border-bottom:1px solid #ddd}.profile-history-modal .history-item:last-child{border-bottom:none}.profile-history-modal .history-date{font-size:12px;color:#888;flex-shrink:0;width:80px}.profile-history-modal .history-content{display:flex;gap:15px;align-items:flex-start}.profile-history-modal .history-image{width:80px;height:80px;object-fit:cover;border-radius:4px;border:1px solid #ddd}.profile-history-modal .history-bio{font-size:13px;color:#555;margin:0;line-height:1.6;white-space:pre-wrap;text-transform:none}.profile-history-modal .no-history{text-align:center;padding:30px;color:#888;font-size:14px;text-transform:none}.ilchon-manage-modal{background-color:#fff;border:1px solid #ddd;box-shadow:0 4px 10px #00000026;width:400px;height:500px;max-width:90vw;overflow-y:scroll;animation:fadeIn .3s ease-out}.ilchon-manage-modal .modal-header{background-color:#fff;border-bottom:1px solid #ddd;padding:10px 15px}.ilchon-manage-modal .modal-header h2{font-size:14px;font-weight:700;color:#17c}.ilchon-manage-modal .modal-header .close-btn{font-size:20px;font-weight:700;color:#888}.ilchon-manage-modal .modal-tabs{display:flex;background-color:#fff;border-bottom:1px solid #ddd}.ilchon-manage-modal .modal-tabs button{flex:1;padding:10px;font-size:12px;font-weight:700;color:#555;border:none;border-right:1px solid #ddd;background-color:transparent;cursor:pointer;transition:all .2s}.ilchon-manage-modal .modal-tabs button:last-child{border-right:none}.ilchon-manage-modal .modal-tabs button:hover{background-color:#fff}.ilchon-manage-modal .modal-tabs button.active{background-color:#fff;color:#17c;border-bottom:2px solid #1177cc;margin-bottom:-1px}.ilchon-manage-modal .modal-body{padding:8px;min-height:300px;max-height:60vh;background-color:#fff}.ilchon-manage-modal .modal-body p{font-size:13px;text-align:center;padding:40px 0;color:#888}.ilchon-manage-modal .modal-body .ilchon-list,.ilchon-manage-modal .modal-body .request-list{list-style:none;padding:0;margin:0}.ilchon-manage-modal .modal-body .ilchon-list li,.ilchon-manage-modal .modal-body .request-list li{display:flex;align-items:center;justify-content:space-between;padding:10px 5px;border-bottom:1px dotted #ddd}.ilchon-manage-modal .modal-body .ilchon-list li:last-child,.ilchon-manage-modal .modal-body .request-list li:last-child{border-bottom:none}.ilchon-manage-modal .modal-body .ilchon-link,.ilchon-manage-modal .modal-body .edit-nickname-form{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit;font-size:12px}.ilchon-manage-modal .modal-body .ilchon-link .separator,.ilchon-manage-modal .modal-body .edit-nickname-form .separator{color:#aaa;font-size:12px}.ilchon-manage-modal .modal-body .ilchon-link .friend-info,.ilchon-manage-modal .modal-body .ilchon-link .my-info,.ilchon-manage-modal .modal-body .edit-nickname-form .friend-info,.ilchon-manage-modal .modal-body .edit-nickname-form .my-info{color:#888}.ilchon-manage-modal .modal-body .ilchon-link .friend-info strong,.ilchon-manage-modal .modal-body .ilchon-link .my-info strong,.ilchon-manage-modal .modal-body .edit-nickname-form .friend-info strong,.ilchon-manage-modal .modal-body .edit-nickname-form .my-info strong{font-weight:700;color:#555}.ilchon-manage-modal .modal-body .ilchon-link .friend-info a,.ilchon-manage-modal .modal-body .ilchon-link .my-info a,.ilchon-manage-modal .modal-body .edit-nickname-form .friend-info a,.ilchon-manage-modal .modal-body .edit-nickname-form .my-info a{text-decoration:none}.ilchon-manage-modal .modal-body .ilchon-link .friend-info a:hover,.ilchon-manage-modal .modal-body .ilchon-link .my-info a:hover,.ilchon-manage-modal .modal-body .edit-nickname-form .friend-info a:hover,.ilchon-manage-modal .modal-body .edit-nickname-form .my-info a:hover{text-decoration:underline}.ilchon-manage-modal .modal-body .edit-nickname-form{width:100%;display:flex;justify-content:space-between;align-items:center}.ilchon-manage-modal .modal-body .edit-nickname-form .nickname-inputs{display:flex;align-items:center;gap:4px}.ilchon-manage-modal .modal-body .edit-nickname-form .nickname-inputs input[type=text]{width:100px;padding:4px;border:1px solid #ddd;font-size:11px}.ilchon-manage-modal .modal-body .edit-nickname-form .nickname-inputs input[type=text]:focus{outline:1px solid #1177cc}.ilchon-manage-modal .modal-body .request-list.accordion .request-item{flex-direction:column;align-items:stretch;padding:0}.ilchon-manage-modal .modal-body .request-list.accordion .request-summary{display:flex;justify-content:space-between;align-items:center;padding:12px 10px;font-size:12px;cursor:pointer;transition:background-color .2s}.ilchon-manage-modal .modal-body .request-list.accordion .request-summary:hover{background-color:#f9f9f9}.ilchon-manage-modal .modal-body .request-list.accordion .request-summary a{font-weight:700;color:#17c;text-decoration:none}.ilchon-manage-modal .modal-body .request-list.accordion .request-summary a:hover{text-decoration:underline}.ilchon-manage-modal .modal-body .request-list.accordion .request-summary .arrow{font-size:10px;color:#999;transition:transform .3s ease}.ilchon-manage-modal .modal-body .request-list.accordion .request-summary .arrow.up{transform:rotate(180deg)}.ilchon-manage-modal .modal-body .request-list.accordion .request-details{padding:34px 15px;background-color:#fafafa;border-top:1px dotted #ddd;display:flex;flex-direction:column;gap:10px}.ilchon-manage-modal .modal-body .request-list.accordion .request-details .request-body{display:flex;align-items:center;gap:10px}.ilchon-manage-modal .modal-body .request-list.accordion .request-details .request-body .minimi-figure{margin:0}.ilchon-manage-modal .modal-body .request-list.accordion .request-details .request-body .request-text{font-size:12px}.ilchon-manage-modal .modal-body .request-list.accordion .request-details .request-body .request-text p{text-align:left;padding:0;margin:2px 0}.ilchon-manage-modal .modal-body .request-list.accordion .request-details .request-message-box,.ilchon-manage-modal .modal-body .request-list.accordion .request-details .nickname-info{background-color:#fff;border:1px solid #ddd;padding:8px;width:calc(100% - 16px);height:80px;border-radius:3px;font-size:12px;color:#555;overflow-y:scroll}.ilchon-manage-modal .modal-body .request-list.accordion .request-details .request-message-box p,.ilchon-manage-modal .modal-body .request-list.accordion .request-details .nickname-info p{padding:0;margin:3px 0;text-align:left}.ilchon-manage-modal .modal-body .request-list.accordion .request-details .request-message-box .nickname-display,.ilchon-manage-modal .modal-body .request-list.accordion .request-details .nickname-info .nickname-display{color:#17c;font-weight:700}.ilchon-manage-modal .modal-body .request-list.accordion .request-details .nickname-info{background:none;border:none;padding:0;height:auto}.ilchon-manage-modal .modal-body .request-list.accordion .request-details .modal-footer{display:flex;justify-content:space-between;align-items:center;width:100%}.ilchon-manage-modal .modal-body .request-list.accordion .request-details .modal-footer p{padding:0;margin:0;font-size:12px}.ilchon-manage-modal .modal-body .ilchon-actions{display:flex;gap:5px}.ilchon-manage-modal .modal-body .action-btn{font-size:11px;padding:4px 8px;border:1px solid #ddd;background-color:#fff;color:#555;border-radius:3px;cursor:pointer;transition:all .2s}.ilchon-manage-modal .modal-body .action-btn:hover{background-color:#eee;border-color:#888}.ilchon-manage-modal .modal-body .action-btn.danger{border-color:#f37021;color:#f37021}.ilchon-manage-modal .modal-body .action-btn.danger:hover{background-color:#eee;border-color:#f37021}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}/*! 
https://serp.co/tools/css-reset/
<link rel="stylesheet" href="https://css.serp.co/css-reset/normalize.css/">
*/html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}dl,dt,dd{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,blockquote,figure,hr,dl,dd,ol,ul,li,fieldset,legend,pre{margin:0;padding:0}ul,ol{list-style:none}a{text-decoration:none;color:inherit}button{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit;border:none;background:none;outline:none}img{max-width:100%;height:auto;vertical-align:middle}table{border-collapse:collapse;border-spacing:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;color:#000}.site-header{position:fixed;top:0;left:0;z-index:100;width:100%;background-color:#f9f9f9;border-bottom:1px solid #ddd;padding:0 20px}.header-content{display:flex;justify-content:flex-end;align-items:center;max-width:1250px;margin:0 auto;height:30px}.site-nav{display:flex;align-items:center;gap:8px;font-size:13px;text-transform:none}.site-nav a,.site-nav button{display:flex;align-items:center;padding:0 4px;transition:background-color .2s;background-color:#fff;border-style:solid;border-width:1px;border-top-color:#fff;border-left-color:#fff;border-right-color:#888;border-bottom-color:#888;color:#555}.site-nav a:hover,.site-nav button:hover{background-color:#e7e7e7}.site-nav a:active,.site-nav button:active{border-top-color:#888;border-left-color:#888;border-right-color:#fff;border-bottom-color:#fff}.site-nav a img,.site-nav button img{width:16px;margin-right:3px}.site-nav .dropdown{position:relative}.site-nav .dropdown .dropdown-menu{position:absolute;top:100%;left:0;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 8px #0000001a;list-style:none;padding:5px;margin-top:5px;min-width:150px;z-index:101}.site-nav .dropdown .dropdown-menu li a{display:block;width:100%;text-align:left;background:none;border:none}.site-nav .dropdown .dropdown-menu li a:hover{background-color:#e7e7e7}.main-content{padding-top:30px;display:flex;gap:80px}.disabled{pointer-events:none;color:#ccc}.sr_only{display:none}*{box-sizing:border-box}body{display:flex;align-items:center;justify-content:center;height:100vh;background-color:#828282;background-image:linear-gradient(to right,rgba(204,204,204,.5019607843) 1px,transparent 1px),linear-gradient(to bottom,rgba(204,204,204,.5019607843) 1px,transparent 1px);background-size:20px 20px}div.container{position:relative;display:flex}main.main_container{display:flex;width:1020px;height:670px;border-radius:16px;box-shadow:0 8px 20px #0000004d}@media screen and (max-width: 1220px){main.main_container{width:800px;height:540px}}section.book_cover{position:relative;height:100%;border:1px solid #828282;border-radius:16px;background-color:#82bad6}section.book_cover:after{content:"";position:absolute;top:13px;width:calc(100% - 13px);height:calc(100% - 26px);border:2px dashed rgba(255,255,255,.8);border-radius:16px}@media screen and (max-width: 1220px){section.book_cover{border-radius:12px}}section.left_page{max-width:250px;width:100%;padding:20px 0 20px 20px;border-right:none!important}section.left_page:after{left:10px;top:10px;width:calc(100% - 10px);height:calc(100% - 20px)}section.left_page .inner_page{border-right:none;padding-right:8px}section.left_page .inner_page h3{font-size:12px;color:#17c}@media screen and (max-width: 1220px){section.left_page{max-width:200px;padding:18px 0 18px 18px}section.left_page:after{top:10px;left:10px;width:calc(100% - 10px);height:calc(100% - 20px)}section.left_page .inner_page{padding-right:4px}}section.right_page{width:1180px;padding:20px 20px 20px 0;border-left:none!important}section.right_page:after{right:10px;top:10px;width:calc(100% - 10px);height:calc(100% - 20px)}section.right_page .inner_page{border-left:none;padding-left:8px}@media screen and (max-width: 1220px){section.right_page{padding:18px 18px 18px 0}section.right_page .inner_page{padding-left:4px}section.right_page:after{right:8px;top:10px;width:calc(100% - 10px);height:calc(100% - 20px);border-radius:12px}}.inner_page{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;padding:15px;background-color:#fff;border-radius:16px;border:1px solid #828282}.inner_page .top_area{min-height:32px;margin-bottom:4px}.inner_page .bottom_area{width:100%;max-height:680px;height:100%;padding:16px 18px;border-radius:14px;border:1px solid #999;overflow-y:scroll}.inner_page .bottom_area.profile_area{overflow:visible}@media screen and (max-width: 1220px){.inner_page{padding:12px;border-radius:14px}.inner_page .bottom_area{padding:10px 14px;border-radius:10px}}section.left_page section.today_stats{display:flex;justify-content:center;align-items:flex-end}section.left_page section.today_stats .visit_list{display:flex;align-items:center;justify-content:center;margin-top:10px;text-transform:uppercase}section.left_page section.today_stats .visit_list dt,section.left_page section.today_stats .visit_list dd{margin:0}section.left_page section.today_stats .visit_list dt{margin-right:4px;font-size:9px}section.left_page section.today_stats .visit_list dd{font-weight:700;font-size:11px}section.left_page section.today_stats .visit_list dd:not(:last-child):after{content:"|";margin:0 10px;color:#555}section.left_page section.today_stats .visit_list dd.today_value{color:#e81d1d}@media screen and (max-width: 1220px){section.left_page section.today_stats .visit_list dt{font-size:8px}section.left_page section.today_stats .visit_list dd{font-size:10px}}.profile_area{display:flex;flex-direction:column}.profile_main{flex-grow:1;overflow-y:auto}.profile_footer{flex-shrink:0;margin-top:auto;margin-bottom:20px}.profile_pic{position:relative;width:100%;max-height:200px;min-height:180px;margin-bottom:10px;overflow:hidden}@media screen and (max-width: 1220px){.profile_pic{min-height:150px;max-height:170px}}.profile_pic figure{margin:0;transition:filter .3s ease}.profile_pic .profile-pic-edit-btn{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;color:#fff;border:none;cursor:pointer;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;text-transform:none}.profile-edit-form .profile_pic.edit-mode{position:relative}.profile-edit-form .profile_pic.edit-mode:hover figure{filter:blur(2px) brightness(.7)}.profile-edit-form .profile_pic.edit-mode:hover .profile-pic-edit-btn{opacity:1}.profile-edit-form .profile_pic.edit-mode .file-upload-btn{position:absolute;bottom:10px;left:50%;width:80%;transform:translate(-50%);background-color:#0009;text-align:center;color:#fff;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;text-transform:none}.profile-edit-form .profile_pic.edit-mode input[type=file]{display:none}.today_mood{position:relative;padding:3px 14px;border:1px solid #ddd;border-radius:2px;margin-bottom:8px}.today_mood p{display:flex;align-items:center;font-size:9px;font-weight:700;color:#82bad6;text-transform:uppercase}.today_mood button,.today_mood span{margin-left:6px;font-size:13px;font-weight:400;color:#000}.today_mood ul#moodList{position:absolute;top:100%;left:0;width:100%;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 8px #0000001a;z-index:100;list-style:none;padding:5px 0;margin:2px 0 0}.today_mood ul#moodList li{padding:2px 8px;cursor:pointer;font-size:13px;text-transform:none}.today_mood ul#moodList li:hover{background-color:#f0f2f5}@media screen and (max-width: 1600px) and (min-width: 1221px){.today_mood{padding:4px 14px}.today_mood p{font-size:10px}}@media screen and (max-width: 1220px){.today_mood{padding:2px 8px}.today_mood button{font-size:11px}}.profile_pic{position:relative;width:100%;margin-bottom:10px;overflow:hidden}.profile_pic img{display:block;width:100%;object-fit:cover}.profile_intro{height:160px;overflow-y:scroll;font-size:12px}.profile_intro p{font-size:13px;white-space:pre-wrap;text-transform:none}.profile_intro textarea{width:100%;height:95%;border:1px solid #1177cc}@media screen and (max-width: 1220px){.profile_intro{height:110px}.profile_intro p{font-size:12px}}.profile_util{display:flex;gap:8px;border-bottom:1px solid #ddd;margin-bottom:10px}.profile_util button{display:inline-flex;align-items:center;font-size:9px;font-weight:700;text-transform:uppercase}.profile_util button:before{content:"";display:inline-block;width:1px;height:1px;margin-right:2px;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:6px solid #FF7F00;background:none;border-radius:0;cursor:pointer;padding:0}.profile_util button:before:hover{border-left-color:#666}.profile_util button:hover{color:#666}@media screen and (max-width: 1220px){.profile_util{margin-bottom:6px}.profile_util p{font-size:10px}}.profile_util.edit-mode{justify-content:flex-end;gap:8px;padding-bottom:5px}.profile_util.edit-mode button{background-color:#f0f0f0;border:1px solid #666;border-radius:2px;padding:0 4px;font-size:8px;line-height:12px;font-weight:500;color:#555;cursor:pointer;text-transform:none;transition:background-color .2s}.profile_util.edit-mode button:hover{background-color:#e0e0e0}.profile_util.edit-mode button:before{content:"";display:none}.profile_info .profile_info_wrap{display:flex;align-items:center;gap:4px}.profile_info .user_name{display:inline-block;margin-right:2px;font-size:14px;font-weight:700;color:#2094b8}.profile_info .user_gender,.profile_info .user_birth{display:inline-block;font-size:11px;color:#888}.profile_info .user_email{font-size:11px}.profile_info .user_email a{text-transform:lowercase;color:#ff7f00}@media screen and (max-width: 1220px){.profile_info .user_name{margin-right:0;font-size:12px}.profile_info .user_gender,.profile_info .user_birth,.profile_info .user_email{font-size:9px}}.title_area{display:flex;justify-content:space-between;align-items:flex-end;padding:0 10px}.title_area h3{font-size:21px;font-weight:700;color:#42506e}.title_area .flex-wrap{display:flex;flex-direction:column}.title_area ul{display:flex;justify-content:flex-end;gap:5px;font-size:12px;font-weight:700;color:#ff7f00}.title_area a{text-transform:lowercase;color:#888;font-size:10px;transition:color .3s}.title_area a:hover{color:#17c;transition:color .3s}.title_area .title-wrapper{display:flex;align-items:flex-end;gap:14px}.title_area .title-wrapper h3{margin:0}.title_area .title-wrapper .title-edit-btn,.title_area .title-wrapper .title-edit-actions button{background-color:#f0f0f0;border:1px solid #666;border-radius:2px;padding:0 4px;font-size:8px;line-height:12px;font-weight:500;color:#555;cursor:pointer;text-transform:none;transition:background-color .2s}.title_area .title-wrapper .title-edit-btn:hover,.title_area .title-wrapper .title-edit-actions button:hover{background-color:#e0e0e0}.title_area .title-wrapper .title-edit-input{font-size:18px;font-weight:700;color:#5a87af;border:1px solid #ccc;border-radius:4px;padding:0 6px;text-transform:uppercase}.title_area .title-wrapper .title-edit-actions{display:flex;gap:3px}@media screen and (max-width: 1220px){.title_area h3{font-size:18px}}.grid_container{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"new links" "mini mini" "ilchone ilchone";grid-template-rows:auto auto auto;gap:10px;max-width:800px}.grid_container h2{height:30px;font-size:18px;color:#2094b8}.grid_container .title-wrapper{display:flex;align-items:center;gap:10px;margin-bottom:5px}.grid_container .title-wrapper h3{margin:0}.grid_container .title-wrapper .title-edit-btn{background:none;border:none;cursor:pointer;font-size:14px}.grid_container .title-wrapper .title-edit-input{font-size:21px;font-weight:700;color:#5a87af;border:1px solid #ccc;border-radius:4px;padding:2px 6px}.grid_container .title-wrapper .title-edit-actions button{font-size:12px;padding:2px 8px;margin-left:5px}@media screen and (max-width: 1220px){.grid_container h2{height:24px;font-size:14px}}.recent_posts{grid-area:new}.recent_posts h2{border-bottom:1px solid #ddd;margin-bottom:6px}.recent_posts .no-posts{font-size:14px;padding:15px;text-align:center;background-color:#f8f8f8}.recent_posts .post_lists{display:flex;flex-direction:column;gap:4px}.recent_posts .post_lists article>a{display:flex}.recent_posts .post_lists .tag{display:inline-block;padding:0 6px;margin-right:4px;border-radius:4px;font-size:14px;color:#fff}.recent_posts .post_lists .tag_gray{background-color:#888}.recent_posts .post_lists .tag_pink{background-color:#c243a4}.recent_posts .post_lists .tag_green{background-color:#4ed938}.recent_posts .post_lists .tag_orange{background-color:#d97537}.recent_posts .post_lists h3{display:inline-block;max-width:260px;font-size:14px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width: 1220px){.recent_posts .post_lists h3,.recent_posts .post_lists .tag{font-size:12px}}.links{grid-area:links;margin-top:30px;border-top:1px dashed #ddd}.links ul{display:grid;grid-template-columns:1fr 1fr;margin-top:6px}.links ul li{display:flex;align-items:center;border-bottom:1px dashed;font-size:14px;height:32px}.links ul li a{display:flex;align-items:center}.links ul li strong{font-weight:400;margin-right:15px}.links ul li .new_icon{width:10px;margin-left:5px;animation:sparkle 1.2s infinite ease-in-out}@keyframes sparkle{0%,to{opacity:1}50%{opacity:.1}}.links ul li .post_count{font-size:12px;color:#0e2fed}@media screen and (max-width: 1220px){.links{margin-top:24px}.links ul{margin-top:3px}.links ul li{height:32px;font-size:12px}}.miniroom{grid-area:mini;margin-top:20px}.miniroom img{width:100%;border:1px solid #d3d3d3}.nav{position:absolute;z-index:10;top:100px;right:-43px}.nav ul{display:flex;flex-direction:column;gap:3px}.nav li{display:flex;align-items:center;justify-content:center;width:80px;height:48px;background-color:#2873a5;color:#fff;border:1px solid #000;border-left:none;border-top-right-radius:10px;border-bottom-right-radius:10px;cursor:pointer}.nav li.active{background-color:#fff;color:#000}@media screen and (max-width: 1600px) and (min-width: 1221px){.nav{right:-38px}.nav li{width:75px;height:45px}}@media screen and (max-width: 1220px){.nav{top:85px;right:-32px}.nav ul{gap:3px}.nav li{width:64px;height:38px;font-size:12px}}.guestbook .bottom_area{padding:10px 18px}.guestbook .bottom_area h3{font-size:12px;color:#77adc8;margin-bottom:10px}.guestbook_input_inner{position:relative;display:flex;gap:10px;padding:10px 10px 30px;background-color:#eee}.guestbook_form{width:80%;height:90px}.guestbook_form textarea{display:inline-block;width:100%;height:90px;padding:10px;background-color:#fff;resize:none;font-size:12px;border:1px solid #d8d8d8}.secret_checkbox{display:flex;align-items:center;font-size:12px;color:#555;cursor:pointer}.secret_checkbox input{margin-right:4px}.minimi_figure,.guestbook_figure{position:relative;width:90px;height:90px;margin-bottom:10px;overflow:hidden;border:1px solid #d8d8d8}.minimi_figure img,.guestbook_figure img{position:absolute;top:50%;left:50%;display:block;width:100%;height:100%;transform:translate(-50%,-50%);object-fit:cover}.guestbook_btn{position:absolute;right:10px;bottom:10px;border:1px solid #ddd;font-size:12px;padding:2px 8px;border-radius:2px;transition:background .3s}.guestbook_btn:hover{background-color:#eee;transition:background .3s}.guestbook_list{display:flex;flex-direction:column;gap:20px;width:100%;margin-top:20px}.guestbook_list li{width:100%}.guestbook_list li.secret .guestbook_header{border-top-color:#edddc4;background-color:#ffefd9}.guestbook_list li.secret .guestbook_body{align-items:flex-start;background-color:#fffdf5}.guestbook_header{display:flex;justify-content:space-between;align-items:center;gap:3px;background-color:#eee;padding:4px 10px;border-top:2px solid #ddd}.guestbook_header .guestbook_header_left{display:flex;align-items:center;gap:3px}.guestbook_header .guestbook_number{font-style:normal;font-size:8px;margin-right:4px}.guestbook_header .guestbook_writer{font-weight:400;font-size:14px;color:#25407e}.guestbook_header .mini_home_btn{width:18px;height:18px;background-image:url(/imgs/minihome_icon.png);background-size:cover;background-repeat:no-repeat;position:relative;color:transparent;font-size:0}.guestbook_header time{font-size:10px;color:#888;margin-left:4px}.guestbook_body{display:flex;align-items:center;gap:20px;padding:10px}.guestbook_body .guestbook_figure{border-radius:4px}.guestbook_body .guestbook_content{width:100%}.guestbook_body .guestbook_content .secret_message{display:flex;align-items:center;font-size:12px;font-weight:500;margin-bottom:8px}.guestbook_body .guestbook_content .secret_message img{width:12px;margin-right:3px}.guestbook_body .guestbook_content .secret_message .secret_title{color:#e18e11}.guestbook_body .guestbook_content .secret_message .secret_description{color:#c9ac00}.guestbook_body .guestbook_content .guestbook_text{font-size:13px;max-width:360px}.guestbook-actions{display:flex;gap:10px;font-size:10px}.guestbook-actions button{background:none;border:none;color:#888;cursor:pointer;padding:0}.guestbook-actions button:hover{text-decoration:underline}.guestbook_text.secret-text{color:#999;font-style:italic}.guestbook-edit-form{width:100%}.guestbook-edit-form textarea{width:100%;min-height:60px;padding:8px;border:1px solid #2094b8;border-radius:4px;margin-bottom:10px;font-size:12px}.guestbook-edit-form .edit-actions{display:flex;justify-content:space-between;gap:8px}.guestbook-edit-form .edit-actions .edit-buttons{display:flex;gap:6px}.guestbook-edit-form .edit-actions .edit-buttons button{border:1px solid #ccc;background-color:#f0f0f0;padding:2px 8px;font-size:12px;border-radius:2px;cursor:pointer}.guestbook-edit-form .edit-actions .edit-buttons button[type=submit]{background-color:#2094b8;color:#fff;border-color:#2094b8}.pagination{margin-top:30px}.pagination ul{display:flex;justify-content:center;list-style:none;gap:8px;padding:0}.pagination li a{display:block;text-decoration:none;color:#888;font-size:14px}.pagination li a.active,.pagination li a:hover,.pagination .prev,.pagination .next{color:#333}textarea:disabled,button:disabled{background-color:#f5f5f5;color:#ccc;cursor:not-allowed;border-color:#e0e0e0}button:disabled:hover{background-color:#f5f5f5}input:disabled+label,input:disabled{color:#ccc;cursor:not-allowed}.pado_taki_area .dropdown{position:relative;display:inline-block;width:100%}.pado_taki_area .pado-button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:3px 5px;font-size:12px;color:#333;background-color:#fff;border:1px solid #d3d3d3;cursor:pointer}@media screen and (max-width: 1220px){.pado_taki_area .pado-button{padding:0 3px;font-size:11px}}.pado_taki_area .pado-button:active{border-top-color:#fff;border-left-color:#fff;border-right-color:gray;border-bottom-color:gray}.pado_taki_area .pado-button .arrow{display:flex;align-items:center;justify-content:center;height:12px;width:12px;border:1px solid #d3d3d3}.pado_taki_area .dropdown-menu{position:absolute;left:0;top:100%;width:100%;border:1px solid;border-top-color:#fff;border-left-color:#fff;border-right-color:gray;border-bottom-color:gray;background-color:#fff;list-style:none;padding:2px;margin:0;max-height:115px;overflow-y:auto;z-index:10}@media screen and (max-width: 1220px){.pado_taki_area .dropdown-menu{max-height:200px}}.pado_taki_area .dropdown-menu li a{font-size:12px;color:#000;text-decoration:none;display:block;padding:2px 3px}@media screen and (max-width: 1220px){.pado_taki_area .dropdown-menu li a{font-size:11px}}.pado_taki_area .dropdown-menu li a:hover{background-color:#0a246a;color:#fff}@media screen and (max-width: 1220px){.common-editor-container{max-width:534px}}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #ddd;background:#f0f0f0}@media screen and (max-width: 1220px){.editor-header{font-size:12px}}.editor-header .title-input-group,.editor-header .title-input-group input{width:100%}main.login-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:400px;height:400px;padding:20px;border-radius:50%;background-color:#fff}.login-container .logo_title{margin-bottom:20px;width:200px}.login-form{display:flex;flex-direction:column;gap:10px}.form-group{width:230px}.form-group input{width:100%;border:1px solid #ddd;padding:10px 20px;border-radius:40px;font-size:14px;text-transform:none}.form-group input::placeholder{color:#aaa}.login-form button{width:230px;padding:10px 20px;background-color:#000;border-radius:40px;margin-top:10px;font-size:14px;color:#fff;cursor:pointer}.sub-links{display:flex;gap:10px;margin-top:16px;font-size:12px;color:#888}.sub-links li:not(:last-child):after{content:"|";margin-left:10px;color:#ddd}.signup-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;width:380px;text-transform:none}.signup-container .logo_title{width:180px;margin-bottom:20px}.signup-form{width:100%;display:flex;flex-direction:column;gap:5px}.signup-form .input-group{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.signup-form input[type=text],.signup-form input[type=email],.signup-form input[type=password],.signup-form input[type=tel]{width:100%;border:1px solid #ddd;padding:8px 15px;border-radius:4px;font-size:14px;transition:border-color .2s}.signup-form input[type=text].invalid,.signup-form input[type=email].invalid,.signup-form input[type=password].invalid,.signup-form input[type=tel].invalid{border-color:#e53e3e}.signup-form input[type=text].invalid:focus,.signup-form input[type=email].invalid:focus,.signup-form input[type=password].invalid:focus,.signup-form input[type=tel].invalid:focus{outline-color:#e53e3e}.signup-form .validation-message{font-size:12px;padding-left:5px}.signup-form .validation-message.error{color:#e53e3e}.signup-form .validation-message.success{color:#38a169}.signup-form .validation-message.caps-lock{color:#dd6b20;font-weight:500}.signup-form .gender-select{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.signup-form .gender-select label input[type=radio]{position:absolute;opacity:0;width:0;height:0}.signup-form .gender-select label span{display:block;padding:12px;border:1px solid #ddd;border-radius:4px;text-align:center;cursor:pointer;transition:all .2s ease-in-out;font-size:14px;text-transform:uppercase}.signup-form .gender-select label input[type=radio]:checked+span{background-color:#ccc;color:#fff;border-color:#ccc;font-weight:700}.signup-form .error-message{color:#e53e3e;font-size:12px;text-align:center;margin-top:10px}.signup-form button[type=submit]{width:100%;padding:12px;background-color:#f37021;border-radius:4px;font-size:16px;color:#fff;cursor:pointer;font-weight:700;border:none;margin-top:10px;transition:background-color .2s}.signup-form button[type=submit]:hover{background-color:#18718d}.find-account-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;width:450px;text-transform:none}.find-account-container .logo_title{width:180px;margin-bottom:20px}.tab-nav{display:flex;width:100%;margin-bottom:20px}.tab-nav button{flex:1;padding:12px;border:1px solid #ddd;background-color:#f9f9f9;cursor:pointer;font-size:14px;font-weight:700;color:#888;transition:all .2s}.tab-nav button:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.tab-nav button:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;border-left:none}.tab-nav button.active{background-color:#ccc;color:#fff;border-color:#ccc}.find-account-form{width:100%;display:flex;flex-direction:column;gap:15px}.find-account-form input{width:100%;border:1px solid #ddd;padding:12px 15px;border-radius:4px;font-size:14px}.find-account-form button[type=submit]{width:100%;padding:12px;background-color:#f37021;border-radius:4px;font-size:16px;color:#fff;cursor:pointer;font-weight:700;border:none;margin-top:10px;transition:background-color .2s}.find-account-form button[type=submit]:hover{background-color:#d5580c}.error-message{color:#e53e3e;font-size:12px;text-align:center;margin-top:15px}.success-message{color:#38a169;font-size:13px;font-weight:700;text-align:center;margin-top:15px}.validation-message{font-size:12px;padding-left:5px}.validation-message.error{color:#e53e3e}.validation-message.success{color:#38a169}.validation-message.caps-lock{color:#dd6b20;font-weight:500}.photo-album-container{padding:10px}.photo-post{margin-bottom:2rem}.photo-post .post-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:12px;color:#555;font-weight:500;margin-bottom:16px}.photo-post .post-header .post-author{font-weight:700;color:#2873a5}.photo-post .post-header .post-date{color:#555;font-weight:500}.photo-post .post-title{display:block;width:100%;text-align:center;background-color:#eee;padding:6px 2px;font-size:13px;font-weight:700;color:#333;border-top:1px solid #ddd;margin-bottom:2px}.photo-post .post-body{padding:0 4px;margin-bottom:20px}.photo-post .post-body .post-image{margin-bottom:4px}.photo-post .post-body .post-content{font-size:14px;color:#555}.photo-post .post-body .secret-post-placeholder{text-align:center;background-color:#f8f8f8;padding:10px 0}.photo-post .post-body .secret-post-placeholder img{width:20px;margin-bottom:5px;opacity:.7}.photo-post .post-body .secret-post-placeholder p{font-size:13px;color:#666}.photo-post .post-footer{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:4px;margin-bottom:10px}.load-more-btn{display:block;width:100%;padding:.8rem;border:1px solid #ccc;background-color:#f0f0f0;cursor:pointer}.load-more-btn:hover{background-color:#e0e0e0}.photo-album-actions{text-align:right}.tiptap-tooltip{--tt-tooltip-bg: var(--tt-gray-light-900);--tt-tooltip-text: var(--white);--tt-kbd: var(--tt-gray-dark-a-400)}.dark .tiptap-tooltip{--tt-tooltip-bg: var(--white);--tt-tooltip-text: var(--tt-gray-light-600);--tt-kbd: var(--tt-gray-light-a-400)}.tiptap-tooltip{z-index:200;overflow:hidden;border-radius:var(--tt-radius-md, .375rem);background-color:#eee;padding:.375rem .5rem;font-size:.75rem;font-weight:500;color:var(--tt-tooltip-text);box-shadow:0 4px 6px -1px #0000001a;text-align:center}.tiptap-tooltip kbd{display:inline-block;text-align:center;vertical-align:baseline;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;text-transform:capitalize;color:var(--tt-kbd)}.tiptap-button{--tt-button-default-bg-color: var(--tt-gray-light-a-100);--tt-button-hover-bg-color: var(--tt-gray-light-200);--tt-button-active-bg-color: var(--tt-gray-light-a-200);--tt-button-active-bg-color-emphasized: var( --tt-brand-color-100 );--tt-button-active-bg-color-subdued: var( --tt-gray-light-a-200 );--tt-button-active-hover-bg-color: var(--tt-gray-light-300);--tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-200 );--tt-button-active-hover-bg-color-subdued: var( --tt-gray-light-a-300 );--tt-button-disabled-bg-color: var(--tt-gray-light-a-50)}.dark .tiptap-button{--tt-button-default-bg-color: var(--tt-gray-dark-a-100);--tt-button-hover-bg-color: var(--tt-gray-dark-200);--tt-button-active-bg-color: var(--tt-gray-dark-a-200);--tt-button-active-bg-color-emphasized: var( --tt-brand-color-900 );--tt-button-active-bg-color-subdued: var( --tt-gray-dark-a-200 );--tt-button-active-hover-bg-color: var(--tt-gray-dark-300);--tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-800 );--tt-button-active-hover-bg-color-subdued: var( --tt-gray-dark-a-300 );--tt-button-disabled-bg-color: var(--tt-gray-dark-a-50)}.tiptap-button{--tt-button-default-text-color: var(--tt-gray-light-a-600);--tt-button-hover-text-color: var(--tt-gray-light-a-900);--tt-button-active-text-color: var(--tt-gray-light-a-900);--tt-button-active-text-color-emphasized: var(--tt-gray-light-a-900);--tt-button-active-text-color-subdued: var(--tt-gray-light-a-900);--tt-button-disabled-text-color: var(--tt-gray-light-a-400)}.dark .tiptap-button{--tt-button-default-text-color: var(--tt-gray-dark-a-600);--tt-button-hover-text-color: var(--tt-gray-dark-a-900);--tt-button-active-text-color: var(--tt-gray-dark-a-900);--tt-button-active-text-color-emphasized: var(--tt-gray-dark-a-900);--tt-button-active-text-color-subdued: var(--tt-gray-dark-a-900);--tt-button-disabled-text-color: var(--tt-gray-dark-a-300)}.tiptap-button{--tt-button-default-icon-color: var(--tt-gray-light-a-600);--tt-button-hover-icon-color: var(--tt-gray-light-a-900);--tt-button-active-icon-color: var(--tt-brand-color-500);--tt-button-active-icon-color-emphasized: var(--tt-brand-color-600);--tt-button-active-icon-color-subdued: var(--tt-gray-light-a-900);--tt-button-disabled-icon-color: var(--tt-gray-light-a-400)}.dark .tiptap-button{--tt-button-default-icon-color: var(--tt-gray-dark-a-600);--tt-button-hover-icon-color: var(--tt-gray-dark-a-900);--tt-button-active-icon-color: var(--tt-brand-color-400);--tt-button-active-icon-color-emphasized: var(--tt-brand-color-400);--tt-button-active-icon-color-subdued: var(--tt-gray-dark-a-900);--tt-button-disabled-icon-color: var(--tt-gray-dark-a-400)}.tiptap-button{--tt-button-default-icon-sub-color: var(--tt-gray-light-a-400);--tt-button-hover-icon-sub-color: var(--tt-gray-light-a-500);--tt-button-active-icon-sub-color: var(--tt-gray-light-a-400);--tt-button-active-icon-sub-color-emphasized: var(--tt-gray-light-a-500);--tt-button-active-icon-sub-color-subdued: var(--tt-gray-light-a-400);--tt-button-disabled-icon-sub-color: var(--tt-gray-light-a-100)}.dark .tiptap-button{--tt-button-default-icon-sub-color: var(--tt-gray-dark-a-300);--tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-400);--tt-button-active-icon-sub-color: var(--tt-gray-dark-a-300);--tt-button-active-icon-sub-color-emphasized: var(--tt-gray-dark-a-400);--tt-button-active-icon-sub-color-subdued: var(--tt-gray-dark-a-300);--tt-button-disabled-icon-sub-color: var(--tt-gray-dark-a-100)}.tiptap-button{--tt-button-default-dropdown-arrows-color: var(--tt-gray-light-a-600);--tt-button-hover-dropdown-arrows-color: var(--tt-gray-light-a-700);--tt-button-active-dropdown-arrows-color: var(--tt-gray-light-a-600);--tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-light-a-700 );--tt-button-active-dropdown-arrows-color-subdued: var(--tt-gray-light-a-600);--tt-button-disabled-dropdown-arrows-color: var(--tt-gray-light-a-400)}.dark .tiptap-button{--tt-button-default-dropdown-arrows-color: var(--tt-gray-dark-a-600);--tt-button-hover-dropdown-arrows-color: var(--tt-gray-dark-a-700);--tt-button-active-dropdown-arrows-color: var(--tt-gray-dark-a-600);--tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-dark-a-700 );--tt-button-active-dropdown-arrows-color-subdued: var(--tt-gray-dark-a-600);--tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400)}.tiptap-button[data-style=ghost]{--tt-button-default-bg-color: var(--transparent);--tt-button-hover-bg-color: var(--tt-gray-light-200);--tt-button-active-bg-color: var(--tt-gray-light-a-100);--tt-button-active-bg-color-emphasized: var( --tt-brand-color-100 );--tt-button-active-bg-color-subdued: var( --tt-gray-light-a-100 );--tt-button-active-hover-bg-color: var(--tt-gray-light-200);--tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-200 );--tt-button-active-hover-bg-color-subdued: var( --tt-gray-light-a-200 );--tt-button-disabled-bg-color: var(--transparent)}.dark .tiptap-button[data-style=ghost]{--tt-button-default-bg-color: var(--transparent);--tt-button-hover-bg-color: var(--tt-gray-dark-200);--tt-button-active-bg-color: var(--tt-gray-dark-a-100);--tt-button-active-bg-color-emphasized: var( --tt-brand-color-900 );--tt-button-active-bg-color-subdued: var( --tt-gray-dark-a-100 );--tt-button-active-hover-bg-color: var(--tt-gray-dark-200);--tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-800 );--tt-button-active-hover-bg-color-subdued: var( --tt-gray-dark-a-200 );--tt-button-disabled-bg-color: var(--transparent)}.tiptap-button[data-style=ghost]{--tt-button-default-text-color: var(--tt-gray-light-a-600);--tt-button-hover-text-color: var(--tt-gray-light-a-900);--tt-button-active-text-color: var(--tt-gray-light-a-900);--tt-button-active-text-color-emphasized: var(--tt-gray-light-a-900);--tt-button-active-text-color-subdued: var(--tt-gray-light-a-900);--tt-button-disabled-text-color: var(--tt-gray-light-a-400)}.dark .tiptap-button[data-style=ghost]{--tt-button-default-text-color: var(--tt-gray-dark-a-600);--tt-button-hover-text-color: var(--tt-gray-dark-a-900);--tt-button-active-text-color: var(--tt-gray-dark-a-900);--tt-button-active-text-color-emphasized: var(--tt-gray-dark-a-900);--tt-button-active-text-color-subdued: var(--tt-gray-dark-a-900);--tt-button-disabled-text-color: var(--tt-gray-dark-a-300)}.tiptap-button[data-style=ghost]{--tt-button-default-icon-color: var(--tt-gray-light-a-600);--tt-button-hover-icon-color: var(--tt-gray-light-a-900);--tt-button-active-icon-color: var(--tt-brand-color-500);--tt-button-active-icon-color-emphasized: var(--tt-brand-color-600);--tt-button-active-icon-color-subdued: var(--tt-gray-light-a-900);--tt-button-disabled-icon-color: var(--tt-gray-light-a-400)}.dark .tiptap-button[data-style=ghost]{--tt-button-default-icon-color: var(--tt-gray-dark-a-600);--tt-button-hover-icon-color: var(--tt-gray-dark-a-900);--tt-button-active-icon-color: var(--tt-brand-color-400);--tt-button-active-icon-color-emphasized: var(--tt-brand-color-300);--tt-button-active-icon-color-subdued: var(--tt-gray-dark-a-900);--tt-button-disabled-icon-color: var(--tt-gray-dark-a-400)}.tiptap-button[data-style=ghost]{--tt-button-default-icon-sub-color: var(--tt-gray-light-a-400);--tt-button-hover-icon-sub-color: var(--tt-gray-light-a-500);--tt-button-active-icon-sub-color: var(--tt-gray-light-a-400);--tt-button-active-icon-sub-color-emphasized: var(--tt-gray-light-a-500);--tt-button-active-icon-sub-color-subdued: var(--tt-gray-light-a-400);--tt-button-disabled-icon-sub-color: var(--tt-gray-light-a-100)}.dark .tiptap-button[data-style=ghost]{--tt-button-default-icon-sub-color: var(--tt-gray-dark-a-300);--tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-400);--tt-button-active-icon-sub-color: var(--tt-gray-dark-a-300);--tt-button-active-icon-sub-color-emphasized: var(--tt-gray-dark-a-400);--tt-button-active-icon-sub-color-subdued: var(--tt-gray-dark-a-300);--tt-button-disabled-icon-sub-color: var(--tt-gray-dark-a-100)}.tiptap-button[data-style=ghost]{--tt-button-default-dropdown-arrows-color: var(--tt-gray-light-a-600);--tt-button-hover-dropdown-arrows-color: var(--tt-gray-light-a-700);--tt-button-active-dropdown-arrows-color: var(--tt-gray-light-a-600);--tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-light-a-700 );--tt-button-active-dropdown-arrows-color-subdued: var( --tt-gray-light-a-600 );--tt-button-disabled-dropdown-arrows-color: var(--tt-gray-light-a-400)}.dark .tiptap-button[data-style=ghost]{--tt-button-default-dropdown-arrows-color: var(--tt-gray-dark-a-600);--tt-button-hover-dropdown-arrows-color: var(--tt-gray-dark-a-700);--tt-button-active-dropdown-arrows-color: var(--tt-gray-dark-a-600);--tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-dark-a-700 );--tt-button-active-dropdown-arrows-color-subdued: var( --tt-gray-dark-a-600 );--tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400)}.tiptap-button[data-style=primary]{--tt-button-default-bg-color: var(--tt-brand-color-500);--tt-button-hover-bg-color: var(--tt-brand-color-600);--tt-button-active-bg-color: var(--tt-brand-color-100);--tt-button-active-bg-color-emphasized: var( --tt-brand-color-100 );--tt-button-active-bg-color-subdued: var( --tt-brand-color-100 );--tt-button-active-hover-bg-color: var(--tt-brand-color-200);--tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-200 );--tt-button-active-hover-bg-color-subdued: var( --tt-brand-color-200 );--tt-button-disabled-bg-color: var(--tt-gray-light-a-100)}.dark .tiptap-button[data-style=primary]{--tt-button-default-bg-color: var(--tt-brand-color-500);--tt-button-hover-bg-color: var(--tt-brand-color-600);--tt-button-active-bg-color: var(--tt-brand-color-900);--tt-button-active-bg-color-emphasized: var( --tt-brand-color-900 );--tt-button-active-bg-color-subdued: var( --tt-brand-color-900 );--tt-button-active-hover-bg-color: var(--tt-brand-color-800);--tt-button-active-hover-bg-color-emphasized: var( --tt-brand-color-800 );--tt-button-active-hover-bg-color-subdued: var( --tt-brand-color-800 );--tt-button-disabled-bg-color: var(--tt-gray-dark-a-100)}.tiptap-button[data-style=primary]{--tt-button-default-text-color: var(--white);--tt-button-hover-text-color: var(--white);--tt-button-active-text-color: var(--tt-gray-light-a-900);--tt-button-active-text-color-emphasized: var(--tt-gray-light-a-900);--tt-button-active-text-color-subdued: var(--tt-gray-light-a-900);--tt-button-disabled-text-color: var(--tt-gray-light-a-400)}.dark .tiptap-button[data-style=primary]{--tt-button-default-text-color: var(--white);--tt-button-hover-text-color: var(--white);--tt-button-active-text-color: var(--tt-gray-dark-a-900);--tt-button-active-text-color-emphasized: var(--tt-gray-dark-a-900);--tt-button-active-text-color-subdued: var(--tt-gray-dark-a-900);--tt-button-disabled-text-color: var(--tt-gray-dark-a-300)}.tiptap-button[data-style=primary]{--tt-button-default-icon-color: var(--white);--tt-button-hover-icon-color: var(--white);--tt-button-active-icon-color: var(--tt-brand-color-600);--tt-button-active-icon-color-emphasized: var(--tt-brand-color-600);--tt-button-active-icon-color-subdued: var(--tt-brand-color-600);--tt-button-disabled-icon-color: var(--tt-gray-light-a-400)}.dark .tiptap-button[data-style=primary]{--tt-button-default-icon-color: var(--white);--tt-button-hover-icon-color: var(--white);--tt-button-active-icon-color: var(--tt-brand-color-400);--tt-button-active-icon-color-emphasized: var(--tt-brand-color-400);--tt-button-active-icon-color-subdued: var(--tt-brand-color-400);--tt-button-disabled-icon-color: var(--tt-gray-dark-a-300)}.tiptap-button[data-style=primary]{--tt-button-default-icon-sub-color: var(--tt-gray-dark-a-500);--tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-500);--tt-button-active-icon-sub-color: var(--tt-gray-light-a-500);--tt-button-active-icon-sub-color-emphasized: var(--tt-gray-light-a-500);--tt-button-active-icon-sub-color-subdued: var(--tt-gray-light-a-500);--tt-button-disabled-icon-sub-color: var(--tt-gray-light-a-100)}.dark .tiptap-button[data-style=primary]{--tt-button-default-icon-sub-color: var(--tt-gray-dark-a-400);--tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-500);--tt-button-active-icon-sub-color: var(--tt-gray-dark-a-300);--tt-button-active-icon-sub-color-emphasized: var(--tt-gray-dark-a-400);--tt-button-active-icon-sub-color-subdued: var(--tt-gray-dark-a-300);--tt-button-disabled-icon-sub-color: var(--tt-gray-dark-a-100)}.tiptap-button[data-style=primary]{--tt-button-default-dropdown-arrows-color: var(--white);--tt-button-hover-dropdown-arrows-color: var(--white);--tt-button-active-dropdown-arrows-color: var(--tt-gray-light-a-700);--tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-light-a-700 );--tt-button-active-dropdown-arrows-color-subdued: var( --tt-gray-light-a-700 );--tt-button-disabled-dropdown-arrows-color: var(--tt-gray-light-a-400)}.dark .tiptap-button[data-style=primary]{--tt-button-default-dropdown-arrows-color: var(--white);--tt-button-hover-dropdown-arrows-color: var(--white);--tt-button-active-dropdown-arrows-color: var(--tt-gray-dark-a-600);--tt-button-active-dropdown-arrows-color-emphasized: var( --tt-gray-dark-a-600 );--tt-button-active-dropdown-arrows-color-subdued: var( --tt-gray-dark-a-600 );--tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400)}.tiptap-button-group{position:relative;display:flex;vertical-align:middle}.tiptap-button-group[data-orientation=vertical]{flex-direction:column;align-items:flex-start;justify-content:center;min-width:max-content}.tiptap-button-group[data-orientation=vertical]>.tiptap-button{width:100%}.tiptap-button-group[data-orientation=horizontal]{gap:.125rem;flex-direction:row;align-items:center}.tiptap-button{font-size:13px;font-weight:500;font-feature-settings:"salt" on,"cv01" on;line-height:1.15;height:20px;border:none;padding:4px;gap:.25rem;display:flex;align-items:center;justify-content:center;border-radius:var(--tt-radius-lg, .75rem);transition-property:background,color,opacity;transition-duration:var(--tt-transition-duration-default);transition-timing-function:var(--tt-transition-easing-default)}@media screen and (max-width: 1220px){.tiptap-button{font-size:11px}}.tiptap-button:focus-visible{outline:none}.tiptap-button[data-highlighted=true],.tiptap-button[data-focus-visible=true]{background-color:var(--tt-button-hover-bg-color);color:var(--tt-button-hover-text-color)}.tiptap-button[data-weight=small]{width:1.5rem;min-width:1.5rem;padding-right:0;padding-left:0}.tiptap-button[data-size=large]{font-size:.9375rem;height:2.375rem;min-width:2.375rem;padding:.625rem}.tiptap-button[data-size=small]{font-size:.75rem;line-height:1.2;height:1.5rem;min-width:1.5rem;padding:.3125rem;border-radius:var(--tt-radius-md, .5rem)}.tiptap-button .tiptap-button-text{padding:0 .125rem;flex-grow:1;text-align:left;line-height:1.5rem}.tiptap-button[data-text-trim=on] .tiptap-button-text{text-overflow:ellipsis;overflow:hidden}.tiptap-button .tiptap-button-icon,.tiptap-button .tiptap-button-icon-sub,.tiptap-button .tiptap-button-dropdown-arrows,.tiptap-button .tiptap-button-dropdown-small{flex-shrink:0}.tiptap-button .tiptap-button-icon{width:16px;height:16px}@media screen and (max-width: 1220px){.tiptap-button .tiptap-button-icon{width:12px;height:12px}}.tiptap-button[data-size=large] .tiptap-button-icon{width:1.125rem;height:1.125rem}.tiptap-button[data-size=small] .tiptap-button-icon{width:.875rem;height:.875rem}.tiptap-button .tiptap-button-icon-sub{width:1rem;height:1rem}.tiptap-button[data-size=large] .tiptap-button-icon-sub{width:1.125rem;height:1.125rem}.tiptap-button[data-size=small] .tiptap-button-icon-sub{width:.875rem;height:.875rem}.tiptap-button .tiptap-button-dropdown-arrows{width:.75rem;height:.75rem}.tiptap-button[data-size=large] .tiptap-button-dropdown-arrows{width:.875rem;height:.875rem}.tiptap-button[data-size=small] .tiptap-button-dropdown-arrows,.tiptap-button .tiptap-button-dropdown-small{width:.625rem;height:.625rem}.tiptap-button[data-size=large] .tiptap-button-dropdown-small{width:.75rem;height:.75rem}.tiptap-button[data-size=small] .tiptap-button-dropdown-small{width:.5rem;height:.5rem}.tiptap-button:has(>svg):not(:has(>:not(svg))){gap:.125rem}.tiptap-button:has(>svg):not(:has(>:not(svg)))[data-size=large],.tiptap-button:has(>svg):not(:has(>:not(svg)))[data-size=small]{gap:.125rem}.tiptap-button:has(>svg:nth-of-type(2)):has(>.tiptap-button-dropdown-small):not(:has(>svg:nth-of-type(3))):not(:has(>.tiptap-button-text)){gap:0;padding-right:.25rem}.tiptap-button:has(>svg:nth-of-type(2)):has(>.tiptap-button-dropdown-small):not(:has(>svg:nth-of-type(3))):not(:has(>.tiptap-button-text))[data-size=large]{padding-right:.375rem}.tiptap-button:has(>svg:nth-of-type(2)):has(>.tiptap-button-dropdown-small):not(:has(>svg:nth-of-type(3))):not(:has(>.tiptap-button-text))[data-size=small]{padding-right:.25rem}.tiptap-button .tiptap-button-emoji{width:1rem;display:flex;justify-content:center}.tiptap-button[data-size=large] .tiptap-button-emoji{width:1.125rem}.tiptap-button[data-size=small] .tiptap-button-emoji{width:.875rem}.tiptap-button{background-color:var(--tt-button-default-bg-color);color:var(--tt-button-default-text-color)}.tiptap-button .tiptap-button-icon{color:var(--tt-button-default-icon-color)}.tiptap-button .tiptap-button-icon-sub{color:var(--tt-button-default-icon-sub-color)}.tiptap-button .tiptap-button-dropdown-arrows,.tiptap-button .tiptap-button-dropdown-small{color:var(--tt-button-default-dropdown-arrows-color)}.tiptap-button:hover:not([data-active-item=true]):not([disabled]),.tiptap-button[data-active-item=true]:not([disabled]),.tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted=false]){background-color:var(--tt-button-hover-bg-color);color:var(--tt-button-hover-text-color)}.tiptap-button:hover:not([data-active-item=true]):not([disabled]) .tiptap-button-icon,.tiptap-button[data-active-item=true]:not([disabled]) .tiptap-button-icon,.tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted=false]) .tiptap-button-icon{color:var(--tt-button-hover-icon-color)}.tiptap-button:hover:not([data-active-item=true]):not([disabled]) .tiptap-button-icon-sub,.tiptap-button[data-active-item=true]:not([disabled]) .tiptap-button-icon-sub,.tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted=false]) .tiptap-button-icon-sub{color:var(--tt-button-hover-icon-sub-color)}.tiptap-button:hover:not([data-active-item=true]):not([disabled]) .tiptap-button-dropdown-arrows,.tiptap-button:hover:not([data-active-item=true]):not([disabled]) .tiptap-button-dropdown-small,.tiptap-button[data-active-item=true]:not([disabled]) .tiptap-button-dropdown-arrows,.tiptap-button[data-active-item=true]:not([disabled]) .tiptap-button-dropdown-small,.tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted=false]) .tiptap-button-dropdown-arrows,.tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted=false]) .tiptap-button-dropdown-small{color:var(--tt-button-hover-dropdown-arrows-color)}.tiptap-button[data-active-state=on]:not([disabled]),.tiptap-button[data-state=open]:not([disabled]){background-color:var(--tt-button-active-bg-color);color:var(--tt-button-active-text-color)}.tiptap-button[data-active-state=on]:not([disabled]) .tiptap-button-icon,.tiptap-button[data-state=open]:not([disabled]) .tiptap-button-icon{color:var(--tt-button-active-icon-color)}.tiptap-button[data-active-state=on]:not([disabled]) .tiptap-button-icon-sub,.tiptap-button[data-state=open]:not([disabled]) .tiptap-button-icon-sub{color:var(--tt-button-active-icon-sub-color)}.tiptap-button[data-active-state=on]:not([disabled]) .tiptap-button-dropdown-arrows,.tiptap-button[data-active-state=on]:not([disabled]) .tiptap-button-dropdown-small,.tiptap-button[data-state=open]:not([disabled]) .tiptap-button-dropdown-arrows,.tiptap-button[data-state=open]:not([disabled]) .tiptap-button-dropdown-small{color:var(--tt-button-active-dropdown-arrows-color)}.tiptap-button[data-active-state=on]:not([disabled]):hover,.tiptap-button[data-state=open]:not([disabled]):hover{background-color:var(--tt-button-active-hover-bg-color)}.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=emphasized],.tiptap-button[data-state=open]:not([disabled])[data-appearance=emphasized]{background-color:var(--tt-button-active-bg-color-emphasized);color:var(--tt-button-active-text-color-emphasized)}.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=emphasized] .tiptap-button-icon,.tiptap-button[data-state=open]:not([disabled])[data-appearance=emphasized] .tiptap-button-icon{color:var(--tt-button-active-icon-color-emphasized)}.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=emphasized] .tiptap-button-icon-sub,.tiptap-button[data-state=open]:not([disabled])[data-appearance=emphasized] .tiptap-button-icon-sub{color:var(--tt-button-active-icon-sub-color-emphasized)}.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=emphasized] .tiptap-button-dropdown-arrows,.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=emphasized] .tiptap-button-dropdown-small,.tiptap-button[data-state=open]:not([disabled])[data-appearance=emphasized] .tiptap-button-dropdown-arrows,.tiptap-button[data-state=open]:not([disabled])[data-appearance=emphasized] .tiptap-button-dropdown-small{color:var(--tt-button-active-dropdown-arrows-color-emphasized)}.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=emphasized]:hover,.tiptap-button[data-state=open]:not([disabled])[data-appearance=emphasized]:hover{background-color:var(--tt-button-active-hover-bg-color-emphasized)}.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=subdued],.tiptap-button[data-state=open]:not([disabled])[data-appearance=subdued]{background-color:var(--tt-button-active-bg-color-subdued);color:var(--tt-button-active-text-color-subdued)}.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=subdued] .tiptap-button-icon,.tiptap-button[data-state=open]:not([disabled])[data-appearance=subdued] .tiptap-button-icon{color:var(--tt-button-active-icon-color-subdued)}.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=subdued] .tiptap-button-icon-sub,.tiptap-button[data-state=open]:not([disabled])[data-appearance=subdued] .tiptap-button-icon-sub{color:var(--tt-button-active-icon-sub-color-subdued)}.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=subdued] .tiptap-button-dropdown-arrows,.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=subdued] .tiptap-button-dropdown-small,.tiptap-button[data-state=open]:not([disabled])[data-appearance=subdued] .tiptap-button-dropdown-arrows,.tiptap-button[data-state=open]:not([disabled])[data-appearance=subdued] .tiptap-button-dropdown-small{color:var(--tt-button-active-dropdown-arrows-color-subdued)}.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=subdued]:hover,.tiptap-button[data-state=open]:not([disabled])[data-appearance=subdued]:hover{background-color:var(--tt-button-active-hover-bg-color-subdued)}.tiptap-button[data-active-state=on]:not([disabled])[data-appearance=subdued]:hover .tiptap-button-icon,.tiptap-button[data-state=open]:not([disabled])[data-appearance=subdued]:hover .tiptap-button-icon{color:var(--tt-button-active-icon-color-subdued)}.tiptap-button:disabled{background-color:var(--tt-button-disabled-bg-color);color:var(--tt-button-disabled-text-color)}.tiptap-button:disabled .tiptap-button-icon{color:var(--tt-button-disabled-icon-color)}.tiptap-separator{--tt-link-border-color: var(--tt-gray-light-a-200)}.dark .tiptap-separator{--tt-link-border-color: var(--tt-gray-dark-a-200)}.tiptap-separator{flex-shrink:0;background-color:var(--tt-link-border-color)}.tiptap-separator[data-orientation=horizontal]{height:1px;width:100%;margin:.5rem 0}.tiptap-separator[data-orientation=vertical]{height:1.5rem;width:1px}:root{--tt-toolbar-height: 2.75rem;--tt-safe-area-bottom: env(safe-area-inset-bottom, 0px);--tt-toolbar-bg-color: var(--white);--tt-toolbar-border-color: var(--tt-gray-light-a-100)}.dark{--tt-toolbar-bg-color: var(--black);--tt-toolbar-border-color: var(--tt-gray-dark-a-50)}.tiptap-toolbar{display:flex;align-items:center;gap:.25rem}.tiptap-toolbar-group{display:flex;align-items:center;gap:.125rem}.tiptap-toolbar-group:empty{display:none}.tiptap-toolbar-group:empty+.tiptap-separator,.tiptap-separator+.tiptap-toolbar-group:empty{display:none}.tiptap-toolbar[data-variant=fixed]{position:sticky;top:0;z-index:10;width:100%;min-height:35px;background:#eee;border-bottom:1px solid #ddd;padding:0 .5rem;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tiptap-toolbar[data-variant=fixed]::-webkit-scrollbar{display:none}@media screen and (max-width: 1220px){.tiptap-toolbar[data-variant=fixed]{padding:0}}@media (max-width: 480px){.tiptap-toolbar[data-variant=fixed]{position:absolute;top:auto;height:calc(var(--tt-toolbar-height) + var(--tt-safe-area-bottom));border-bottom:none;padding:0 .5rem var(--tt-safe-area-bottom);flex-wrap:nowrap;justify-content:flex-start}.tiptap-toolbar[data-variant=fixed] .tiptap-toolbar-group{flex:0 0 auto}}.tiptap-toolbar[data-variant=floating]{--tt-toolbar-padding: .125rem;--tt-toolbar-border-width: 1px;padding:.188rem;border-radius:calc(var(--tt-toolbar-padding) + var(--tt-radius-lg) + var(--tt-toolbar-border-width));border:var(--tt-toolbar-border-width) solid var(--tt-toolbar-border-color);background-color:var(--tt-toolbar-bg-color);box-shadow:var(--tt-shadow-elevated-md);outline:none;overflow:hidden}.tiptap-toolbar[data-variant=floating][data-plain=true]{padding:0;border-radius:0;border:none;box-shadow:none;background-color:transparent}@media screen and (max-width: 480px){.tiptap-toolbar[data-variant=floating]{width:100%;border-radius:0;border:none;box-shadow:none}}:root{--tiptap-image-upload-active: var(--tt-brand-color-500);--tiptap-image-upload-progress-bg: var(--tt-brand-color-50);--tiptap-image-upload-icon-bg: var(--tt-brand-color-500);--tiptap-image-upload-text-color: var(--tt-gray-light-a-700);--tiptap-image-upload-subtext-color: var(--tt-gray-light-a-400);--tiptap-image-upload-border: var(--tt-gray-light-a-300);--tiptap-image-upload-border-hover: var(--tt-gray-light-a-400);--tiptap-image-upload-border-active: var(--tt-brand-color-500);--tiptap-image-upload-icon-doc-bg: var(--tt-gray-light-a-200);--tiptap-image-upload-icon-doc-border: var(--tt-gray-light-300);--tiptap-image-upload-icon-color: var(--white)}.dark{--tiptap-image-upload-active: var(--tt-brand-color-400);--tiptap-image-upload-progress-bg: var(--tt-brand-color-900);--tiptap-image-upload-icon-bg: var(--tt-brand-color-400);--tiptap-image-upload-text-color: var(--tt-gray-dark-a-700);--tiptap-image-upload-subtext-color: var(--tt-gray-dark-a-400);--tiptap-image-upload-border: var(--tt-gray-dark-a-300);--tiptap-image-upload-border-hover: var(--tt-gray-dark-a-400);--tiptap-image-upload-border-active: var(--tt-brand-color-400);--tiptap-image-upload-icon-doc-bg: var(--tt-gray-dark-a-200);--tiptap-image-upload-icon-doc-border: var(--tt-gray-dark-300);--tiptap-image-upload-icon-color: var(--black)}.tiptap-image-upload{margin:2rem 0}.tiptap-image-upload input[type=file]{display:none}.tiptap-image-upload .tiptap-image-upload-dropzone{position:relative;width:3.125rem;height:3.75rem;display:inline-flex;align-items:flex-start;justify-content:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}.tiptap-image-upload .tiptap-image-upload-icon-container{position:absolute;width:1.75rem;height:1.75rem;bottom:0;right:0;background-color:var(--tiptap-image-upload-icon-bg);border-radius:var(--tt-radius-lg, .75rem);display:flex;align-items:center;justify-content:center}.tiptap-image-upload .tiptap-image-upload-icon{width:.875rem;height:.875rem;color:var(--tiptap-image-upload-icon-color)}.tiptap-image-upload .tiptap-image-upload-dropzone-rect-primary{color:var(--tiptap-image-upload-icon-doc-bg);position:absolute}.tiptap-image-upload .tiptap-image-upload-dropzone-rect-secondary{position:absolute;top:0;right:.25rem;bottom:0;color:var(--tiptap-image-upload-icon-doc-border)}.tiptap-image-upload .tiptap-image-upload-text{color:var(--tiptap-image-upload-text-color);font-weight:500;font-size:.875rem;line-height:normal}.tiptap-image-upload .tiptap-image-upload-text em{font-style:normal;text-decoration:underline}.tiptap-image-upload .tiptap-image-upload-subtext{color:var(--tiptap-image-upload-subtext-color);font-weight:600;line-height:normal;font-size:.75rem}.tiptap-image-upload .tiptap-image-upload-drag-area{padding:2rem 1.5rem;border:1.5px dashed var(--tiptap-image-upload-border);border-radius:var(--tt-radius-md, .5rem);text-align:center;cursor:pointer;position:relative;overflow:hidden;transition:all .2s ease}.tiptap-image-upload .tiptap-image-upload-drag-area:hover{border-color:var(--tiptap-image-upload-border-hover)}.tiptap-image-upload .tiptap-image-upload-drag-area.drag-active{border-color:var(--tiptap-image-upload-border-active);background-color:rgba(var(--tiptap-image-upload-active-rgb, 0, 123, 255),.05)}.tiptap-image-upload .tiptap-image-upload-drag-area.drag-over{border-color:var(--tiptap-image-upload-border-active);background-color:rgba(var(--tiptap-image-upload-active-rgb, 0, 123, 255),.1)}.tiptap-image-upload .tiptap-image-upload-content{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.25rem;-webkit-user-select:none;-ms-user-select:none;user-select:none}.tiptap-image-upload .tiptap-image-upload-previews{display:flex;flex-direction:column;gap:.75rem}.tiptap-image-upload .tiptap-image-upload-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--tiptap-image-upload-border);margin-bottom:.5rem}.tiptap-image-upload .tiptap-image-upload-header span{font-size:.875rem;font-weight:500;color:var(--tiptap-image-upload-text-color)}.tiptap-image-upload .tiptap-image-upload-preview{position:relative;border-radius:var(--tt-radius-md, .5rem);overflow:hidden}.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-progress{position:absolute;inset:0;background-color:var(--tiptap-image-upload-progress-bg);transition:all .3s ease-out}.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-preview-content{position:relative;border:1px solid var(--tiptap-image-upload-border);border-radius:var(--tt-radius-md, .5rem);padding:1rem;display:flex;align-items:center;justify-content:space-between}.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-file-info{display:flex;align-items:center;gap:.75rem;height:2rem}.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-file-info .tiptap-image-upload-file-icon{padding:.5rem;background-color:var(--tiptap-image-upload-icon-bg);border-radius:var(--tt-radius-lg, .75rem)}.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-file-info .tiptap-image-upload-file-icon svg{width:.875rem;height:.875rem;color:var(--tiptap-image-upload-icon-color)}.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-details{display:flex;flex-direction:column}.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-actions{display:flex;align-items:center;gap:.5rem}.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-actions .tiptap-image-upload-progress-text{font-size:.75rem;color:var(--tiptap-image-upload-border-active);font-weight:600}.tiptap.ProseMirror.ProseMirror-focused .ProseMirror-selectednode .tiptap-image-upload-drag-area{border-color:var(--tiptap-image-upload-active)}@media (max-width: 480px){.tiptap-image-upload .tiptap-image-upload-drag-area{padding:1.5rem 1rem}.tiptap-image-upload .tiptap-image-upload-header{flex-direction:column;align-items:flex-start;gap:.5rem}.tiptap-image-upload .tiptap-image-upload-preview-content{padding:.75rem}}.tiptap.ProseMirror{--blockquote-bg-color: var(--tt-gray-light-900)}.dark .tiptap.ProseMirror{--blockquote-bg-color: var(--tt-gray-dark-900)}.tiptap.ProseMirror blockquote{position:relative;padding-left:1em;padding-top:.375em;padding-bottom:.375em;margin:1.5rem 0}.tiptap.ProseMirror blockquote p{margin-top:0}.tiptap.ProseMirror blockquote:before,.tiptap.ProseMirror blockquote.is-empty:before{position:absolute;bottom:0;left:0;top:0;height:100%;width:.25em;background-color:var(--blockquote-bg-color);content:"";border-radius:0}.tiptap.ProseMirror{--tt-inline-code-bg-color: var(--tt-gray-light-a-100);--tt-inline-code-text-color: var(--tt-gray-light-a-700);--tt-inline-code-border-color: var(--tt-gray-light-a-200);--tt-codeblock-bg: var(--tt-gray-light-a-50);--tt-codeblock-text: var(--tt-gray-light-a-800);--tt-codeblock-border: var(--tt-gray-light-a-200)}.dark .tiptap.ProseMirror{--tt-inline-code-bg-color: var(--tt-gray-dark-a-100);--tt-inline-code-text-color: var(--tt-gray-dark-a-700);--tt-inline-code-border-color: var(--tt-gray-dark-a-200);--tt-codeblock-bg: var(--tt-gray-dark-a-50);--tt-codeblock-text: var(--tt-gray-dark-a-800);--tt-codeblock-border: var(--tt-gray-dark-a-200)}.tiptap.ProseMirror code{background-color:var(--tt-inline-code-bg-color);color:var(--tt-inline-code-text-color);border:1px solid var(--tt-inline-code-border-color);font-family:JetBrains Mono NL,monospace;font-size:.875em;line-height:1.4;border-radius:6px/.375rem;padding:.1em .2em}.tiptap.ProseMirror pre{background-color:var(--tt-codeblock-bg);color:var(--tt-codeblock-text);border:1px solid var(--tt-codeblock-border);margin-top:1.5em;margin-bottom:1.5em;padding:1em;font-size:1rem;border-radius:6px/.375rem}.tiptap.ProseMirror pre code{background-color:transparent;border:none;border-radius:0;-webkit-text-fill-color:inherit;color:inherit}.tiptap.ProseMirror{--horizontal-rule-color: var(--tt-gray-light-a-200)}.dark .tiptap.ProseMirror{--horizontal-rule-color: var(--tt-gray-dark-a-200)}.tiptap.ProseMirror hr{border:none;height:1px;background-color:var(--horizontal-rule-color)}.tiptap.ProseMirror [data-type=horizontalRule]{margin-top:2.25em;margin-bottom:2.25em;padding-top:.75rem;padding-bottom:.75rem}.tiptap.ProseMirror{--tt-checklist-bg-color: var(--tt-gray-light-a-100);--tt-checklist-bg-active-color: var(--tt-gray-light-a-900);--tt-checklist-border-color: var(--tt-gray-light-a-200);--tt-checklist-border-active-color: var(--tt-gray-light-a-900);--tt-checklist-check-icon-color: var(--white);--tt-checklist-text-active: var(--tt-gray-light-a-500)}.dark .tiptap.ProseMirror{--tt-checklist-bg-color: var(--tt-gray-dark-a-100);--tt-checklist-bg-active-color: var(--tt-gray-dark-a-900);--tt-checklist-border-color: var(--tt-gray-dark-a-200);--tt-checklist-border-active-color: var(--tt-gray-dark-a-900);--tt-checklist-check-icon-color: var(--black);--tt-checklist-text-active: var(--tt-gray-dark-a-500)}.tiptap.ProseMirror ol,.tiptap.ProseMirror ul{margin-top:1.5em;margin-bottom:1.5em;padding-left:1.5em}.tiptap.ProseMirror ol:first-child,.tiptap.ProseMirror ul:first-child{margin-top:0}.tiptap.ProseMirror ol:last-child,.tiptap.ProseMirror ul:last-child{margin-bottom:0}.tiptap.ProseMirror ol ol,.tiptap.ProseMirror ol ul,.tiptap.ProseMirror ul ol,.tiptap.ProseMirror ul ul{margin-top:0;margin-bottom:0}.tiptap.ProseMirror li p{margin-top:0;line-height:1.6}.tiptap.ProseMirror ol{list-style:decimal}.tiptap.ProseMirror ol ol{list-style:lower-alpha}.tiptap.ProseMirror ol ol ol{list-style:lower-roman}.tiptap.ProseMirror ul:not([data-type=taskList]){list-style:disc}.tiptap.ProseMirror ul:not([data-type=taskList]) ul{list-style:circle}.tiptap.ProseMirror ul:not([data-type=taskList]) ul ul{list-style:square}.tiptap.ProseMirror ul[data-type=taskList]{padding-left:.25em}.tiptap.ProseMirror ul[data-type=taskList] li{display:flex;flex-direction:row;align-items:flex-start}.tiptap.ProseMirror ul[data-type=taskList] li:not(:has(>p:first-child)){list-style-type:none}.tiptap.ProseMirror ul[data-type=taskList] li[data-checked=true]>div>p{opacity:.5;text-decoration:line-through}.tiptap.ProseMirror ul[data-type=taskList] li[data-checked=true]>div>p span{text-decoration:line-through}.tiptap.ProseMirror ul[data-type=taskList] li label{position:relative;padding-top:.375rem;padding-right:.5rem}.tiptap.ProseMirror ul[data-type=taskList] li label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.tiptap.ProseMirror ul[data-type=taskList] li label span{display:block;width:1em;height:1em;border:1px solid var(--tt-checklist-border-color);border-radius:var(--tt-radius-xs, .25rem);position:relative;cursor:pointer;background-color:var(--tt-checklist-bg-color);transition:background-color 80ms ease-out,border-color 80ms ease-out}.tiptap.ProseMirror ul[data-type=taskList] li label span:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:.75em;height:.75em;background-color:var(--tt-checklist-check-icon-color);opacity:0;-webkit-mask:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.4142%204.58579C22.1953%205.36683%2022.1953%206.63317%2021.4142%207.41421L10.4142%2018.4142C9.63317%2019.1953%208.36684%2019.1953%207.58579%2018.4142L2.58579%2013.4142C1.80474%2012.6332%201.80474%2011.3668%202.58579%2010.5858C3.36683%209.80474%204.63317%209.80474%205.41421%2010.5858L9%2014.1716L18.5858%204.58579C19.3668%203.80474%2020.6332%203.80474%2021.4142%204.58579Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E) center/contain no-repeat;mask:url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.4142%204.58579C22.1953%205.36683%2022.1953%206.63317%2021.4142%207.41421L10.4142%2018.4142C9.63317%2019.1953%208.36684%2019.1953%207.58579%2018.4142L2.58579%2013.4142C1.80474%2012.6332%201.80474%2011.3668%202.58579%2010.5858C3.36683%209.80474%204.63317%209.80474%205.41421%2010.5858L9%2014.1716L18.5858%204.58579C19.3668%203.80474%2020.6332%203.80474%2021.4142%204.58579Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E) center/contain no-repeat}.tiptap.ProseMirror ul[data-type=taskList] li label input[type=checkbox]:checked+span{background:var(--tt-checklist-bg-active-color);border-color:var(--tt-checklist-border-active-color)}.tiptap.ProseMirror ul[data-type=taskList] li label input[type=checkbox]:checked+span:before{opacity:1}.tiptap.ProseMirror ul[data-type=taskList] li div{flex:1 1 0%;min-width:0}.tiptap.ProseMirror img{max-width:100%;height:auto;display:block}.tiptap.ProseMirror>img:not([data-type=emoji] img){outline:.125rem solid transparent;border-radius:var(--tt-radius-xs, .25rem)}.tiptap.ProseMirror img:not([data-type=emoji] img).ProseMirror-selectednode{outline-color:var(--tt-brand-color-500)}.tiptap.ProseMirror .tiptap-thread:has(>img){margin:2rem 0}.tiptap.ProseMirror .tiptap-thread:has(>img) img{outline:.125rem solid transparent;border-radius:var(--tt-radius-xs, .25rem)}.tiptap.ProseMirror .tiptap-thread img{margin:0}.tiptap.ProseMirror h1,.tiptap.ProseMirror h2,.tiptap.ProseMirror h3,.tiptap.ProseMirror h4{position:relative;color:inherit;font-style:inherit}.tiptap.ProseMirror h1:first-child,.tiptap.ProseMirror h2:first-child,.tiptap.ProseMirror h3:first-child,.tiptap.ProseMirror h4:first-child{margin-top:0}.tiptap.ProseMirror h1{font-size:1.5em;font-weight:700}.tiptap.ProseMirror h2{font-size:1.25em;font-weight:700}.tiptap.ProseMirror h3{font-size:1.125em;font-weight:600}.tiptap.ProseMirror h4{font-size:1em;font-weight:600}.tiptap.ProseMirror{--tt-collaboration-carets-label: var(--tt-gray-light-900);--link-text-color: var(--tt-brand-color-500);--thread-text: var(--tt-gray-light-900);--placeholder-color: var(--tt-gray-light-a-400);--thread-bg-color: var(--tt-color-yellow-inc-2);--tiptap-ai-insertion-color: var(--tt-brand-color-600)}.dark .tiptap.ProseMirror{--tt-collaboration-carets-label: var(--tt-gray-dark-100);--link-text-color: var(--tt-brand-color-400);--thread-text: var(--tt-gray-dark-900);--placeholder-color: var(--tt-gray-dark-a-400);--thread-bg-color: var(--tt-color-yellow-dec-2);--tiptap-ai-insertion-color: var(--tt-brand-color-400)}.tiptap.ProseMirror>*{position:relative}.tiptap.ProseMirror{height:400px;padding:10px;overflow-y:scroll;white-space:pre-wrap;outline:none;caret-color:var(--tt-cursor-color)}@media screen and (max-width: 1220px){.tiptap.ProseMirror{height:300px}}.tiptap.ProseMirror p:not(:first-child){font-size:1rem;line-height:1.6;font-weight:400}.tiptap.ProseMirror a span{text-decoration:underline}.tiptap.ProseMirror s span{text-decoration:line-through}.tiptap.ProseMirror u span{text-decoration:underline}.tiptap.ProseMirror .tiptap-ai-insertion{color:var(--tiptap-ai-insertion-color)}.tiptap.ProseMirror .collaboration-carets__caret{border-right:1px solid transparent;border-left:1px solid transparent;pointer-events:none;margin-left:-1px;margin-right:-1px;position:relative;word-break:normal}.tiptap.ProseMirror .collaboration-carets__label{color:var(--tt-collaboration-carets-label);border-radius:.25rem;border-bottom-left-radius:0;font-size:.75rem;font-weight:600;left:-1px;line-height:1;padding:.125rem .375rem;position:absolute;top:-1.3em;-webkit-user-select:none;user-select:none;white-space:nowrap}.tiptap.ProseMirror [data-type=emoji] img{display:inline-block;width:1.25em;height:1.25em}.tiptap.ProseMirror a{color:var(--link-text-color);text-decoration:underline}.tiptap.ProseMirror [data-type=mention]{display:inline-block;color:var(--tt-brand-color-500)}.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--inline{transition:color .2s ease-in-out,background-color .2s ease-in-out;color:var(--thread-text);border-bottom:2px dashed var(--tt-color-yellow-base);font-weight:600}.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--inline.tiptap-thread--selected,.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--inline.tiptap-thread--hovered{background-color:var(--thread-bg-color);border-bottom-color:transparent}.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:has(img){outline:.125rem solid var(--tt-color-yellow-base);border-radius:var(--tt-radius-xs, .25rem);overflow:hidden;width:fit-content}.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:has(img).tiptap-thread--selected{outline-width:.25rem;outline-color:var(--tt-color-yellow-base)}.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:has(img).tiptap-thread--hovered{outline-width:.25rem}.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:not(:has(img)){border-radius:.25rem;border-bottom:.125rem dashed var(--tt-color-yellow-base);padding-bottom:.5rem;outline:.25rem solid transparent}.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:not(:has(img)).tiptap-thread--hovered,.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:not(:has(img)).tiptap-thread--selected{background-color:var(--tt-color-yellow-base);outline-color:var(--tt-color-yellow-base)}.tiptap.ProseMirror .tiptap-thread.tiptap-thread--resolved.tiptap-thread--inline.tiptap-thread--selected{background-color:var(--tt-color-yellow-base);border-color:transparent;opacity:.5}.tiptap.ProseMirror .tiptap-thread.tiptap-thread--block:has(.react-renderer){margin-top:3rem;margin-bottom:3rem}.is-empty:not(.with-slash)[data-placeholder]:has(>.ProseMirror-trailingBreak:only-child):before{content:attr(data-placeholder)}.is-empty.with-slash[data-placeholder]:has(>.ProseMirror-trailingBreak:only-child):before{content:"Write, type '/' for commands…";font-style:italic}.is-empty[data-placeholder]:has(>.ProseMirror-trailingBreak:only-child):before{pointer-events:none;height:0;position:absolute;width:100%;text-align:inherit;left:0;right:0}.is-empty[data-placeholder]:has(>.ProseMirror-trailingBreak):before{color:var(--placeholder-color)}.prosemirror-dropcursor-block,.prosemirror-dropcursor-inline{background:var(--tt-brand-color-400)!important;border-radius:.25rem;margin-left:-1px;margin-right:-1px;width:100%;height:.188rem}.tiptap-badge{--tt-badge-border-color: var(--tt-gray-light-a-200);--tt-badge-border-color-subdued: var(--tt-gray-light-a-200);--tt-badge-border-color-emphasized: var(--tt-gray-light-a-600);--tt-badge-text-color: var(--tt-gray-light-a-500);--tt-badge-text-color-subdued: var( --tt-gray-light-a-400 );--tt-badge-text-color-emphasized: var( --tt-gray-light-a-600 );--tt-badge-bg-color: var(--white);--tt-badge-bg-color-subdued: var(--white);--tt-badge-bg-color-emphasized: var(--white);--tt-badge-icon-color: var(--tt-gray-light-a-500);--tt-badge-icon-color-subdued: var( --tt-gray-light-a-400 );--tt-badge-icon-color-emphasized: var( --tt-brand-color-600 )}.dark .tiptap-badge{--tt-badge-border-color: var(--tt-gray-dark-a-200);--tt-badge-border-color-subdued: var(--tt-gray-dark-a-200);--tt-badge-border-color-emphasized: var(--tt-gray-dark-a-500);--tt-badge-text-color: var(--tt-gray-dark-a-500);--tt-badge-text-color-subdued: var( --tt-gray-dark-a-400 );--tt-badge-text-color-emphasized: var( --tt-gray-dark-a-600 );--tt-badge-bg-color: var(--black);--tt-badge-bg-color-subdued: var(--black);--tt-badge-bg-color-emphasized: var(--black);--tt-badge-icon-color: var(--tt-gray-dark-a-500);--tt-badge-icon-color-subdued: var( --tt-gray-dark-a-400 );--tt-badge-icon-color-emphasized: var( --tt-brand-color-400 )}.tiptap-badge[data-style=ghost]{--tt-badge-border-color: var(--tt-gray-light-a-200);--tt-badge-border-color-subdued: var(--tt-gray-light-a-200);--tt-badge-border-color-emphasized: var(--tt-gray-light-a-600);--tt-badge-text-color: var(--tt-gray-light-a-500);--tt-badge-text-color-subdued: var( --tt-gray-light-a-400 );--tt-badge-text-color-emphasized: var( --tt-gray-light-a-600 );--tt-badge-bg-color: var(--transparent);--tt-badge-bg-color-subdued: var(--transparent);--tt-badge-bg-color-emphasized: var(--transparent);--tt-badge-icon-color: var(--tt-gray-light-a-500);--tt-badge-icon-color-subdued: var( --tt-gray-light-a-400 );--tt-badge-icon-color-emphasized: var( --tt-brand-color-600 )}.dark .tiptap-badge[data-style=ghost]{--tt-badge-border-color: var(--tt-gray-dark-a-200);--tt-badge-border-color-subdued: var(--tt-gray-dark-a-200);--tt-badge-border-color-emphasized: var(--tt-gray-dark-a-500);--tt-badge-text-color: var(--tt-gray-dark-a-500);--tt-badge-text-color-subdued: var( --tt-gray-dark-a-400 );--tt-badge-text-color-emphasized: var( --tt-gray-dark-a-600 );--tt-badge-bg-color: var(--transparent);--tt-badge-bg-color-subdued: var(--transparent);--tt-badge-bg-color-emphasized: var(--transparent);--tt-badge-icon-color: var(--tt-gray-dark-a-500);--tt-badge-icon-color-subdued: var( --tt-gray-dark-a-400 );--tt-badge-icon-color-emphasized: var( --tt-brand-color-400 )}.tiptap-badge[data-style=gray]{--tt-badge-border-color: var(--tt-gray-light-a-200);--tt-badge-border-color-subdued: var(--tt-gray-light-a-200);--tt-badge-border-color-emphasized: var(--tt-gray-light-a-500);--tt-badge-text-color: var(--tt-gray-light-a-500);--tt-badge-text-color-subdued: var( --tt-gray-light-a-400 );--tt-badge-text-color-emphasized: var(--white);--tt-badge-bg-color: var(--tt-gray-light-a-100);--tt-badge-bg-color-subdued: var( --tt-gray-light-a-50 );--tt-badge-bg-color-emphasized: var( --tt-gray-light-a-700 );--tt-badge-icon-color: var(--tt-gray-light-a-500);--tt-badge-icon-color-subdued: var( --tt-gray-light-a-400 );--tt-badge-icon-color-emphasized: var(--white)}.dark .tiptap-badge[data-style=gray]{--tt-badge-border-color: var(--tt-gray-dark-a-200);--tt-badge-border-color-subdued: var(--tt-gray-dark-a-200);--tt-badge-border-color-emphasized: var(--tt-gray-dark-a-500);--tt-badge-text-color: var(--tt-gray-dark-a-500);--tt-badge-text-color-subdued: var( --tt-gray-dark-a-400 );--tt-badge-text-color-emphasized: var(--black);--tt-badge-bg-color: var(--tt-gray-dark-a-100);--tt-badge-bg-color-subdued: var( --tt-gray-dark-a-50 );--tt-badge-bg-color-emphasized: var( --tt-gray-dark-a-800 );--tt-badge-icon-color: var(--tt-gray-dark-a-500);--tt-badge-icon-color-subdued: var( --tt-gray-dark-a-400 );--tt-badge-icon-color-emphasized: var(--black)}.tiptap-badge[data-style=green]{--tt-badge-border-color: var(--tt-color-green-inc-2);--tt-badge-border-color-subdued: var(--tt-color-green-inc-3);--tt-badge-border-color-emphasized: var(--tt-color-green-dec-2);--tt-badge-text-color: var(--tt-color-green-dec-3);--tt-badge-text-color-subdued: var( --tt-color-green-dec-2 );--tt-badge-text-color-emphasized: var( --tt-color-green-inc-5 );--tt-badge-bg-color: var(--tt-color-green-inc-4);--tt-badge-bg-color-subdued: var( --tt-color-green-inc-5 );--tt-badge-bg-color-emphasized: var( --tt-color-green-dec-1 );--tt-badge-icon-color: var(--tt-color-green-dec-3);--tt-badge-icon-color-subdued: var( --tt-color-green-dec-2 );--tt-badge-icon-color-emphasized: var( --tt-color-green-inc-5 )}.dark .tiptap-badge[data-style=green]{--tt-badge-border-color: var(--tt-color-green-dec-2);--tt-badge-border-color-subdued: var(--tt-color-green-dec-3);--tt-badge-border-color-emphasized: var(--tt-color-green-base);--tt-badge-text-color: var(--tt-color-green-inc-3);--tt-badge-text-color-subdued: var( --tt-color-green-inc-2 );--tt-badge-text-color-emphasized: var( --tt-color-green-dec-5 );--tt-badge-bg-color: var(--tt-color-green-dec-4);--tt-badge-bg-color-subdued: var( --tt-color-green-dec-5 );--tt-badge-bg-color-emphasized: var( --tt-color-green-inc-1 );--tt-badge-icon-color: var(--tt-color-green-inc-3);--tt-badge-icon-color-subdued: var( --tt-color-green-inc-2 );--tt-badge-icon-color-emphasized: var( --tt-color-green-dec-5 )}.tiptap-badge[data-style=yellow]{--tt-badge-border-color: var(--tt-color-yellow-inc-2);--tt-badge-border-color-subdued: var(--tt-color-yellow-inc-3);--tt-badge-border-color-emphasized: var(--tt-color-yellow-dec-1);--tt-badge-text-color: var(--tt-color-yellow-dec-3);--tt-badge-text-color-subdued: var( --tt-color-yellow-dec-2 );--tt-badge-text-color-emphasized: var( --tt-color-yellow-dec-3 );--tt-badge-bg-color: var(--tt-color-yellow-inc-4);--tt-badge-bg-color-subdued: var( --tt-color-yellow-inc-5 );--tt-badge-bg-color-emphasized: var( --tt-color-yellow-base );--tt-badge-icon-color: var(--tt-color-yellow-dec-3);--tt-badge-icon-color-subdued: var( --tt-color-yellow-dec-2 );--tt-badge-icon-color-emphasized: var( --tt-color-yellow-dec-3 )}.dark .tiptap-badge[data-style=yellow]{--tt-badge-border-color: var(--tt-color-yellow-dec-2);--tt-badge-border-color-subdued: var(--tt-color-yellow-dec-3);--tt-badge-border-color-emphasized: var(--tt-color-yellow-inc-1);--tt-badge-text-color: var(--tt-color-yellow-inc-3);--tt-badge-text-color-subdued: var( --tt-color-yellow-inc-2 );--tt-badge-text-color-emphasized: var( --tt-color-yellow-dec-3 );--tt-badge-bg-color: var(--tt-color-yellow-dec-4);--tt-badge-bg-color-subdued: var( --tt-color-yellow-dec-5 );--tt-badge-bg-color-emphasized: var( --tt-color-yellow-base );--tt-badge-icon-color: var(--tt-color-yellow-inc-3);--tt-badge-icon-color-subdued: var( --tt-color-yellow-inc-2 );--tt-badge-icon-color-emphasized: var( --tt-color-yellow-dec-3 )}.tiptap-badge[data-style=red]{--tt-badge-border-color: var(--tt-color-red-inc-2);--tt-badge-border-color-subdued: var(--tt-color-red-inc-3);--tt-badge-border-color-emphasized: var(--tt-color-red-dec-2);--tt-badge-text-color: var(--tt-color-red-dec-3);--tt-badge-text-color-subdued: var( --tt-color-red-dec-2 );--tt-badge-text-color-emphasized: var( --tt-color-red-inc-5 );--tt-badge-bg-color: var(--tt-color-red-inc-4);--tt-badge-bg-color-subdued: var( --tt-color-red-inc-5 );--tt-badge-bg-color-emphasized: var( --tt-color-red-dec-1 );--tt-badge-icon-color: var(--tt-color-red-dec-3);--tt-badge-icon-color-subdued: var( --tt-color-red-dec-2 );--tt-badge-icon-color-emphasized: var( --tt-color-red-inc-5 )}.dark .tiptap-badge[data-style=red]{--tt-badge-border-color: var(--tt-color-red-dec-2);--tt-badge-border-color-subdued: var(--tt-color-red-dec-3);--tt-badge-border-color-emphasized: var(--tt-color-red-base);--tt-badge-text-color: var(--tt-color-red-inc-3);--tt-badge-text-color-subdued: var( --tt-color-red-inc-2 );--tt-badge-text-color-emphasized: var( --tt-color-red-dec-5 );--tt-badge-bg-color: var(--tt-color-red-dec-4);--tt-badge-bg-color-subdued: var( --tt-color-red-dec-5 );--tt-badge-bg-color-emphasized: var( --tt-color-red-inc-1 );--tt-badge-icon-color: var(--tt-color-red-inc-3);--tt-badge-icon-color-subdued: var( --tt-color-red-inc-2 );--tt-badge-icon-color-emphasized: var( --tt-color-red-dec-5 )}.tiptap-badge[data-style=brand]{--tt-badge-border-color: var(--tt-brand-color-300);--tt-badge-border-color-subdued: var(--tt-brand-color-200);--tt-badge-border-color-emphasized: var(--tt-brand-color-600);--tt-badge-text-color: var(--tt-brand-color-800);--tt-badge-text-color-subdued: var( --tt-brand-color-700 );--tt-badge-text-color-emphasized: var( --tt-brand-color-50 );--tt-badge-bg-color: var(--tt-brand-color-100);--tt-badge-bg-color-subdued: var( --tt-brand-color-50 );--tt-badge-bg-color-emphasized: var( --tt-brand-color-600 );--tt-badge-icon-color: var(--tt-brand-color-800);--tt-badge-icon-color-subdued: var( --tt-brand-color-700 );--tt-badge-icon-color-emphasized: var( --tt-brand-color-100 )}.dark .tiptap-badge[data-style=brand]{--tt-badge-border-color: var(--tt-brand-color-700);--tt-badge-border-color-subdued: var(--tt-brand-color-800);--tt-badge-border-color-emphasized: var(--tt-brand-color-400);--tt-badge-text-color: var(--tt-brand-color-200);--tt-badge-text-color-subdued: var( --tt-brand-color-300 );--tt-badge-text-color-emphasized: var( --tt-brand-color-950 );--tt-badge-bg-color: var(--tt-brand-color-900);--tt-badge-bg-color-subdued: var( --tt-brand-color-950 );--tt-badge-bg-color-emphasized: var( --tt-brand-color-400 );--tt-badge-icon-color: var(--tt-brand-color-200);--tt-badge-icon-color-subdued: var( --tt-brand-color-300 );--tt-badge-icon-color-emphasized: var( --tt-brand-color-900 )}.tiptap-badge-group{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem}.tiptap-badge-group [data-orientation=vertical]{flex-direction:column}.tiptap-badge-group [data-orientation=horizontal]{flex-direction:row}.tiptap-badge{font-size:.625rem;font-weight:700;font-feature-settings:"salt" on,"cv01" on;line-height:1.15;height:1.25rem;min-width:1.25rem;padding:.25rem;display:flex;align-items:center;justify-content:center;border:solid 1px;border-radius:var(--tt-radius-sm, .375rem);transition-property:background,color,opacity;transition-duration:var(--tt-transition-duration-default);transition-timing-function:var(--tt-transition-easing-default)}.tiptap-badge[data-size=large]{font-size:.75rem;height:1.5rem;min-width:1.5rem;padding:.375rem;border-radius:var(--tt-radius-md, .375rem)}.tiptap-badge[data-size=small]{height:1rem;min-width:1rem;padding:.125rem;border-radius:var(--tt-radius-xs, .25rem)}.tiptap-badge .tiptap-badge-text{padding:0 .125rem;flex-grow:1;text-align:left}.tiptap-badge[data-text-trim=on] .tiptap-badge-text{text-overflow:ellipsis;overflow:hidden}.tiptap-badge .tiptap-badge-icon{pointer-events:none;flex-shrink:0;width:.625rem;height:.625rem}.tiptap-badge[data-size=large] .tiptap-badge-icon{width:.75rem;height:.75rem}.tiptap-badge{background-color:var(--tt-badge-bg-color);border-color:var(--tt-badge-border-color);color:var(--tt-badge-text-color)}.tiptap-badge .tiptap-badge-icon{color:var(--tt-badge-icon-color)}.tiptap-badge[data-appearance=emphasized]{background-color:var(--tt-badge-bg-color-emphasized);border-color:var(--tt-badge-border-color-emphasized);color:var(--tt-badge-text-color-emphasized)}.tiptap-badge[data-appearance=emphasized] .tiptap-badge-icon{color:var(--tt-badge-icon-color-emphasized)}.tiptap-badge[data-appearance=subdued]{background-color:var(--tt-badge-bg-color-subdued);border-color:var(--tt-badge-border-color-subdued);color:var(--tt-badge-text-color-subdued)}.tiptap-badge[data-appearance=subdued] .tiptap-badge-icon{color:var(--tt-badge-icon-color-subdued)}.tiptap-dropdown-menu{--tt-dropdown-menu-bg-color: var(--white);--tt-dropdown-menu-border-color: var(--tt-gray-light-a-100);--tt-dropdown-menu-text-color: var(--tt-gray-light-a-600)}.dark .tiptap-dropdown-menu{--tt-dropdown-menu-border-color: var(--tt-gray-dark-a-50);--tt-dropdown-menu-bg-color: var(--tt-gray-dark-50);--tt-dropdown-menu-text-color: var(--tt-gray-dark-a-600)}.tiptap-dropdown-menu{z-index:50;outline:none;transform-origin:var(--radix-dropdown-menu-content-transform-origin);max-height:var(--radix-dropdown-menu-content-available-height)}.tiptap-dropdown-menu>*{max-height:var(--radix-dropdown-menu-content-available-height)}.tiptap-dropdown-menu[data-state=open]{animation:fadeIn .15s cubic-bezier(.16,1,.3,1),zoomIn .15s cubic-bezier(.16,1,.3,1)}.tiptap-dropdown-menu[data-state=closed]{animation:fadeOut .15s cubic-bezier(.16,1,.3,1),zoomOut .15s cubic-bezier(.16,1,.3,1)}.tiptap-dropdown-menu[data-side=top],.tiptap-dropdown-menu[data-side=top-start],.tiptap-dropdown-menu[data-side=top-end]{animation:slideFromBottom .15s cubic-bezier(.16,1,.3,1)}.tiptap-dropdown-menu[data-side=right],.tiptap-dropdown-menu[data-side=right-start],.tiptap-dropdown-menu[data-side=right-end]{animation:slideFromLeft .15s cubic-bezier(.16,1,.3,1)}.tiptap-dropdown-menu[data-side=bottom],.tiptap-dropdown-menu[data-side=bottom-start],.tiptap-dropdown-menu[data-side=bottom-end]{animation:slideFromTop .15s cubic-bezier(.16,1,.3,1)}.tiptap-dropdown-menu[data-side=left],.tiptap-dropdown-menu[data-side=left-start],.tiptap-dropdown-menu[data-side=left-end]{animation:slideFromRight .15s cubic-bezier(.16,1,.3,1)}:root{--tiptap-card-bg-color: var(--white);--tiptap-card-border-color: var(--tt-gray-light-a-100);--tiptap-card-group-label-color: var(--tt-gray-light-a-800)}.dark{--tiptap-card-bg-color: var(--tt-gray-dark-50);--tiptap-card-border-color: var(--tt-gray-dark-a-100);--tiptap-card-group-label-color: var(--tt-gray-dark-a-800)}.tiptap-card{--padding: .375rem;--border-width: 1px;border-radius:calc(var(--padding) + var(--tt-radius-lg));box-shadow:var(--tt-shadow-elevated-md);background-color:var(--tiptap-card-bg-color);border:1px solid var(--tiptap-card-border-color);display:flex;flex-direction:column;outline:none;align-items:center;position:relative;min-width:0;word-wrap:break-word;background-clip:border-box}.tiptap-card-header{padding:.375rem;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;width:100%;border-bottom:var(--border-width) solid var(--tiptap-card-border-color)}.tiptap-card-body{padding:.375rem;flex:1 1 auto;overflow-y:auto;background-color:#eee}.tiptap-card-item-group{position:relative;display:flex;vertical-align:middle;min-width:max-content}.tiptap-card-item-group[data-orientation=vertical]{flex-direction:column;justify-content:center}.tiptap-card-item-group[data-orientation=horizontal]{gap:.25rem;flex-direction:row;align-items:center}.tiptap-card-group-label{padding:.75rem .5rem .25rem;font-size:.75rem;font-weight:600;line-height:normal;text-transform:capitalize;color:var(--tiptap-card-group-label-color)}.tiptap-popover{--tt-popover-bg-color: var(--white);--tt-popover-border-color: var(--tt-gray-light-a-100);--tt-popover-text-color: var(--tt-gray-light-a-600)}.dark .tiptap-popover{--tt-popover-border-color: var(--tt-gray-dark-a-50);--tt-popover-bg-color: var(--tt-gray-dark-50);--tt-popover-text-color: var(--tt-gray-dark-a-600)}.tiptap-popover{z-index:50;outline:none;transform-origin:var(--radix-popover-content-transform-origin);max-height:var(--radix-popover-content-available-height)}.tiptap-popover>*{max-height:var(--radix-popover-content-available-height)}.tiptap-popover[data-state=open]{animation:fadeIn .15s cubic-bezier(.16,1,.3,1),zoomIn .15s cubic-bezier(.16,1,.3,1)}.tiptap-popover[data-state=closed]{animation:fadeOut .15s cubic-bezier(.16,1,.3,1),zoomOut .15s cubic-bezier(.16,1,.3,1)}.tiptap-popover[data-side=top],.tiptap-popover[data-side=top-start],.tiptap-popover[data-side=top-end]{animation:slideFromBottom .15s cubic-bezier(.16,1,.3,1)}.tiptap-popover[data-side=right],.tiptap-popover[data-side=right-start],.tiptap-popover[data-side=right-end]{animation:slideFromLeft .15s cubic-bezier(.16,1,.3,1)}.tiptap-popover[data-side=bottom],.tiptap-popover[data-side=bottom-start],.tiptap-popover[data-side=bottom-end]{animation:slideFromTop .15s cubic-bezier(.16,1,.3,1)}.tiptap-popover[data-side=left],.tiptap-popover[data-side=left-start],.tiptap-popover[data-side=left-end]{animation:slideFromRight .15s cubic-bezier(.16,1,.3,1)}.tiptap-button-highlight{position:relative;width:1.25rem;height:1.25rem;margin:0 -.175rem;border-radius:var(--tt-radius-xl);background-color:var(--highlight-color);transition:transform .2s ease}.tiptap-button-highlight:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;border-radius:inherit;box-sizing:border-box;border:1px solid var(--highlight-color);filter:brightness(95%);mix-blend-mode:multiply}.dark .tiptap-button-highlight:after{filter:brightness(140%);mix-blend-mode:lighten}.tiptap-button[data-active-state=on] .tiptap-button-highlight:after{filter:brightness(80%)}.dark .tiptap-button[data-active-state=on] .tiptap-button-highlight:after{filter:brightness(180%)}:root{--tiptap-input-placeholder: var(--tt-gray-light-a-400)}.dark{--tiptap-input-placeholder: var(--tt-gray-dark-a-400)}.tiptap-input{display:block;width:100%;height:2rem;font-size:.875rem;font-weight:400;line-height:1.5;padding:.375rem .5rem;border-radius:.375rem;background:none;appearance:none;outline:none}.tiptap-input::placeholder{color:var(--tiptap-input-placeholder)}.tiptap-input-clamp{min-width:12rem;padding-right:0;text-overflow:ellipsis;white-space:nowrap}.tiptap-input-clamp:focus{text-overflow:clip;overflow:visible}.tiptap-input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.diary-page-container{padding:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.diary-calendar-area{display:flex;align-items:center;gap:16px;padding:0 10px;border:1px solid #ddd;border-radius:2px;background-color:#fff}.today-display{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px dotted #d0d0d0;flex-shrink:0;height:100%;padding:18px 10px 18px 0}@media screen and (max-width: 1220px){.today-display{padding:12px 10px 12px 0}}.today-month-day{font-size:26px;font-weight:700;color:#2094b8;line-height:1.2}@media screen and (max-width: 1220px){.today-month-day{font-size:20px}}.today-weekday{font-size:12px;color:#666;font-weight:500}@media screen and (max-width: 1220px){.today-weekday{font-size:10px}}.calendar-main{flex-grow:1;display:flex;flex-direction:column;gap:6px}@media screen and (max-width: 1220px){.calendar-main{gap:3px;padding-bottom:3px}}.days-row{display:flex;align-items:center;gap:4px;border-bottom:1px dashed #e0e0e0;padding-bottom:6px}.days-row.second-row{border:none;padding-bottom:0}@media screen and (max-width: 1220px){.days-row{gap:2px;padding-bottom:3px}}.calendar-header{display:flex;align-items:center;margin-right:5px}.calendar-header h3{font-size:16px;font-weight:700;margin:0;color:#555;width:80px;text-align:center}.calendar-header button{background:#eee;border-radius:2px;width:14px;height:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:8px;color:#555;border:1px solid #ccc;background:linear-gradient(to bottom,#fff 70%,#e9e9e9)}.calendar-header button:active{background:linear-gradient(to top,#fff 70%,#e9e9e9)}@media screen and (max-width: 1220px){.calendar-header{margin-right:0}.calendar-header h3{font-size:12px;width:60px}}.calendar-day-item{background:none;border:none;width:26px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:7px;cursor:pointer;font-size:14px;color:#444;transition:all .2s}.calendar-day-item:hover{background-color:#f0f0f0}.calendar-day-item.has-post{color:#f97316;font-weight:700}.calendar-day-item.today{border:1px solid #333;color:#333}.calendar-day-item.today.has-post{border-color:#f97316;color:#f97316}.calendar-day-item.selected{border:1px solid #2094b8!important;background-color:#87c2cb!important;color:#fff!important}@media screen and (max-width: 1220px){.calendar-day-item{width:20px;height:19px;border-radius:7px;font-size:12px}}.diary-actions{display:flex;justify-content:flex-end;margin:10px 0}.write-button{background-color:#fff;color:#555;border:1px solid #ccc;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:700;transition:background-color .2s,color .2s}.write-button:hover{background-color:#f8f8f8}.weather-selection{display:flex;align-items:center;gap:4px}.weather-selection span{font-size:12px;font-weight:700;margin-right:8px;color:#333}.weather-btn{background:none;border:1px solid transparent;border-radius:4px;padding:4px;cursor:pointer;font-size:1.2rem;line-height:1;transition:all .2s}.weather-btn:hover{background:#e0e0e0}.weather-btn.active{border-color:#2094b8;background:#e0f7fa}.mood-selection{font-size:12px;color:#555}.mood-selection label{display:flex;align-items:center;gap:6px}.mood-selection select{border:1px solid #ccc;border-radius:4px;padding:4px 6px;font-size:12px}.editor-footer{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-top:1px solid #ddd;background:#f0f0f0}.privacy-setting{display:flex;gap:1rem;font-size:12px;color:#555}.privacy-setting label{display:flex;align-items:center;gap:4px;cursor:pointer}.form-actions{display:flex;gap:8px}.form-actions button{border:1px solid #999;padding:6px 16px;border-radius:2px;cursor:pointer;font-size:12px;font-weight:700;transition:all .2s}.form-actions .cancel-btn{background:#f0f0f0;color:#333}.form-actions .cancel-btn:hover{background:#e0e0e0}.form-actions .save-btn{background:#4a4a4a;color:#fff;border-color:#333}.form-actions .save-btn:hover{background:#333}.no-schedule-message{color:#888;font-size:12px;margin:10px 0}.post-list-container{display:flex;flex-direction:column;gap:10px}.post-view-wrapper{border:1px solid #e0e0e0;border-radius:2px;background-color:#fff;min-height:100px;display:flex;flex-direction:column;justify-content:center}.loading-message,.no-post-message{color:#888;font-size:12px;text-align:center;padding:16px}.post-entry{padding:16px}.post-header{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#666;margin-bottom:20px}.post-header time{color:#2094b8;font-weight:700}.post-header time .post-weather{margin-left:4px}.post-meta{display:flex;align-items:center;gap:.5rem}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{font-size:1.1rem;font-weight:600;margin:0 0 1rem;color:#333}.post-content p{margin:0;font-size:.9rem;color:#555;line-height:1.6}.post-content a{color:#007bff;text-decoration:underline}.post-content blockquote{border-left:3px solid #ddd;padding-left:1rem;margin-left:0;color:#666}.post-footer{border-top:1px dotted #e0e0e0;padding:6px 12px;font-size:11px;color:#888;display:flex;justify-content:space-between;align-items:center}.post-footer .footer-left{display:flex;align-items:center;gap:10px}.post-footer .post-actions{display:flex;gap:10px}.post-footer .updated-timestamp{color:#aaa;font-style:italic}.bgm-player{max-width:190px;background-color:#fff;border-radius:4px;font-size:12px}.bgm-player .recommend-friend .tab-menu{font-size:12px}.bgm-player .recommend-friend .tab-menu .tab-btn{width:50%;background-color:#ededed;padding:4px;text-align:left;border:1px solid #bbb}.bgm-player .recommend-friend .tab-menu .tab-btn.active{background-color:#fff;border:none}.bgm-player .recommend-friend .tab-content{padding:10px}.bgm-player .recommend-friend .tab-content .recommend-content .recommend-item{display:flex;gap:10px}.bgm-player .recommend-friend .tab-content .recommend-content .recommend-item .img-link{display:flex;align-items:center;justify-content:center;width:60px;height:70px;border:1px solid #ddd;overflow:hidden}.bgm-player .recommend-friend .tab-content .recommend-content .recommend-info{display:flex;flex-direction:column;justify-content:space-around;font-size:12px}.bgm-player .recommend-friend .tab-content .recommend-content .recommend-info span{color:#555;font-size:11px}.bgm-player .recommend-friend .tab-content .recommend-content .recommend-info span strong{color:#f37021}.bgm-player .recommend-friend .tab-content .fan-content{text-align:center;padding:20px 0}.bgm-player .recommend-friend .tab-content .fan-content strong{color:#f37021}.bgm-player .recommend-friend .relationship-content{text-align:center;padding:20px 0}.bgm-player .recommend-friend .relationship-content .relationship-tag{background-color:#87c2cb;color:#fff;padding:4px 10px;border-radius:20px}.bgm-player .player-wrap{position:relative;background-color:#ededed;padding:6px}.bgm-player .player-wrap .controls{display:flex;gap:4px;align-items:center;justify-content:space-between}.bgm-player .player-wrap button{background:none;border:none;cursor:pointer;color:#333;display:flex;align-items:center;justify-content:center;transition:color .2s}.bgm-player .player-wrap button:hover{color:#f37021;transition:color .2s}.bgm-player .player-wrap svg{width:12px;height:12px}.bgm-player .player-wrap .track-wrap{display:flex;align-items:center;padding:2px 4px;margin-bottom:10px;background-color:#f9f9f9;border:1px solid #c8c8c8}.bgm-player .player-wrap .track-wrap img{width:12px;margin-right:4px}.bgm-player .player-wrap .track-info{width:170px;position:relative;overflow:hidden;white-space:nowrap}.bgm-player .player-wrap .track-info .track-title{display:inline-block;color:#444}.bgm-player .player-wrap .volume-control{display:flex;align-items:center;margin-left:8px}.bgm-player .player-wrap .volume-control .volume-icon{color:#333;margin-right:3px}.bgm-player .player-wrap .volume-control input[type=range]{-webkit-appearance:none;appearance:none;width:45px;height:10px;background:transparent;cursor:pointer;accent-color:#ff5500}.bgm-player .player-wrap .volume-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid #999;height:8px;width:11px;border-radius:2px;background:#eee;margin-top:-3px}.bgm-player .player-wrap .volume-control input[type=range]::-moz-range-thumb{border:1px solid #999;height:8px;width:11px;border-radius:2px;background:#eee}.bgm-player .player-wrap .volume-control input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;background:#d3d3d3;border:1px solid #999;border-radius:2px}.bgm-player .player-wrap .list-btn{background-color:#7b7b7b;padding:0 3px;font-size:9px;color:#fff}.bgm-player .player-wrap .list-btn:hover{background-color:#f37021;color:#fff;transition:background-color .2s}.bgm-player .player-wrap .playlist-dropdown{position:absolute;top:100%;left:0;width:100%;background-color:#fff;border:1px solid #ccc;box-shadow:0 4px 8px #00000026;list-style:none;margin:0;max-height:150px;overflow-y:auto;z-index:1000}.bgm-player .player-wrap .playlist-dropdown li{padding:4px;font-size:9px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bgm-player .player-wrap .playlist-dropdown li:hover{background-color:#f0f0f0}.bgm-player .player-wrap .playlist-dropdown li.active{color:#2094b8;font-weight:700}.bgm-player .player-wrap .playlist-dropdown li:not(:first-child){border-top:1px solid #ddd}.settings-container{display:flex;flex-direction:column;padding:30px 40px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;width:380px;margin:40px auto;text-transform:none}.settings-container h2{font-size:24px;font-weight:700;text-align:center;margin-bottom:25px;color:#333}.settings-container .setting-form{width:100%;display:flex;flex-direction:column;gap:15px}.settings-container .setting-form input[type=text],.settings-container .setting-form input[type=email],.settings-container .setting-form input[type=password],.settings-container .setting-form input[type=tel]{width:100%;border:1px solid #ddd;padding:8px 15px;border-radius:4px;font-size:14px}.settings-container .setting-form .validation-message{font-size:12px;padding-left:5px}.settings-container .setting-form .validation-message.error{color:#e53e3e}.settings-container .setting-form .validation-message.success{color:#38a169}.settings-container .setting-form .validation-message.caps-lock{color:#dd6b20;font-weight:500}.settings-container .setting-form .form-group{width:100%}.settings-container .setting-form .gender-select{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-container .setting-form .gender-select label input[type=radio]{position:absolute;opacity:0;width:0;height:0}.settings-container .setting-form .gender-select label span{display:block;padding:12px;border:1px solid #ddd;border-radius:4px;text-align:center;cursor:pointer;transition:all .2s ease-in-out;font-size:14px;text-transform:uppercase}.settings-container .setting-form .gender-select label input[type=radio]:checked+span{background-color:#ccc;color:#fff;border-color:#ccc;font-weight:700}.settings-container .setting-form .error-message{color:#e53e3e;font-size:12px;text-align:center;margin-top:0}.settings-container .setting-form button[type=submit]{width:100%;padding:12px;background-color:#f37021;border-radius:4px;font-size:16px;color:#fff;cursor:pointer;font-weight:700;border:none;transition:background-color .2s}.settings-container .setting-form button[type=submit]:hover{background-color:#18718d}.settings-container .withdraw-section{display:flex;justify-content:flex-end;margin-top:100px}.settings-container .withdraw-section h3{font-size:18px;font-weight:700;color:#c53030}.settings-container .withdraw-section p{font-size:13px;color:#888;margin-top:8px;margin-bottom:15px;line-height:1.5}.settings-container .withdraw-section .withdraw-button{width:auto;padding:4px 6px;background-color:#666;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s}.settings-container .withdraw-section .withdraw-button:hover{background-color:#3c3c3c}.settings-container .withdraw-section .withdraw-confirm-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:15px;padding:20px;background-color:#fff8f8;border:1px solid #f5c6cb;border-radius:4px}.settings-container .withdraw-section .withdraw-confirm-box p{font-size:13px;color:#333;margin:0 0 15px;line-height:1.6}.settings-container .withdraw-section .withdraw-confirm-box input[type=text]{width:100%;border:1px solid #ddd;padding:10px 15px;border-radius:4px;font-size:14px;margin-bottom:15px}.settings-container .withdraw-section .withdraw-confirm-box .confirm-actions{display:flex;justify-content:flex-end;gap:10px}.settings-container .withdraw-section .withdraw-confirm-box .confirm-actions button{padding:8px 15px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s}.settings-container .withdraw-section .withdraw-confirm-box .confirm-actions .cancel-button{background-color:#f0f0f0;color:#555}.settings-container .withdraw-section .withdraw-confirm-box .confirm-actions .cancel-button:hover{background-color:#d7d7d7}.settings-container .withdraw-section .withdraw-confirm-box .confirm-actions .confirm-withdraw-button{background-color:#e53e3e;color:#fff}.settings-container .withdraw-section .withdraw-confirm-box .confirm-actions .confirm-withdraw-button:hover{background-color:#d41c1c}.settings-container .withdraw-section .withdraw-confirm-box .confirm-actions .confirm-withdraw-button:disabled{background-color:#ccc;cursor:not-allowed}.common-list{list-style:none;padding:0}.common-list .list-item-content{margin:0;color:#333;font-size:14px;line-height:1.4}@media screen and (max-width: 1220px){.common-list .list-item-content{font-size:12px}}.common-list .list-item-content .list-item-meta{font-size:14px;color:#333}@media screen and (max-width: 1220px){.common-list .list-item-content .list-item-meta{font-size:12px}}.common-list .list-item-content .list-item-meta .nickname{font-weight:600}.common-list .list-item-content .list-item-meta .author_name{color:#17c;text-decoration:none}.common-list .list-item-content .list-item-meta .author_name.owner{margin-left:0}.common-list .list-item-content .list-item-meta time{font-size:12px;color:#888;margin-left:4px}@media screen and (max-width: 1220px){.common-list .list-item-content .list-item-meta time{font-size:10px}}.common-list .list-item-content .list-item-actions{display:inline-flex;gap:6px;margin-left:10px}.common-list .list-item-content .list-item-actions button{background:none;border:none;cursor:pointer}.common-list .list-item-content .list-item-actions button:hover{opacity:1}.common-list .list-item-content .list-item-actions button img{width:12px;height:12px;vertical-align:middle}.common-list .list-item-edit-form{display:flex;align-items:center;gap:10px;background:none;border:none;padding:0}.common-list .list-item-edit-form input[type=text]{flex-grow:1;border:1px solid #ccc;padding:5px;border-radius:3px}.common-list .list-item-edit-form .edit-actions{display:flex;gap:6px}.common-list .list-item-edit-form .edit-actions button{border:1px solid #ccc;background-color:#f0f0f0;padding:4px 10px;font-size:12px;border-radius:2px;cursor:pointer;text-transform:uppercase}.common-list .list-item-edit-form .edit-actions button[type=submit]{background-color:#2094b8;color:#fff;border-color:#2094b8}.ilchon{grid-area:ilchone;margin-top:20px}.ilchon h2{border-bottom:1px solid #ddd;margin-bottom:10px}.ilchon form{background-color:#f0f0f0;border:1px solid #d3d3d3;padding:6px 20px}.ilchon form label{margin-right:10px;color:#46abbc;font-weight:700;text-transform:none}.ilchon form input{width:460px;background-color:#fff;padding:2px 14px;border:1px solid #ddd;border-radius:3px;margin-right:2px}.ilchon form button{padding:2px 14px;border:1px solid #ddd;border-radius:3px}.ilchon .common-list{margin-top:6px}.ilchon .common-list li{border-bottom:1px solid #ddd;padding:6px 0}.ilchon .common-list .list-item-content .list-item-meta{margin-left:6px}.ilchon .common-list .list-item-content .list-item-meta .author_name{margin-left:4px}@media screen and (max-width: 1220px){.ilchon form{padding:6px 10px}.ilchon form label{margin-right:10px;font-size:12px}.ilchon form input{width:340px;padding:2px 14px;margin-right:2px;font-size:12px}.ilchon form button{padding:2px 12px;font-size:12px}}.ilchon-actions{display:inline-flex;gap:8px;margin-left:10px}.ilchon-actions button{background:none;border:none;padding:0;cursor:pointer;text-transform:none}.ilchon-actions button img{width:15px}.ilchon-edit-form{display:flex;align-items:center;gap:8px;width:100%;padding:6px 0}.ilchon-edit-form input{flex-grow:1;padding:4px 8px;font-size:13px;border:1px solid #2094b8;border-radius:3px;text-transform:none}.ilchon-edit-form .edit-actions{display:flex;gap:6px}.ilchon-edit-form .edit-actions button{border:1px solid #ccc;background-color:#f0f0f0;padding:4px 10px;font-size:12px;border-radius:2px;cursor:pointer;text-transform:uppercase}.ilchon-edit-form .edit-actions button[type=submit]{background-color:#2094b8;color:#fff;border-color:#2094b8}.ilchon-request-modal{background-color:#fff}.ilchon-request-modal .modal-header h2{text-transform:none}.ilchon-request-modal .request-list{list-style:none;padding:0;margin:0}.ilchon-request-modal .request-item{display:flex;justify-content:space-between;flex-direction:column;padding:10px 0;border-bottom:1px solid #ddd;font-size:13px;text-transform:none}.ilchon-request-modal .requester-name{font-weight:700;margin-right:10px}.ilchon-request-modal .request-message{color:#888;font-style:italic}.ilchon-request-modal .request-actions{display:flex;gap:8px}.ilchon-request-modal .request-actions button{font-size:12px;padding:4px 10px;border-radius:2px;border:1px solid #999;cursor:pointer}.ilchon-request-modal .request-actions .accept-btn{background-color:#5a87af;color:#fff;border-color:#4a789f}.ilchon-request-modal .request-actions .reject-btn{background-color:#f0f0f0;color:#333}.ilchon-request-modal .no-requests{text-align:center;padding:20px;color:#888;text-transform:none}.comments-section{background-color:#f4f4f4;padding:12px;font-size:12px}.comments-section .common-list li:not(:first-child){margin-top:8px}.comments-section .common-list li:last-child{margin-bottom:10px}.comments-section .comment-form{display:flex;justify-content:space-between;gap:8px;max-height:34px;margin-top:10px}.comments-section .comment-form textarea{flex:1;background-color:#fff;border:1px solid #ddd;resize:none;padding:6px}.comments-section .comment-form button{background-color:#fff;border:1px solid #aaa;padding:4px 8px;border-radius:4px}