.modal{padding:1rem;display:none;flex-direction:column;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.9)}.modal-content{flex:1;min-height:0;overflow:auto;justify-content:center;align-items:center;display:flex;backface-visibility:hidden;transform:translateZ(0)}.modal-content-text{margin:auto;display:block;width:90%;max-width:98%;height:calc(100% - 100px);min-height:120px;font-size:clamp(16px,2vw,30px);max-height:calc(100% - 100px)}.modal-content-img,.modal-content-video{margin:auto;display:block;min-width:20%;max-width:98%;max-height:calc(100% - 100px)}.modal-content-other{color:#ccc;font-weight:bold;font-size:30px}#caption{margin:auto;display:block;text-align:center;color:#ccc;padding:10px;font-size:20px}.modal-content,#caption{-webkit-animation-name:zoom;-webkit-animation-duration:0.6s;animation-name:zoom;animation-duration:0.6s}@-webkit-keyframes zoom{from{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}@keyframes zoom{from{transform:scale(0)}to{transform:scale(1)}}.model-header{display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width:700px){.modal-content{width:100%}}.tag-container{display:flex;flex-wrap:wrap;border:1px solid #ccc;padding:5px;cursor:text;border-radius:8px;background-color:white}.tag{background-color:#257180;color:white;padding:clamp(1px,1vw,5px) clamp(2px,1vw,10px);border-radius:15px;font-size:clamp(8px,2vw,12px);display:flex;align-items:center;margin:1px}.tag span{margin-left:5px;cursor:pointer;font-weight:bold}.tag-input{border:none!important;flex:1;padding:5px;outline:none;font-size:clamp(8px,2vw,12px)}body{margin:0;padding:0;box-sizing:border-box}.mainArea{position:sticky;top:50px;width:100%;margin:0rem auto;z-index:1}.shadow{pointer-events:none}.shadow::before{content:"";box-shadow:0 0 5px 1px #333;position:fixed;width:100%}.shadow::after{content:"";width:100%;height:16px;background:linear-gradient(to bottom,#F2E5BF 100%,transparent);position:absolute;transform:translateY(-50%)}.rightArea{position:relative;background-color:#FA812F}.operArea{display:flex;flex-wrap:wrap;gap:0.5rem;padding:0.5rem 1rem}.file{position:relative;border:2px dashed #FEF3E2;border-radius:10px;text-align:center;font-size:clamp(10px,1.5vw,12px);color:#FEF3E2;transition:background-color 0.3s ease;text-decoration:none;width:180px;box-sizing:border-box;display:flex;justify-content:left;align-items:center;height:clamp(24px,2vw,40px);gap:5px}.file input{position:absolute;font-size:100px;right:0;top:0;left:0;bottom:0;opacity:0;width:100%}.file.hover,.file.hover .fileSelect{background:#FAB12F;border-color:#FA4032;color:#FA4032;text-decoration:none}.fileSelect{border-right:2px dashed #FEF3E2;border-radius:10px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding:0 10px;position:relative;height:100%}.fileDrag{white-space:nowrap;overflow:auto;display:flex;justify-content:center;align-items:center;flex:1;height:100%}.radioTxt{font-size:clamp(12px,2vw,22px)}#key{width:100px;height:clamp(24px,2vw,40px);font-size:clamp(12px,1vw,22px);border-width:0;background-color:#FEF3E2;color:#FA4032;border-radius:10px;box-sizing:border-box;padding-left:10px}#key::placeholder{color:#FA4032;opacity:30%}#start{display:flex;justify-content:center;align-items:center;width:80px;height:clamp(24px,2vw,40px);font-size:clamp(12px,1.2vw,22px);background-color:#FA4032;color:#FEF3E2;border-width:0;border-radius:10px;white-space:nowrap;margin-left:10px}#textInput{width:180px;height:clamp(24px,2vw,40px);font-size:clamp(12px,1vw,22px);background-color:#FEF3E2;color:#FA4032;border-radius:10px;border:none;box-sizing:border-box;line-height:1.6;padding-left:10px;resize:vertical}#textInput::placeholder{color:#FA4032;opacity:30%}.row{display:flex;justify-content:left;align-items:center;color:#FEF3E2}.radioDiv{display:flex;justify-content:left;align-items:center}.intro{text-align:left;color:#FEF3E2}#inputShow{display:flex;justify-content:center;align-items:center;max-width:200px;max-height:100px;overflow:hidden;margin-left:10px}#inputPng{width:55px;height:55px}#inputVideo{width:100%;height:100%}#inputOther{display:inline-block;white-space:normal;word-break:break-all}input[type="radio"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:clamp(24px,2vw,40px);height:clamp(24px,2vw,40px);border-radius:50%;border:2px solid #FA4032;background-color:#FEF3E2;position:relative;cursor:pointer}input[type="radio"]:checked{background-color:#FEF3E2;border-color:#FA4032}input[type="radio"]:checked::after{content:'';position:absolute;top:50%;left:50%;width:70%;height:70%;transform:translate(-50%,-50%);border-radius:50%;background-color:#FA4032}.container{margin:0 auto;padding:0.5rem 1rem;background-color:#F2E5BF;box-sizing:border-box}.container2{width:100%;padding:7px 1rem 1rem 1rem;background-color:#F2E5BF;box-sizing:border-box}.search-bar{display:flex;align-items:center;gap:10px}.search-input{min-width:0;flex-grow:1;padding:clamp(4px,1vw,10px);font-size:clamp(12px,2vw,20px);border:1px solid #ddd;border-radius:5px;outline:none}.search-input:focus{border-color:#007BFF}.search-button{width:100px;padding:clamp(4px,1vw,10px) 15px;background-color:#257180;color:white;border:none;border-radius:5px;cursor:pointer;font-size:clamp(12px,2vw,20px)}.search-button:hover{background-color:#257180}.list-item{display:flex;align-items:center;justify-content:space-between;padding:5px 0px;border-bottom:1px solid #CB6040}.list-item:last-child{border-bottom:none}.avatar{max-width:60px;min-width:40px;border-radius:5px;object-fit:cover}.item-content{display:flex;flex-direction:column;justify-content:center;gap:clamp(1px,0.5vw,5px);width:65%}.item-content.editable{width:35%}.item-header{display:flex;align-items:center;justify-content:center;gap:clamp(1px,0.5vw,5px)}.item-type{width:clamp(20px,2vw,30px)}.item-title{font-size:clamp(10px,2vw,18px);font-weight:bold;margin:0;display:flex;align-items:center;border-radius:8px;flex:1;min-width:0}.item-description{font-size:clamp(10px,2vw,14px);color:#666;border-radius:8px;overflow-wrap:break-word}.item-tags{display:flex;flex-wrap:wrap;gap:clamp(2px,1vw,8px)}.item-tag{background-color:#257180;color:white;padding:clamp(1px,1vw,5px) clamp(2px,1vw,10px);border-radius:15px;font-size:clamp(8px,2vw,12px);min-width:0}.button-container{display:flex;align-items:center;justify-content:flex-end;gap:clamp(2px,0.5vw,10px);width:35%}.button-container.editable{width:65%}.button{background-color:#FD8B51;color:white;border:none;font-size:clamp(10px,2vw,20px);border-radius:5px;cursor:pointer;transition:background-color 0.3s;white-space:normal;word-wrap:break-word;word-break:break-word;min-width:0;min-height:30px;display:flex;align-items:center;justify-content:center;gap:5px;line-height:1}.button:hover{background-color:#CB6040;color:white}.button.loading{pointer-events:none}.v-line{width:clamp(0.4px,0.2vw,2px);height:1em;background-color:white}.spinner{width:clamp(20px,1vw,28px);aspect-ratio:1 / 1;border:5px solid #ccc;border-top-color:#333;border-radius:50%;animation:spin 0.6s linear infinite;display:block}@keyframes spin{to{transform:rotate(360deg)}}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;font-family:Arial,sans-serif;margin-top:2rem}.pagination button{padding:clamp(2px,0.5vw,8px) clamp(3px,1vw,12px);border:1px solid #ddd;background-color:#fff;color:#CB6040;font-size:clamp(10px,1vw,14px);border-radius:4px;cursor:pointer;transition:background-color 0.3s,color 0.3s,border-color 0.3s}.pagination button.active{background-color:#CB6040;color:white;border-color:#CB6040}.pagination button:disabled{background-color:#f8f9fa;color:#aaa;cursor:not-allowed}.pagination button:hover:not(:disabled):not(.active){background-color:#f1f1f1;border-color:#CB6040;color:#CB6040}.pagination .dots{padding:8px 12px;color:#666;font-size:14px;cursor:default}.icon-switch{--h:30px;--w:60px;--knob:20px;--gap:4px;--bg-off:#d9534f;--bg-on:#4caf50;display:inline-block;cursor:pointer;user-select:none;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;line-height:1;-webkit-tap-highlight-color:transparent;position:relative}.icon-switch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;z-index:4;cursor:pointer}.icon-switch .track{width:var(--w);height:var(--h);background:var(--bg-off);border-radius:calc(var(--h) / 2);position:relative;box-sizing:border-box;padding:var(--gap);transition:background .22s ease;display:block;overflow:visible}.icon-switch .knob{position:absolute;top:50%;left:var(--gap);transform:translateY(-50%);width:var(--knob);height:var(--knob);background:#fff;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,0.18);transition:left .22s cubic-bezier(.2,.9,.3,1),transform .12s}.icon-switch .icon{position:absolute;top:50%;transform:translateY(-50%);font-size:16px;line-height:1;transition:opacity .18s,transform .18s;color:#fff;pointer-events:none;text-shadow:0 1px 0 rgba(0,0,0,0.15)}.icon-switch .icon-left{left:calc(var(--gap) + 1px);opacity:0.0;transform:translateY(-50%) scale(0.9)}.icon-switch .icon-right{right:calc(var(--gap) + 1px);opacity:1;transform:translateY(-50%) scale(1)}.icon-switch input:checked + .track{background:var(--bg-on)}.icon-switch input:checked + .track .knob{left:calc(100% - var(--knob) - var(--gap))}.icon-switch input:checked + .track .icon-left{opacity:1;transform:translateY(-50%) scale(1)}.icon-switch input:checked + .track .icon-right{opacity:0;transform:translateY(-50%) scale(0.9)}.icon-switch input:focus + .track{outline:none;box-shadow:none}.icon-switch input:disabled + .track{opacity:0.6;cursor:not-allowed}*{box-sizing:border-box}.top-right-toggle{top:16px;right:16px;z-index:1001;background:#a73640;color:white;border:none;padding:10px 14px;border-radius:8px;cursor:pointer;font-weight:600;box-shadow:0 6px 18px rgba(11,121,247,0.18)}.top-right-toggle:focus{outline:3px solid rgba(11,121,247,0.25)}.overlay{position:fixed;inset:0;background:rgba(0,0,0,0.35);opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s;z-index:99998}.overlay.show{opacity:1;visibility:visible}.panel{position:fixed;top:60px;right:1rem;width:320px;max-width:calc(100% - 32px);background:#fff;border-radius:12px;box-shadow:0 12px 40px rgba(2,6,23,0.16);transform-origin:top right;transform:translateY(-8px) scale(.98);opacity:0;visibility:hidden;transition:transform .22s cubic-bezier(.2,.9,.2,1),opacity .18s;z-index:1002;overflow:hidden}.panel.show{z-index:99999;transform:translateY(0) scale(1);opacity:1;visibility:visible}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #eef2f6}.panel-title{margin:0;font-size:15px;font-weight:700}.panel-close{background:transparent;border:none;font-size:18px;cursor:pointer;color:#666}.panel-body{padding:14px}.field{margin-bottom:12px}.field label{display:block;font-size:13px;margin-bottom:6px;color:#333}.field input[type="text"],.field textarea,.field select{width:100%;padding:8px 10px;border:1px solid #d6dbe6;border-radius:8px;font-size:14px;background:#fff}.field textarea{min-height:80px;resize:vertical}.panel-actions{display:flex;gap:8px;padding:12px 14px;border-top:1px solid #eef2f6;justify-content:flex-end;background:#fafbfd}.btn{padding:8px 12px;border-radius:8px;border:none;cursor:pointer;font-weight:600}.btn.secondary{background:#eef2f6;color:#1b1f23}.btn.primary{background:#a73640;color:white}@media (max-width:420px){.panel{right:8px;left:8px;width:auto;top:64px}}#progress-container{height:25px;border:1px solid #ccc;position:relative;display:flex;visibility:hidden}#progress-bar{height:100%;background-color:#a73640;width:0%;transition:width 0.2s}#progress-text{position:absolute;width:100%;text-align:center;line-height:25px;font-weight:bold;color:#F2E5BF}