*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}ul,ol{list-style:none;margin:0;padding:0}body{min-height:100vh;line-height:1}h1,h2,h3,h4,button,input,label{line-height:1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}p{margin:0}body button{box-sizing:border-box}body button.button{cursor:pointer;border-radius:2px;border:1px solid #dddddd;padding:4px 6px;margin:0;color:#333;box-sizing:border-box;display:flex;justify-content:center;align-items:center}body button.button:disabled{cursor:default;background-color:#d9d9d9;color:#636363}body button.button:disabled:hover{background-color:#d9d9d9}body button.button:hover{background-color:#fff;border-color:#ddd}body button.button .txt{font-size:16px}body button.main,body button.sub,body button.unlock,body button.close,body button.confirm,body button.save{border-radius:3px;border-width:1px;border-color:#ddd;margin:0;padding:5px 12px 7px}body button.main:disabled,body button.sub:disabled,body button.unlock:disabled,body button.close:disabled,body button.confirm:disabled,body button.save:disabled{background-color:#d9d9d9;border-color:#d9d9d9}body button.main:disabled:hover,body button.sub:disabled:hover,body button.unlock:disabled:hover,body button.close:disabled:hover,body button.confirm:disabled:hover,body button.save:disabled:hover{background-color:#d9d9d9;border-color:#d9d9d9}body button.main .txt,body button.main .button-icon,body button.sub .txt,body button.sub .button-icon,body button.unlock .txt,body button.unlock .button-icon,body button.close .txt,body button.close .button-icon,body button.confirm .txt,body button.confirm .button-icon,body button.save .txt,body button.save .button-icon{color:#fff}body button.confirm,body button.main,body button.unlock,body button.save{background-color:#5b1694;border-color:#5b1694}body button.confirm:hover,body button.main:hover,body button.unlock:hover,body button.save:hover{background-color:#5b1694bf;border-color:#5b169466}body button.sub{background-color:#636363;border-color:#636363}body button.sub:hover{background-color:#636363bf;border-color:#63636380}body button.min{padding:5px 7px 7px}body button.close{background-color:#fff;border:1px solid #5b1694}body button.close:hover{background-color:#5b16941a;border-color:#5b1694}body button.close .txt{color:#333}body button.hover:hover .button-icon{display:none}body button.hover:hover .button-icon.hover{display:block}body button.hover .button-icon.hover{display:none}body button.encrypt-decrypt{padding-left:6px;padding-right:6px;display:flex;gap:3px}body button.icon-button{padding:4px 6px;height:20px;width:20px;margin-left:10px;margin-right:5px;background-color:#fff;border:none;font-size:16px;cursor:pointer}body button.icon-button:hover{opacity:.8}body button.icon-button .button-icon path{fill:#333}body input{border:1px solid #dddddd;border-radius:4px}body input.input-border-bottom{border:none;border-bottom:1px solid #dddddd;border-radius:0;padding:5px}body select{border:1px solid #dddddd;border-radius:4px}body select.select-no-border{border:none;border-radius:0;background-color:#fff}body select.select-border-bottom{border:none;border-bottom:1px solid #dddddd;border-radius:0;background-color:#fff}body input:focus-visible,body select:focus-visible{outline-color:#fff;outline-offset:0;outline-style:none;outline-width:0}body select{cursor:pointer}body .button-icon{pointer-events:none}body .back-button-v .button{height:100vh;border:none;background-color:#d9d9d9}body .back-button-v .button:hover{background-color:#d9d9d9cc}body .back-button-v .button:hover .button-icon{color:#fff}body .helper-text{font-size:16px;color:#860c60;margin-top:3px}@media screen and (max-width: 780px){body .back-button-v .button{height:100svh}}body{padding:0;margin:0;height:100vh;width:100%;font-size:18px;color:#333}body #root .layout{display:flex}body #root .layout .column-a,body #root .layout .column-b,body #root .layout .column-c{height:100vh;box-sizing:border-box;overflow:hidden}body #root .layout .column-a{width:52px}body #root .layout .column-b{min-width:200px;max-width:400px;border-right:1px solid #dddddd;display:flex;flex-direction:column}body #root .layout .column-c{flex:1}body #root .layout .column-c .back-button-v{display:none}body #root .layout .nav-bar-v{display:flex;flex-direction:column;align-items:center;height:100vh;width:100%;background-color:#5b1694}body #root .layout .nav-bar-v .top,body #root .layout .nav-bar-v .bottom{display:flex;width:100%;align-items:center;justify-content:center;flex-direction:column}body #root .layout .nav-bar-v .top .logo-button{cursor:pointer;padding:0 5px}body #root .layout .nav-bar-v .top .logo{display:flex;flex-wrap:wrap;padding:3px}body #root .layout .nav-bar-v .top .logo .line{display:flex;flex-wrap:nowrap;color:#fff}body #root .layout .nav-bar-v .top .logo .chara{font-size:11px;line-height:1.1em;-webkit-user-select:none;user-select:none}body #root .layout .nav-bar-v .middle{width:100%;display:flex;justify-content:center;align-items:center;margin-top:6px}body #root .layout .nav-bar-v .middle .buttons{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}body #root .layout .nav-bar-v .middle .buttons .button{width:100%;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:10px 0}body #root .layout .nav-bar-v .middle .buttons .button .button-icon{color:#fff}body #root .layout .nav-bar-v .middle .buttons .button:hover{background-color:#ffffff1a}body #root .layout .nav-bar-v .middle .buttons .button:hover .button-icon{color:#ffffffe6}body #root .layout .nav-bar-v .middle .buttons .button.selected{background-color:#fff3}body #root .layout .nav-bar-v .bottom{margin-top:auto;padding:0 5px}body #root .layout .nav-bar-v .bottom .buttons{padding-bottom:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px 0}body #root .layout .help-btn,body #root .layout .settings-btn{cursor:pointer;color:#fff}body #root .layout .help-btn:hover,body #root .layout .settings-btn:hover{color:#ffffff80}body #root .item-list{width:100%;display:flex;flex-direction:column;flex-grow:1}body .settings-area{display:flex;flex-direction:column;gap:10px}body .settings-area form{display:flex;flex-direction:column;gap:15px}body .settings-area .buttons{display:flex;justify-content:center;align-items:center}body .form-item{display:flex;flex-direction:column}body .form-item label{margin-bottom:5px;font-size:14px;line-height:14px}body .form-item .checkbox{display:flex;align-items:center;gap:0 5px}body .form-item .checkbox input,body .form-item .checkbox label{margin:0}body #unlock{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;gap:25px}body #unlock .title{margin:0;padding:0;font-size:32px;font-weight:400;color:#333}body #unlock form{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px}body .send-component,body .receive-component,body .upload-component{display:flex;flex-direction:column}body .send-component .send-form,body .send-component .receive-form,body .receive-component .send-form,body .receive-component .receive-form,body .upload-component .send-form,body .upload-component .receive-form{display:flex;flex-direction:column;gap:10px}body .send-component .buttons,body .receive-component .buttons,body .upload-component .buttons,body .send-component .result-block,body .receive-component .result-block,body .upload-component .result-block{display:flex;justify-content:center;align-items:center}body .upload-component{gap:10px}body .upload-component .upload-files{display:flex;flex-direction:column;gap:5px}body .item-list{max-height:100vh}body .item-list .head1{padding-top:5px;display:flex}body .item-list .head2{display:flex;align-items:center;justify-content:space-between}body .item-list .filters{display:flex;flex-wrap:wrap}body .item-list .filters .search-box{border-bottom:1px solid #dddddd;box-sizing:border-box;overflow:hidden;display:flex;align-items:center;justify-content:space-between;width:100%}body .item-list .filters .search-box input{border:none;border-radius:0;padding:7px;flex:1}body .item-list .filters .search-box select{padding-right:5px}body .item-list .filters .search-box .button.reset{padding:4px 6px;height:20px;width:20px;margin-left:10px;margin-right:5px;background-color:#fff;border:none}body .item-list .filters .search-box .button.reset:hover{opacity:.8}body .item-list .filters .search-box-border{box-sizing:border-box;border-radius:4px;overflow:hidden;display:flex;align-items:center;border:1px solid #dddddd}body .item-list .filters .search-box-border input{border:none;border-top-right-radius:0;border-bottom-right-radius:0}body .item-list .filters .search-box-border select{border:none;border-top-left-radius:0;border-bottom-left-radius:0}body .item-list .filters .search-box-border .button.reset{padding:4px 6px;height:20px;border-radius:24px;width:20px;margin-right:5px}body .item-list .meemos-count,body .item-list .keys-count{padding:5px}body .item-list .list-buttons{display:flex;gap:5px;padding:5px;flex-wrap:wrap}body .item-list .list-buttons .button:disabled{display:none}body .item-list .list-area{flex:1;overflow-y:auto;box-sizing:border-box;border-top:1px solid #dddddd;display:flex;flex-direction:column;align-items:center}body .item-list .list-area ul{box-sizing:border-box;margin:0;list-style:none;width:100%}body .item-list .list-area ul li.list-element{box-sizing:border-box;border-bottom:1px solid #dddddd;cursor:pointer}body .item-list .list-area ul li.list-element.selected{background-color:#f1f1f1}body .item-list .list-area ul li.list-element .list-block{display:flex;flex-direction:column;padding:10px;font-size:18px;line-height:1.2em;-webkit-user-select:none;user-select:none}body .item-list .list-area ul li.list-element .list-block .footer-block{display:flex;justify-content:space-between;align-items:center}body .item-list .list-area ul li.list-element .list-block .title{font-size:1em;font-weight:700;overflow:hidden;text-overflow:ellipsis}body .item-list .list-area ul li.list-element .list-block .title .txt{font-size:1em}body .item-list .list-area ul li.list-element .list-block .content{font-size:.8em;max-height:3.2em;overflow:hidden}body .item-list .list-area ul li.list-element .list-block .updated-at{font-size:.6em;color:#636363}body .item-list .list-area ul li.list-element .list-block .show-selected{display:none}body .item-list .list-area .empty{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:30px 20px;gap:10px;width:100%}body .item-list .list-area .empty .icon{font-size:70px;color:#a5a5a5}body .item-list .list-area .empty .message{word-break:break-word;text-align:center;font-size:18px;line-height:24px;color:#333}body .item-list .list-area .adding-key-editor-button-area{margin-top:15px}body .item-list .list-area .adding-key-editor-button-area .show-adding-key-editor-button{display:none}body .select-key-and-encrypt-area{display:flex;flex-direction:column;gap:10px}body .select-key-and-encrypt-area .completed,body .select-key-and-encrypt-area .buttons{display:flex;justify-content:center;align-items:center}body .meemo-editor{padding:20px;display:flex;height:100vh;flex-direction:column}body .meemo-editor .cm-editor.cm-focused{outline:none;border:none}body .meemo-editor .cm-editor [contenteditable]:focus{outline:none}body .meemo-editor .editor-title{width:100%}body .meemo-editor .editor-title .inputText{width:100%;border:none;outline:none;font-weight:700}body .meemo-editor .editor-tags{width:100%}body .meemo-editor .editor-tags .inputText{width:100%;border:none;outline:none;font-weight:400}body .meemo-editor .editor-tags .tags{display:flex;flex-wrap:wrap;gap:5px}body .meemo-editor .editor-tags .tags .tag{display:flex;justify-content:center;align-items:center;padding:3px 7px;border:solid 1px #dddddd;border-radius:4px;gap:3px}body .meemo-editor .editor-tags .tags .tag .txt{font-size:15px;line-height:15px}body .meemo-editor .editor-tags .tags .tag .remove-button{border:none;background:none;padding:3px 4px 2px}body .meemo-editor .editor-tags .tags .tag .remove-button:hover .button-icon{color:#333}body .meemo-editor .editor-tags .tags .tag .remove-button .button-icon{color:#a5a5a5}body .meemo-editor .editor-area{flex:1;overflow-y:auto}body .meemo-editor .not-editable{word-break:break-all}body .meemo-editor .editor-footer{display:flex;flex-direction:column;gap:10px;padding-top:10px;border-top:1px solid #dddddd}body .meemo-editor .info-area{display:flex;gap:10px;flex-wrap:wrap}body .meemo-editor .info-area .info-element{font-size:18px}body .meemo-editor .info-area .info-element .label,body .meemo-editor .info-area .info-element .value{font-weight:400;font-size:.7em}body .meemo-editor .info-area .info-element .label:after{content:":";margin-left:2px;margin-right:2px}body .meemo-editor .buttons{display:flex;justify-content:flex-end;gap:10px}body .main-text-view-component{display:flex;flex-direction:column;gap:2px}body .main-text-view-component p{color:#333;font-size:18px;line-height:18px;word-break:break-all}body .main-text-view-component .empty{line-height:18px;display:inline-block}body .main-text-view-component a.link{color:#3903ce}body .main-text-view-component a.link:visited,body .main-text-view-component a:visited{color:#860c60}@media screen and (max-width: 780px){body .meemo-editor{height:100svh}}body .key-detail,body .key-editor{padding:20px;display:flex;height:100vh;flex-direction:column;overflow-y:auto;gap:20px;flex:1}body .key-detail form,body .key-editor form{display:flex;flex-direction:column;gap:15px}body .key-detail .title,body .key-editor .title{margin:0;padding:0;font-size:18px}body .key-detail .detail-name,body .key-detail .editor-name,body .key-editor .detail-name,body .key-editor .editor-name{width:100%}body .key-detail .detail-name .txt,body .key-detail .editor-name .txt,body .key-editor .detail-name .txt,body .key-editor .editor-name .txt{font-size:18px;font-weight:700}body .key-detail .editor-key,body .key-editor .editor-key{width:100%}body .key-detail .form-item .hash .name,body .key-detail .form-item .hash .value,body .key-editor .form-item .hash .name,body .key-editor .form-item .hash .value{word-break:break-all}body .key-detail .form-item .hash .value,body .key-editor .form-item .hash .value{margin-left:15px}body .key-detail .adding-modes.tabs,body .key-editor .adding-modes.tabs{display:flex;margin-bottom:10px;border-bottom:1px solid #dddddd;gap:10px}body .key-detail .adding-modes.tabs .tab,body .key-editor .adding-modes.tabs .tab{padding:5px 5px 10px;cursor:pointer;border-bottom:2px solid rgba(0,0,0,0)}body .key-detail .adding-modes.tabs .tab.selected,body .key-editor .adding-modes.tabs .tab.selected{cursor:default;border-color:#5b1694}body .key-detail .adding-modes.tabs .tab.selected .txt,body .key-editor .adding-modes.tabs .tab.selected .txt,body .key-detail .adding-modes.tabs .tab:hover .txt,body .key-editor .adding-modes.tabs .tab:hover .txt{color:#5b1694}body .key-detail .adding-modes.tabs .tab .txt,body .key-editor .adding-modes.tabs .tab .txt{color:#333}body .key-detail .editor-area,body .key-editor .editor-area{flex:1;overflow-y:auto}body .key-detail .detail-main,body .key-editor .detail-main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}body .key-detail .detail-main .key-icon,body .key-editor .detail-main .key-icon{display:flex;justify-content:center;align-items:center;color:#a5a5a5}body .key-detail .detail-main .detail-key,body .key-editor .detail-main .detail-key{display:flex;justify-content:center;flex-direction:column;gap:10px}body .key-detail .detail-main .detail-key .title,body .key-editor .detail-main .detail-key .title{font-weight:400;font-size:16px;word-break:break-word}body .key-detail .detail-main .detail-key .hash,body .key-editor .detail-main .detail-key .hash{font-weight:400;font-size:18px;margin:0;word-break:break-word}body .key-detail .editor-footer,body .key-editor .editor-footer{padding-top:10px;border-top:1px solid #dddddd}body .key-detail .info-area,body .key-editor .info-area{display:flex;gap:10px;flex-wrap:wrap}body .key-detail .info-area .info-element,body .key-editor .info-area .info-element{font-size:18px}body .key-detail .info-area .info-element .label,body .key-detail .info-area .info-element .value,body .key-editor .info-area .info-element .label,body .key-editor .info-area .info-element .value{font-weight:400;font-size:.7em}body .key-detail .info-area .info-element .label:after,body .key-editor .info-area .info-element .label:after{content:":";margin-left:2px;margin-right:2px}body .key-detail .buttons,body .key-editor .buttons{display:flex;justify-content:center;align-items:center}body .key-detail{justify-content:space-between}@media screen and (max-width: 780px){body .key-detail,body .key-editor{height:100svh}}body .dialog-area{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;inset:0}body .dialog-area .dialog-background{display:block;position:absolute;inset:0;background-color:#00000080;cursor:pointer}body .dialog-area .dialog-block{background-color:#fff;z-index:1;padding:20px;border-radius:3px;gap:20px 0;display:flex;flex-direction:column;max-height:100svh;max-width:90%}body .dialog-area .dialog-block.big{width:90%;height:90vh;max-width:900px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}body .dialog-area .dialog-block .dialog-head{border-bottom:1px solid #dddddd;padding-bottom:20px;width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px}body .dialog-area .dialog-block .dialog-title .txt{font-size:24px;font-weight:700}body .dialog-area .dialog-block .dialog-content{flex:1;width:100%;overflow-y:auto;padding:0;font-size:18px;box-sizing:border-box;color:#333}body .dialog-area .dialog-block .dialog-content .dialog-content-main{line-height:1.5em}body .dialog-area .dialog-block .dialog-content .content{font-size:18px;color:#333}body .dialog-area .dialog-block .dialog-content .content p{margin:0;padding:0}body .dialog-area .dialog-block .dialog-content .content p.target{padding:0}body .dialog-area .dialog-actions{display:flex;justify-content:center;align-items:center;gap:20px}body .dialog-area .dialog-actions button{margin:0}body .dialog-area .modal-close-button{background:none;border:none;outline:none;cursor:pointer;padding:0}body .dialog-area .modal-close-button:hover .button-icon{color:#636363}body .dialog-area .modal-close-button .button-icon{padding:0;font-size:24px;color:#333}@media screen and (max-width: 780px){body .dialog-area .dialog-block{height:90vh}}body .info-component{display:flex;flex-direction:column}body .info-component .app-name{font-size:18px}body .info-component .app-name .name{font-size:2em;font-weight:400;margin:0;line-height:3em}body .info-component .app-description{margin-bottom:20px}body .info-component .app-description p{font-size:1em;font-weight:400;margin:0;line-height:1.2em}body .info-component .version-area,body .info-component .terms-area{font-size:18px;display:flex;margin:0;padding:0;line-height:1.5em;gap:0 5px;flex-direction:column}body .info-component .version-area .txt,body .info-component .terms-area .txt{color:#636363;margin:0;padding:0}body .info-component .terms-area{margin-top:20px}body .info-component .paragraph{font-size:12px;color:#636363;line-height:1.5em}body .release-history-component,body .terms-component{max-width:400px;max-height:200px;overflow-y:auto;padding:10px 0 15px;margin:5px 0;gap:20px;display:flex;flex-direction:column}body .release-history-component .version-content,body .terms-component .version-content{padding-bottom:10px;border-bottom:1px solid #dddddd}body .release-history-component .version-content .version-head,body .terms-component .version-content .version-head{display:flex;align-items:center;gap:10px}body .release-history-component .version-content .version-head h3,body .terms-component .version-content .version-head h3{font-size:16px;margin:0 0 5px;display:flex;gap:5px}body .release-history-component .version-content .version-head h3 .txt,body .terms-component .version-content .version-head h3 .txt,body .release-history-component .version-content .version-head h3 .date,body .terms-component .version-content .version-head h3 .date{font-weight:700}body .release-history-component .version-content .version-head h3 .date:before,body .terms-component .version-content .version-head h3 .date:before{content:"("}body .release-history-component .version-content .version-head h3 .date:after,body .terms-component .version-content .version-head h3 .date:after{content:")"}body .release-history-component .version-content .version-head .label,body .terms-component .version-content .version-head .label{border:1px solid #5b1694;border-radius:6px;padding:1px 6px 2px}body .release-history-component .version-content .version-head .label .txt,body .terms-component .version-content .version-head .label .txt{font-size:16px;color:#5b1694;line-height:1em}body .release-history-component .version-content .title .txt,body .terms-component .version-content .title .txt{font-size:16px;font-weight:700}body .release-history-component .version-content .descriptions,body .terms-component .version-content .descriptions{list-style-type:disc;list-style-position:outside;padding-left:20px}body .release-history-component .version-content .descriptions li,body .terms-component .version-content .descriptions li{font-size:16px;font-weight:400}body .release-history-component .term,body .terms-component .term{font-size:16px}body .release-history-component .term .term-title,body .terms-component .term .term-title{font-weight:700}body .help-component{display:flex;flex-direction:column;gap:25px}body .help-component .help-content{display:flex;flex-direction:column;gap:5px}body .help-component .help-content h3{font-size:20px;margin:0}body .help-component .help-content ol{font-size:18px;list-style-type:decimal;list-style-position:inside}body .help-component .help-content ol li{list-style-type:decimal}body .cm-layer.cm-selectionLayer{width:100%}body .overlay-loading{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000080}body .overlay-loading .loading-icon{position:absolute;left:50%;top:50%;height:60px;width:60px;margin:0 auto;color:#fff;opacity:.5}@media screen and (max-width: 780px){body .overlay-loading{height:100svh}}@media screen and (max-width: 1000px){body #root .layout .column-a{width:52px}body #root .layout .column-b{min-width:160px;max-width:300px}body .item-list .filters .search-box input{width:inherit}}@media screen and (max-width: 780px){body{height:100svh;min-height:100svh}body #root .layout .column-a,body #root .layout .column-b,body #root .layout .column-c{height:100svh}body #root .layout .column-a{width:40px}body #root .layout .column-b{min-width:100px;max-width:200px}body #root .layout .nav-bar-v{height:100svh}body #root .layout .nav-bar-v .top .logo{padding:2px}body #root .layout .nav-bar-v .top .logo .chara{font-size:8px}body #unlock{height:100svh}body .item-list{max-height:100svh}body .item-list .filters .search-box input{width:inherit}body .item-list .list-buttons .button:disabled{display:none}}@media screen and (max-width: 600px){body #root .layout.show-meemo-editor .column-b,body #root .layout.show-key-editor .column-b{display:none}body #root .layout.show-meemo-editor .column-c,body #root .layout.show-key-editor .column-c,body #root .layout.show-meemo-editor .column-c .back-button-v,body #root .layout.show-key-editor .column-c .back-button-v{display:flex}body #root .layout .column-a{width:40px}body #root .layout .column-b{flex:1;max-width:100%}body #root .layout .column-c{display:none}body #root .layout .nav-bar-v .top .logo{padding:2px}body #root .layout .nav-bar-v .top .logo .chara{font-size:8px}body .item-list .filters .search-box input{width:inherit}body .item-list .list-buttons .button:disabled{display:none}body .item-list .list-area ul li.list-element.selected .list-block{position:relative}body .item-list .list-area ul li.list-element.selected .list-block .show-selected{display:block;position:absolute;right:10px}body .item-list .list-area .adding-key-editor-button-area .show-adding-key-editor-button{display:block}}