.font-loader-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--mvp-color-bg);display:flex;align-items:center;justify-content:center;z-index:9999}.font-loader-content{display:flex;flex-direction:column;align-items:center;gap:var(--mvp-p30);max-width:400px;width:90%}.font-loader-logo{font-size:var(--mvp-fs32);font-weight:var(--mvp-fw700);color:var(--mvp-color-primary);font-family:system-ui,-apple-system,sans-serif;text-align:center;letter-spacing:2px;margin-bottom:var(--mvp-p10)}.font-loader-progress-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--mvp-p10)}.font-loader-progress-bar{width:100%;height:6px;background-color:#ffffff1a;border-radius:3px;overflow:hidden;position:relative}.font-loader-progress-fill{height:100%;background:linear-gradient(90deg,var(--mvp-color-primary),#4fd1ff);border-radius:3px;transition:width .3s ease-out;position:relative}.font-loader-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:font-loader-shimmer 1.5s infinite}.font-loader-percentage{color:var(--mvp-color-white);font-size:var(--mvp-fs14);font-weight:var(--mvp-fw500);font-family:system-ui,-apple-system,sans-serif;min-width:40px;text-align:center}.font-loader-text{color:var(--mvp-color-gray);font-size:var(--mvp-fs14);font-weight:var(--mvp-fw400);font-family:system-ui,-apple-system,sans-serif;text-align:center;min-height:20px}@keyframes font-loader-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.font-loader-blocks{display:flex;flex-direction:row;gap:6px;justify-content:center;align-items:center;margin:24px 0 12px;font-size:2.2rem;letter-spacing:2px}.font-loader-block{color:var(--mvp-color-primary, #00ff00);text-shadow:0 0 8px #00ff00,0 0 2px #00ff00;transition:color .2s,text-shadow .2s;font-family:"M PLUS 1p",Courier New,Courier,monospace;animation:font-loader-blink 1.2s infinite steps(1,end)}.font-loader-blocks .font-loader-block:nth-child(2n){opacity:.7}@keyframes font-loader-blink{0%,to{opacity:1}50%{opacity:.7}}#header{background-color:transparent;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;padding:var(--mvp-p10) var(--mvp-p20);height:var(--mvp-h-header)}#header .header-left{flex:1}#header .header-right{display:flex;justify-content:flex-end;align-items:center;height:100%}#hamburger-menu{position:relative;display:flex;align-items:center}#hamburger-menu .hamburger-icon{width:40px;height:40px;background:transparent;border:none;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;padding:0;margin-right:12px}#hamburger-menu .hamburger-icon .bar{width:28px;height:4px;background:var(--mvp-color-primary);margin:3px 0;transition:all .3s}#hamburger-menu .hamburger-menu-pop{position:absolute;top:48px;left:0;min-width:140px;background:var(--mvp-color-primary);padding:12px 0;z-index:1000;display:flex;flex-direction:column;animation:fadeInPop .2s cubic-bezier(.4,2,.6,1) both}#hamburger-menu .hamburger-menu-item{background:none;border:none;text-align:left;padding:10px 24px;font-size:1rem;color:var(--mvp-color-black, #222);cursor:pointer;transition:background .2s}@keyframes fadeInPop{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}#loading.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:50}#loading .loading-spinner{animation:spin 1s linear infinite;border-radius:50%;height:48px;width:48px;border:4px solid var(--mvp-color-primary);border-top-color:transparent}@keyframes spin{to{transform:rotate(360deg)}}#toast{display:flex;align-items:center;justify-content:center;position:fixed;top:50px;left:50%;padding:15px var(--mvp-p30) var(--mvp-p10);z-index:var(--mvp-z-toast);border-radius:var(--mvp-br8);height:var(--mvp-h-toast);max-width:500px;pointer-events:none;opacity:0;transform:translate(-50%) translateY(-30px);transition:opacity .3s,transform .3s}#toast.toast-error{background-color:#fecaca;color:var(--mvp-color-red)}#toast.toast-success{background-color:#000000ca;color:var(--mvp-color-white)}#toast.toast-visible{opacity:1;transform:translate(-50%) translateY(0);transition:opacity .3s,transform .3s}#toast.toast-hidden{opacity:0;transform:translate(-50%) translateY(-30px);transition:opacity .3s,transform .3s}#login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh;gap:50px}#login-page .login-page-form{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--mvp-p20);padding:var(--mvp-p30);width:60%;max-width:650px}#login-page .form-title{color:var(--mvp-color-primary);font-family:var(--mvp-font-family-dot);font-size:var(--mvp-fs32);font-weight:var(--mvp-fw700);text-align:center}#login-page .login-page-form-input-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--mvp-p10);width:100%}#login-page .login-page-form-input-container>label{width:150px;font-size:var(--mvp-fs16);font-family:var(--mvp-font-family-dot);color:var(--mvp-color-primary)}#login-page .login-page-form-input{width:100%;height:40px;border:1px solid var(--mvp-color-primary);border-radius:0;background-color:transparent!important;-webkit-box-shadow:0 0 0 1000px transparent inset!important;box-shadow:0 0 0 1000px transparent inset!important;background-clip:padding-box!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;caret-color:var(--mvp-color-primary);color:var(--mvp-color-primary)!important;font-size:var(--mvp-fs16);font-family:var(--mvp-font-family-dot);box-sizing:border-box}#login-page .login-button-center{display:flex;justify-content:center;width:100%}#login-page .login-button{width:fit-content;height:40px;border:1px solid var(--mvp-color-primary);border-radius:0;background-color:transparent!important;color:var(--mvp-color-primary)!important;font-size:var(--mvp-fs16);font-family:var(--mvp-font-family-dot)}#login-page .login-button:hover{background-color:var(--mvp-color-primary)!important;color:var(--mvp-color-bg)!important}#login-page .description-container{display:flex;justify-content:center;width:100%;margin-top:var(--mvp-p20)}#login-page .description-container>a{color:var(--mvp-color-primary);font-size:var(--mvp-fs12);font-family:var(--mvp-font-family-dot);text-decoration:none}#login-page .copyright-container{position:absolute;bottom:20px;left:50%;transform:translate(-50%)}#login-page #copyright{color:var(--mvp-color-primary);font-size:var(--mvp-fs10);font-family:var(--mvp-font-family-dot)}@media (max-width: 768px){#login-page{width:70%}}@media (max-width: 480px){#login-page{width:100%}#login-page .login-page-form{width:90%;max-width:100%}#login-page .login-page-form-input-container{flex-direction:column;align-items:flex-start}}#markdown-toolbar{display:flex;align-items:center;gap:var(--mvp-p10);padding:var(--mvp-p10) var(--mvp-p20);background:var(--mvp-color-white);border:var(--mvp-color-white);border-radius:var(--mvp-br8) var(--mvp-br8) 0 0;flex-wrap:wrap}#markdown-toolbar .toolbar-group{display:flex;align-items:center;gap:var(--mvp-p5)}#markdown-toolbar .toolbar-divider{width:1px;height:24px;background:#e1e4e8;margin:0 var(--mvp-p5)}#markdown-toolbar button{background:transparent;border:1px solid transparent;border-radius:var(--mvp-br4);padding:6px 8px;cursor:pointer;font-size:var(--mvp-fs14);color:var(--mvp-color-black);display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;transition:all .2s ease}#markdown-toolbar button:hover{background:var(--mvp-color-bg);border-color:#d1d5da}#markdown-toolbar button:active{background:#e1e4e8}#markdown-toolbar button span{font-size:var(--mvp-fs12);font-weight:var(--mvp-fw500)}#markdown-toolbar button svg{color:var(--mvp-color-black);transition:color .2s ease}#markdown-toolbar button:hover svg{color:var(--mvp-color-primary)}#markdown-toolbar button span:first-child{font-weight:var(--mvp-fw700)}#markdown-toolbar button strong{font-weight:var(--mvp-fw900)}#markdown-toolbar button em{font-style:italic}#markdown-editor{position:relative;display:flex;flex-direction:column;width:100%;height:100%}#markdown-editor .markdown-editor-header{position:absolute;bottom:20px;right:15px;cursor:pointer;z-index:10}#markdown-editor .markdown-editor-header .edit-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--mvp-color-primary);transition:all .2s ease}#markdown-editor .markdown-editor-header .edit-icon:hover{background-color:var(--mvp-color-white);border:1px solid var(--mvp-color-primary);transform:scale(1.05)}#markdown-editor .markdown-editor-header .edit-icon:hover svg path{fill:var(--mvp-color-primary)}#markdown-editor .markdown-editor-header svg{width:24px;height:24px}#markdown-editor .markdown-editor-header .edit-icon svg path{fill:#fff}#markdown-editor .markdown-editor-content{width:100%;height:100%;border-left:2px solid var(--mvp-color-black);line-height:1.6;position:relative;padding:var(--mvp-p20);box-sizing:border-box}#markdown-editor .markdown-editor-content.view-mode{overflow:hidden}#markdown-editor .markdown-editor-content.view-mode>div{height:100%;overflow-y:auto;box-sizing:border-box}#markdown-editor .markdown-editor-content.edit-mode{overflow:hidden}#markdown-editor :has(#markdown-toolbar) .markdown-editor-content{border-top:none;border-radius:0 0 8px 8px}#markdown-editor .markdown-editor-content h1{font-size:var(--mvp-fs24);margin-bottom:var(--mvp-p20);color:var(--mvp-color-white);border-bottom:var(--mvp-border-gray);padding-bottom:var(--mvp-p10)}#markdown-editor .markdown-editor-content h2{font-size:var(--mvp-fs20);font-weight:var(--mvp-fw700);margin:var(--mvp-p20) 0 var(--mvp-p10) 0;color:var(--mvp-color-white)}#markdown-editor .markdown-editor-content h3{font-size:var(--mvp-fs16);font-weight:var(--mvp-fw700);margin:var(--mvp-p20) 0 var(--mvp-p10) 0;color:var(--mvp-color-white)}#markdown-editor .markdown-editor-content p{font-size:var(--mvp-fs14);margin-bottom:var(--mvp-p10);color:var(--mvp-color-white)}#markdown-editor .markdown-editor-content ul,#markdown-editor .markdown-editor-content ol{margin:var(--mvp-p10) 0;padding-left:var(--mvp-p20)}#markdown-editor .markdown-editor-content li{font-size:var(--mvp-fs14);margin-bottom:var(--mvp-p5);color:var(--mvp-color-white)}#markdown-editor .markdown-editor-content blockquote{border-left:5px solid var(--mvp-color-white);background:var(--mvp-color-bg);margin:var(--mvp-p20) 0;padding:var(--mvp-p20);font-style:italic;color:var(--mvp-color-white)}#markdown-editor .markdown-editor-content hr{border:none;border-top:1px solid #eee;margin:var(--mvp-p30) 0}#markdown-editor .markdown-editor-content a{color:var(--mvp-color-primary);text-decoration:none;text-decoration:underline}#markdown-editor .markdown-editor-content a:hover{color:var(--mvp-color-primary);text-decoration:underline}#markdown-editor .markdown-editor-content strong{font-weight:var(--mvp-fw700)}#markdown-editor .markdown-editor-content code{background:#f1f3f4;padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--mvp-fs14)}#markdown-editor .markdown-editor-content pre{background:var(--mvp-color-gray);border-radius:0;border:none;padding:var(--mvp-p20);overflow-x:auto;overflow-wrap:break-word;word-wrap:break-word;white-space:pre-wrap;margin:var(--mvp-p20) 0}#markdown-editor .markdown-editor-content pre code{background:none;padding:0;white-space:pre-wrap;word-break:break-all}#markdown-editor .markdown-editor-content .react-syntax-highlighter{max-width:100%!important;overflow:hidden!important;word-wrap:break-word!important;white-space:pre-wrap!important}#markdown-editor .markdown-editor-content .react-syntax-highlighter code{white-space:pre-wrap!important;word-break:break-all!important;overflow-wrap:break-word!important;max-width:100%!important;display:block!important}#markdown-editor .markdown-editor-content .react-syntax-highlighter pre{white-space:pre-wrap!important;word-break:break-all!important;overflow-wrap:break-word!important;overflow:hidden!important;max-width:100%!important}#markdown-editor .markdown-editor-content table,#markdown-editor .markdown-editor-content .markdown-table{border-collapse:separate;border-spacing:0;width:100%;margin:var(--mvp-p20) 0;border:var(--mvp-border-gray);border-radius:var(--mvp-br4);overflow:hidden}#markdown-editor .markdown-editor-content table th,#markdown-editor .markdown-editor-content .markdown-table th{background:var(--mvp-color-placeholder);font-weight:var(--mvp-fw700);font-size:var(--mvp-fs14);color:var(--mvp-color-white);padding:var(--mvp-p10) var(--mvp-p20);text-align:left;border-bottom:var(--mvp-border-gray);border-right:var(--mvp-border-gray)}#markdown-editor .markdown-editor-content table th:last-child,#markdown-editor .markdown-editor-content .markdown-table th:last-child{border-right:none}#markdown-editor .markdown-editor-content table td,#markdown-editor .markdown-editor-content .markdown-table td{font-size:var(--mvp-fs14);font-weight:var(--mvp-fw300);color:var(--mvp-color-white);padding:var(--mvp-p10) var(--mvp-p20);border-bottom:var(--mvp-border-gray);border-right:var(--mvp-border-gray)}#markdown-editor .markdown-editor-content table td:last-child,#markdown-editor .markdown-editor-content .markdown-table td:last-child{border-right:none}#markdown-editor .markdown-editor-content table tr:last-child td,#markdown-editor .markdown-editor-content .markdown-table tr:last-child td{border-bottom:none}#markdown-editor .markdown-editor-content textarea{width:100%;height:100%;border:1px solid var(--mvp-color-white);outline:none;resize:none;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:var(--mvp-fs14);line-height:1.6;padding:var(--mvp-p30);background:transparent;color:var(--mvp-color-white);box-sizing:border-box;overflow-y:auto}#markdown-editor .markdown-editor-content .empty-content{color:var(--mvp-color-primary);font-style:italic;text-align:center;padding:var(--mvp-p40);font-size:var(--mvp-fs14)}@media (max-width: 480px){#markdown-editor .markdown-editor-content textarea{font-size:var(--mvp-fs12);padding:var(--mvp-p10)}}#page-navigation{background-color:var(--mvp-color-2nd-black);padding:var(--mvp-p20);width:220px;overflow-y:auto}#page-navigation .page-list{display:flex;flex-direction:column;gap:var(--mvp-p10)}#page-navigation .page-container{display:flex;align-items:center;position:relative}#page-navigation .page-button{background-color:transparent;border:none;padding:var(--mvp-p10) var(--mvp-p10);color:var(--mvp-color-white);font-size:var(--mvp-fs14);font-weight:var(--mvp-fw400);cursor:pointer;text-align:left;transition:all .2s ease;width:100%;height:40px;position:relative;display:flex;align-items:center;justify-content:flex-start;gap:var(--mvp-p5)}#page-navigation .drag-handle{cursor:grab;color:var(--mvp-color-white);opacity:.5;font-size:var(--mvp-fs12);line-height:1;-webkit-user-select:none;user-select:none;transition:opacity .2s ease;flex-shrink:0}#page-navigation .drag-handle:hover{opacity:1}#page-navigation .drag-handle:active{cursor:grabbing}#page-navigation .page-label{flex:1;display:flex;align-items:center;gap:var(--mvp-p5)}#page-navigation .page-button:hover{color:var(--mvp-color-primary)}#page-navigation .page-button.active{background:var(--mvp-color-primary);color:var(--mvp-color-black);border-color:var(--mvp-color-primary);font-weight:var(--mvp-fw700)}#page-navigation .add-page-button{background:none;border:1px dashed var(--mvp-color-primary);padding:var(--mvp-p10) var(--mvp-p15);color:var(--mvp-color-primary);font-size:var(--mvp-fs12);font-weight:var(--mvp-fw400);cursor:pointer;text-align:center;border-radius:var(--mvp-br4);transition:all .2s ease;font-family:var(--mvp-font-family);margin-top:var(--mvp-p10);height:40px}#page-navigation .add-page-button:hover{color:var(--mvp-color-primary);border-color:var(--mvp-color-primary)}#page-navigation .page-edit-input{background-color:transparent;border:2px solid var(--mvp-color-primary);padding:var(--mvp-p8) var(--mvp-p10);color:var(--mvp-color-white);font-size:var(--mvp-fs14);font-weight:var(--mvp-fw500);font-family:var(--mvp-font-family);border-radius:var(--mvp-br4);outline:none;width:100%;box-sizing:border-box}#page-navigation .page-edit-input:focus{border-color:var(--mvp-color-primary);box-shadow:0 0 0 2px #0ff3}#page-navigation .delete-button{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background-color:var(--mvp-color-red);color:var(--mvp-color-white);border:none;font-size:var(--mvp-fs12);font-weight:var(--mvp-fw700);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1000;padding:0;pointer-events:auto}#page-navigation .delete-button:hover{transform:scale(1.1)}#page-navigation .page-container[style*=opacity] .delete-button{opacity:1!important;z-index:1001}#page-navigation .editing-tag{background-color:var(--mvp-color-primary);color:var(--mvp-color-white);font-size:var(--mvp-fs10);font-weight:var(--mvp-fw700);padding:4px;border-radius:var(--mvp-br-round);margin-left:var(--mvp-p10);white-space:nowrap}@media (max-width: 480px){#page-navigation{width:100%;box-sizing:border-box}}#search-bar{background-color:var(--mvp-color-2nd-black);border:none;border-radius:var(--mvp-br8);font-size:var(--mvp-fs16);display:flex;align-items:center;padding:var(--mvp-p5) var(--mvp-p20);height:50px;width:50%;box-sizing:border-box}#search-bar .search-icon{font-size:var(--mvp-fs20);margin-right:var(--mvp-p20);color:var(--mvp-color-placeholder)}#search-bar input{border:none;outline:none;font-size:var(--mvp-fs18);color:var(--mvp-color-white);font-family:var(--mvp-font-family);width:100%;background:transparent}#search-bar input:focus{outline:none}#search-bar input::placeholder{color:var(--mvp-color-placeholder)}@media (max-width: 700px){#search-bar{width:100%}}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;width:100%;background-color:var(--mvp-color-2nd-black);border-radius:var(--mvp-br8)}.empty-state-content{text-align:center;padding:var(--mvp-p30);max-width:400px}.empty-state-icon{font-size:48px;margin-bottom:var(--mvp-p20);opacity:.6}.empty-state-message{color:var(--mvp-color-white);font-size:var(--mvp-fs18);font-weight:var(--mvp-fw500);margin:0 0 var(--mvp-p10) 0;font-family:var(--mvp-font-family)}.empty-state-sub-message{color:var(--mvp-color-white);font-size:var(--mvp-fs14);font-weight:var(--mvp-fw400);margin:0;opacity:.7;line-height:1.5;font-family:var(--mvp-font-family)}#diary-page{width:100%;height:100%;background:var(--mvp-color-bg);overflow:hidden}#diary-page .diary-container{display:flex;flex-direction:row;box-sizing:border-box;gap:var(--mvp-p10);height:100%}#diary-page .diary-left{display:flex;flex-direction:column;gap:var(--mvp-p10);box-sizing:border-box;height:100%;width:300px;min-width:300px}#diary-page .search-section{background-color:var(--mvp-color-2nd-black);border-radius:var(--mvp-br8);padding:0}#diary-page .diary-list-section{background-color:var(--mvp-color-2nd-black);border-radius:var(--mvp-br8);padding:var(--mvp-p20);height:100%}#diary-page .diary-right{background-color:var(--mvp-color-2nd-black);flex:1;height:100%;position:relative;display:flex;flex-direction:column;box-sizing:border-box;min-width:0;overflow:hidden;border-radius:var(--mvp-br8)}#diary-page .diary-right>*{flex:1}::-webkit-scrollbar{width:1px;height:1px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000004d;border-radius:1px}::-webkit-scrollbar-thumb:hover{background:#0000004d}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) transparent}@media (max-width: 768px){#diary-page .diary-container{flex-direction:column}#diary-page .diary-left{width:100%;height:200px;min-height:200px;border-right:none;border-bottom:1px solid var(--mvp-color-border)}#diary-page .diary-right{height:calc(100vh - 200px)}}#project-card{border:2px solid var(--mvp-color-primary);background-color:transparent;padding:var(--mvp-p20);display:flex;flex-direction:column;position:relative;transition:box-shadow .2s}#project-card .project-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--mvp-p5)}#project-card .project-project-name{color:var(--mvp-color-primary);font-size:var(--mvp-fs24)}#project-card .project-client-name{color:var(--mvp-color-primary);font-size:var(--mvp-fs14);margin-bottom:var(--mvp-p10)}@media (max-width: 480px){#project-card .project-project-name{color:var(--mvp-color-primary);font-size:var(--mvp-fs18)}#project-card .project-client-name{color:var(--mvp-color-primary);font-size:var(--mvp-fs12);margin-bottom:var(--mvp-p10)}}button{text-align:center;cursor:pointer;background-color:var(--mvp-color-white);color:var(--mvp-color-black);border:none;border-radius:0;padding:var(--mvp-p10) var(--mvp-p20);font-size:var(--mvp-fs16);font-family:var(--mvp-font-family);font-weight:var(--mvp-fw700);line-height:1.5;transition:background-color .3s ease;width:100%}button:focus{outline:none}.button-primary{background-color:var(--mvp-color-primary);border:none;color:var(--mvp-color-black)}.button-secondary{background-color:var(--mvp-color-gray);border:none;color:var(--mvp-color-white)}.button-red{background-color:var(--mvp-color-red);border:none;color:var(--mvp-color-white)}.button-gradient{background:linear-gradient(90deg,#38b6ff,#1976d2);border:none;color:var(--mvp-color-white)}.button-transparent{background-color:transparent;border:none;color:var(--mvp-color-primary);font-weight:var(--mvp-fw500)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:1;transition:opacity .7s cubic-bezier(.4,0,.2,1)}.modal-overlay.modal-fade-in{opacity:1;pointer-events:auto}.modal-overlay.modal-fade-out{opacity:0;pointer-events:none}.modal-content{background-color:var(--mvp-color-2nd-black);padding:var(--mvp-p30);position:relative;opacity:1;transform:scale(1);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1);width:40%;max-width:40%;max-height:80vh}.modal-content.modal-fade-in{opacity:1;transform:scale(1)}.modal-content.modal-fade-out{opacity:0;transform:scale(.95)}.modal-content:not(.modal-fade-in){opacity:0;transform:scale(.95)}.modal-close{position:absolute;top:-30px;right:-25px;border:none;border-radius:50%;font-size:45px;cursor:pointer;color:var(--mvp-color-black);background-color:var(--mvp-color-primary);width:45px;height:45px;display:flex;align-items:center;justify-content:center;line-height:0;padding:0;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.modal-content ul{list-style:none;padding:0;margin:0;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.modal-content li button{width:100%;text-align:left;background:none;color:var(--mvp-color-primary);border:none;padding:8px 0;font-weight:400;font-size:var(--mvp-fs16);box-shadow:none}.modal-content li button.selected{font-weight:700;background:none}@media (max-width: 480px){.modal-content{width:75%;max-width:75%;max-height:90vh}.modal-close{font-size:var(--mvp-fs16);top:-20px;right:-20px;width:35px;height:35px}}#project-home-page{width:100%;height:100%;background-color:var(--mvp-color-bg)}#project-home-page .project-home-container{margin:0 auto}#project-home-page .project-home-content{height:100%;width:100%}#project-home-page .project-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--mvp-p20);gap:var(--mvp-p20)}#project-home-page .add-project-button{width:100%;display:flex;justify-content:flex-end}#project-home-page .project-list-content{display:flex;flex-direction:column;gap:var(--mvp-p20);max-height:660px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#bbb #f5f5f5;box-sizing:border-box}#project-home-page .project-list-content::-webkit-scrollbar{display:none}#project-home-page .project-list-content{-ms-overflow-style:none;scrollbar-width:none}#project-home-page .create-project{display:flex;flex-direction:column;gap:16px;min-width:300px}@media (max-width: 1400px){.project-list-content{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1100px){.project-list-content{grid-template-columns:repeat(2,1fr)}}@media (max-width: 700px){.project-list-content{grid-template-columns:1fr}.search-bar{width:100%}}#tab-navigation{display:flex;flex-direction:row;gap:var(--mvp-p10);align-items:center;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding-bottom:var(--mvp-p5);width:100%;max-width:100%}#tab-navigation .tab-container{display:flex;align-items:center;flex-shrink:0;position:relative;overflow:visible}#tab-navigation .tab-button{background-color:var(--mvp-color-2nd-black);border:none;padding:var(--mvp-p5) var(--mvp-p20);color:var(--mvp-color-white);font-size:var(--mvp-fs16);font-weight:var(--mvp-fw500);cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease;font-family:var(--mvp-font-family);width:fit-content;text-align:center;height:40px;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;white-space:nowrap;overflow:visible;gap:var(--mvp-p5)}#tab-navigation .drag-handle{cursor:grab;color:var(--mvp-color-white);opacity:.5;font-size:var(--mvp-fs12);line-height:1;-webkit-user-select:none;user-select:none;transition:opacity .2s ease}#tab-navigation .drag-handle:active{cursor:grabbing}#tab-navigation .tab-label{flex:1}#tab-navigation .tab-button.active{color:var(--mvp-color-primary);font-weight:var(--mvp-fw700)}#tab-navigation .add-tab-button{background-color:transparent!important;border:2px dashed var(--mvp-color-primary)!important;color:var(--mvp-color-primary)!important;font-size:var(--mvp-fs20)!important;font-weight:var(--mvp-fw700)!important;width:40px!important;min-width:40px!important;padding:0!important;flex-shrink:0!important}#tab-navigation .tab-edit-input{background-color:transparent;border:2px solid var(--mvp-color-primary);padding:var(--mvp-p5) var(--mvp-p10);color:var(--mvp-color-white);font-size:var(--mvp-fs16);font-weight:var(--mvp-fw500);font-family:var(--mvp-font-family);height:40px;border-radius:var(--mvp-br4);outline:none;min-width:100px;box-sizing:border-box}#tab-navigation .tab-edit-input:focus{border-color:var(--mvp-color-primary);box-shadow:0 0 0 2px #0ff3}#tab-navigation .delete-button{position:absolute;top:0;right:-8px;width:20px;height:20px;border-radius:50%;background-color:var(--mvp-color-red);color:var(--mvp-color-white);border:none;font-size:var(--mvp-fs12);font-weight:var(--mvp-fw700);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1000;padding:0;pointer-events:auto}#tab-navigation .delete-button:hover{transform:scale(1.1)}#tab-navigation .tab-container[style*=opacity] .delete-button{opacity:1!important;z-index:1001}#tab-navigation .tab-container .delete-button{position:absolute!important;top:0!important;right:-8px!important;z-index:1000!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}#tab-navigation .tab-container[style] .delete-button,#tab-navigation .tab-container[style*=transform] .delete-button,#tab-navigation .tab-container[style*=transition] .delete-button{opacity:1!important;z-index:1001!important;visibility:visible!important}div[data-rbd-draggable-context-id] .delete-button,div[data-rbd-draggable-id] .delete-button,[data-sortable-id] .delete-button{opacity:1!important;z-index:1001!important;visibility:visible!important;position:absolute!important;top:-8px!important;right:-8px!important}:root{--mvp-color-edit-input-bg: #f8f8f8}#project-detail-page{width:100vw;background:var(--mvp-color-bg)}#project-detail-page .project-detail-container{display:flex;flex-direction:row;gap:var(--mvp-p20);margin:0 auto;padding:0 var(--mvp-p20) var(--mvp-p20) var(--mvp-p20);box-sizing:border-box}#project-detail-page .project-detail-right{flex:1;height:80vh;position:relative;display:flex;flex-direction:column;box-sizing:border-box;gap:var(--mvp-p10);min-width:0;overflow:hidden}#project-detail-page .markdown-editor-container{display:flex;flex:1;height:calc(100% - 80px);gap:var(--mvp-p10)}#project-detail-page .markdown-editor-container>*:last-child{flex:1;background-color:var(--mvp-color-2nd-black)}.card-edit-button{position:absolute;bottom:16px;right:16px;background:var(--mvp-color-primary);border:2px solid var(--mvp-color-white);color:#fff;cursor:pointer;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;box-shadow:0 2px 8px #00000026;padding:0}.card-edit-button:hover{background:var(--mvp-color-primary);transform:scale(1.1)}.card-edit-button svg{width:16px;height:16px}@media (max-width: 480px){#project-detail-page .tab-navigation,#project-detail-page .page-navigation{display:none!important}#project-detail-page .mobile-nav-buttons{display:flex;gap:var(--mvp-p10)}#project-detail-page .mobile-nav-buttons button{background:var(--mvp-color-primary);color:var(--mvp-color-black);border:none;padding:8px 16px;font-size:var(--mvp-fs16)}}#project-detail-page .mobile-nav-buttons{display:none}@media (max-width: 480px){#project-detail-page .mobile-nav-buttons{display:flex;gap:var(--mvp-p10)}}.app-container{width:100vw;height:calc(96vh - (var(--mvp-h-header)));overflow-y:auto}.app-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding:var(--mvp-p20);box-sizing:border-box;overflow:hidden}:root{--mvp-color-primary: #00ff00;--mvp-color-bg: #141619;--mvp-color-white: #dadada;--mvp-color-black: #141619;--mvp-color-2nd-black: #18181e;--mvp-color-gray: #b0b0b0;--mvp-color-placeholder: #383838;--mvp-color-red: #ff3939;--mvp-color-modal-overlay: rgba(0, 0, 0, .7);--mvp-border-gray: 1px solid #dadada;--mvp-border-gray-dashed: 2px dashed #dadada;--mvp-br4: 4px;--mvp-br8: 8px;--mvp-br16: 16px;--mvp-br-round: 25px;--mvp-p5: 5px;--mvp-p10: 10px;--mvp-p20: 20px;--mvp-p30: 30px;--mvp-fs10: 10px;--mvp-fs11: 11px;--mvp-fs12: 12px;--mvp-fs14: 14px;--mvp-fs16: 16px;--mvp-fs18: 18px;--mvp-fs20: 20px;--mvp-fs24: 24px;--mvp-fs28: 28px;--mvp-fs32: 32px;--mvp-fs36: 36px;--mvp-fs40: 40px;--mvp-fs44: 44px;--mvp-fs48: 48px;--mvp-h-header: 60px;--mvp-h-toast: 40px;--mvp-font-family: "DotGothic16","M PLUS 1", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;--mvp-font-family-dot: "DotGothic16", "M PLUS 1", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;--mvp-fw100: 100;--mvp-fw300: 300;--mvp-fw400: 400;--mvp-fw500: 500;--mvp-fw700: 700;--mvp-fw800: 800;--mvp-fw900: 900;--mvp-z-toast: 100;--mvp-z-user-menu: 200}html{width:100vw;height:100vh;background-color:var(--mvp-color-bg);overflow:hidden;padding:0;margin:0;box-sizing:border-box}body{width:100%;height:100%;color:var(--mvp-color-white);font-family:var(--mvp-font-family);overflow:hidden;padding:0;margin:0;box-sizing:border-box}.vsc-initialized{margin:0}h1,h2,h3,h4,h5,h6,p,span,ul,ol,li{padding:0;margin:0;font-weight:var(--mvp-fw500)}input{background-color:transparent;border:1px solid var(--mvp-color-primary);outline:none;color:var(--mvp-color-primary);font-family:var(--mvp-font-family);text-align:left;text-decoration:none;height:40px;padding:var(--mvp-p5) var(--mvp-p10);box-sizing:border-box}input::placeholder{color:var(--mvp-color-placeholder);font-family:var(--mvp-font-family)}input:focus{outline:none;border-color:var(--mvp-color-primary)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-text-fill-color:var(--mvp-color-primary)!important}input,input:hover,input:focus,input:active,input:visited,input:valid,input:invalid,input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:active,input:-internal-autofill-selected{background-color:transparent!important;color:var(--mvp-color-primary)!important;-webkit-box-shadow:0 0 0 1000px transparent inset!important;box-shadow:0 0 0 1000px transparent inset!important;background-clip:padding-box!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;caret-color:var(--mvp-color-primary)}input::placeholder{font-family:var(--mvp-font-family-dot);color:var(--mvp-color-placeholder)}textarea{background-color:transparent;border:1px solid var(--mvp-color-primary);outline:none;color:var(--mvp-color-primary);font-family:var(--mvp-font-family);text-align:left;text-decoration:none;resize:none}textarea:focus{outline:none;border-color:var(--mvp-color-primary)}textarea::placeholder{color:var(--mvp-color-placeholder);font-family:var(--mvp-font-family)}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}*::-webkit-scrollbar:vertical{width:1px!important;min-width:1px!important;max-width:1px!important}*::-webkit-scrollbar:horizontal{height:1px!important;min-height:1px!important;max-height:1px!important}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:1px;width:1px!important;height:1px!important;min-width:1px!important;max-width:1px!important;min-height:1px!important;max-height:1px!important}*::-webkit-scrollbar-thumb:hover{background-color:#fff3;width:1px!important;height:1px!important;min-width:1px!important;max-width:1px!important;min-height:1px!important;max-height:1px!important}*::-webkit-scrollbar-thumb:active{background-color:#fff3;width:1px!important;height:1px!important;min-width:1px!important;max-width:1px!important;min-height:1px!important;max-height:1px!important}*::-webkit-scrollbar-corner{background:transparent}