@import"https://fonts.googleapis.com/css2?family=Gothic+A1:wght@400;500;700&display=swap";:root{--bg: #0f1115;--surface: #1a1c20;--panel: #23262a;--panel-2: #2b2f35;--text: #e8e8ea;--text-muted: #a4a9b0;--accent: #ff2b6a;--accent-600: #e0265e;--accent-700: #c02154;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--radius: 14px;--radius-sm: 10px;--radius-lg: 22px;--shadow-1: 0 6px 18px rgba(0, 0, 0, .25);--shadow-2: 0 10px 30px rgba(0, 0, 0, .35);--ring: 0 0 0 3px rgba(255, 43, 106, .35);--font: "Gothic A1", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--fs-xs: 12px;--fs-sm: 14px;--fs-md: 16px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 28px;--lh: 1.55;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--footer-h: 90px}*{box-sizing:border-box}html{background-color:var(--bg)}body{margin:0;color:var(--text);font-family:var(--font);font-size:var(--fs-md);line-height:var(--lh);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg,video{display:block;max-width:100%}button{font:inherit}.border-0{border:2px dashed var(--accent);border-radius:var(--radius-sm)}.main-contents{height:calc(95vh - var(--footer-h));background:radial-gradient(1200px 700px at 20% -10%,rgba(255,43,106,.08),transparent 60%),linear-gradient(0deg,var(--surface),var(--surface));color:var(--text);width:100%;display:flex;flex-direction:row}.main{width:100%;color:var(--text)}.top-nav{width:100%;margin-top:var(--space-4);padding:0 var(--space-6);text-align:left;font-size:var(--fs-sm)}.top-nav>h1{margin:0;font-size:var(--fs-2xl);font-weight:700;letter-spacing:.3px;color:var(--text);cursor:pointer}.main-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-6);padding:var(--space-6)}.contents-container-1,.contents-container-2{display:flex;flex-direction:row;flex-wrap:wrap}.contents-container-1{width:100%;justify-content:center}.contents-container-2{width:30%;min-width:320px}.card{width:300px;height:300px;margin:var(--space-4);background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2);border-color:var(--border-strong)}.content{width:100%;height:calc(100% - 56px);overflow:hidden;padding:var(--space-4)}.content-title{width:100%;height:56px;display:grid;place-items:center;border-top:1px solid var(--border)}.content-title>p{margin:0;height:100%;width:100%;display:grid;place-items:center;font-size:var(--fs-lg);font-weight:600;color:var(--text);transition:background-color .18s ease,color .18s ease}.content-title:hover>p{background-color:var(--accent);color:#fff;cursor:pointer}.temp-contents{width:100%;height:95%;margin:var(--space-4)}.contents-list-div{padding-top:var(--space-3)}.contents-list-ul{margin:0;padding-left:var(--space-4)}.contents-list-li{font-size:var(--fs-md);color:var(--text-muted);padding:6px 0;list-style:none;transition:color .18s ease,transform .12s ease;display:flex;align-items:center;gap:6px}.contents-list-li:hover{color:#fff;cursor:pointer;transform:translate(2px)}.button-collection-div{display:flex;flex-direction:column;gap:var(--space-3);text-align:center;font-size:var(--fs-lg);font-weight:700}.button{padding:10px 14px;border-radius:var(--radius-sm);background:linear-gradient(180deg,#ff2b6a1f,#ff2b6a14);color:var(--accent);border:1px solid var(--border-strong);transition:background-color .18s ease,color .18s ease,transform .08s ease;-webkit-user-select:none;user-select:none}.button:hover{background-color:var(--accent);color:#fff}.button:active{transform:translateY(1px)}.popup-main{background-color:var(--bg);display:flex;flex-direction:row;border-top:1px solid var(--border)}.memo-popup-left-navi{position:relative;width:16%;min-width:260px;max-width:320px;background:linear-gradient(180deg,var(--panel),var(--panel-2));border-right:1px solid var(--border);overflow-y:auto;height:calc(93.5vh - var(--footer-h))}.memo-popup-content-main{width:84%;background-color:var(--surface);height:calc(93.5vh - var(--footer-h));overflow-y:auto}.memo-popup-content-main-head{display:flex;flex-direction:row;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.folder-li{font-size:18px;list-style:none;color:#ffb86b;margin:10px 0}.memo-li{font-size:15px;list-style:none;color:var(--accent);margin:6px 0 8px}.memo-li:hover{color:#fff;cursor:pointer}.folder-ul{padding-left:14px;margin:0}.memo-ul{margin-top:10px;padding-left:16px}.back-btn{margin-left:-8px;margin-top:10px;text-align:center;font-size:var(--fs-lg);color:var(--accent)}.back-btn:hover{color:#fff;cursor:pointer}.display-folder-text{color:#ffb86b;text-align:center;font-size:16px;margin-top:10px}.title-input{background-color:var(--surface);width:82%;height:38px;border:1px solid var(--border);color:#fff;caret-color:var(--accent);font-size:20px;outline:none;border-radius:var(--radius-sm);padding:0 var(--space-3);transition:box-shadow .15s ease,border-color .15s ease}.title-input:focus{box-shadow:var(--ring);border-color:var(--accent)}.memo-save-btn-div{text-align:center;width:9%;height:38px;display:grid;place-items:center}.memo-save-btn-div:hover{background-color:var(--accent);color:#fff;cursor:pointer;border-radius:var(--radius-sm)}.memo-save-btn{padding:0 12px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--panel);color:var(--text);height:30px;display:flex;align-items:center;justify-content:center}.content-input{background-color:var(--surface);width:calc(100% - 4px);height:calc(100% - 42px);border:1px solid var(--border);outline:none;color:#fff;caret-color:var(--accent);font-size:15px;border-radius:var(--radius);padding:var(--space-4)}.li-icon{width:18px;margin-right:6px;opacity:.9;display:inline-block;vertical-align:middle}.add-folder-div{margin-top:5%;display:flex;justify-content:center;align-items:center;padding:0 var(--space-3)}.add-folder-btn{text-align:center;width:100%;height:34px;display:flex;justify-content:center;align-items:center;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);color:var(--text-muted);transition:.18s ease}.add-folder-btn:hover{background-color:var(--accent);color:#fff;cursor:pointer;border-style:solid}.add-folder-text{margin:0;font-size:var(--fs-sm)}.folder-input{margin:2px 0;width:100%;height:34px;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);caret-color:var(--accent);color:#fff;padding:0 var(--space-3)}.folder-input:focus{box-shadow:var(--ring);border-color:var(--accent)}.file-list-table{width:100%;border-collapse:collapse;border:none}.file-list-table thead tr{font-size:18px;color:#ff1493;border-bottom:1px solid var(--border-strong)}.file-list-table th,.file-list-table td{padding:12px 10px;text-align:left}.file-tr{transition:background-color .14s ease,color .14s ease}.file-tr:hover{cursor:pointer;color:#fff;background-color:#ffffff0a}.text-center{text-align:center}.file-btn{min-width:96px;text-align:center;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--panel);color:var(--text);transition:.18s ease}.file-btn:hover{background-color:var(--accent);color:#fff;cursor:pointer}.memo-content-div{padding:var(--space-4)}.memo-content-top{display:flex;flex-direction:row;gap:var(--space-3);margin-bottom:var(--space-4);align-items:center}.memo-content-title-input{background-color:var(--panel);color:var(--accent);font-size:24px;border:1px solid var(--border);width:90%;outline:none;border-radius:var(--radius-sm);padding:8px 12px;transition:box-shadow .15s ease,border-color .15s ease}.memo-content-title-input:focus{border-color:var(--accent);box-shadow:var(--ring)}.memo-content-btn{width:120px;height:40px;text-align:center;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--panel);border:1px solid var(--border-strong);color:var(--text);transition:.18s ease}.memo-content-btn:hover{color:#fff;cursor:pointer;background-color:var(--accent);border-color:transparent}.memo-content-textarea{height:79vh;width:100%;background-color:var(--panel);color:var(--text);border:1px solid var(--border);outline:none;font-size:16px;border-radius:var(--radius);padding:var(--space-5);transition:box-shadow .15s ease,border-color .15s ease;resize:vertical;max-width:100%}.memo-content-textarea:focus{border-color:var(--accent);box-shadow:var(--ring)}::selection{background:#ff2b6a59;color:#fff}@media (prefers-reduced-motion: reduce){*{transition:none!important}}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:10px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#ffffff47}:focus-visible{outline:none;box-shadow:var(--ring);border-color:var(--accent)}@media (max-width: 1200px){.contents-container-2{width:38%}}@media (max-width: 992px){.main-contents{height:auto;min-height:90vh;flex-direction:column}.contents-container-2{width:100%}.card{width:46%;min-width:260px}}@media (max-width: 640px){.top-nav{padding:0 var(--space-4)}.card{width:100%;margin:var(--space-3) 0}.memo-popup-left-navi{min-width:0;width:100%;order:2}.memo-popup-content-main{width:100%;order:1}.memo-content-textarea{height:79vh}}input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;border:2px solid var(--accent, deeppink);border-radius:4px;background-color:transparent;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}input[type=checkbox]:checked{background-color:var(--accent, deeppink);border-color:var(--accent, deeppink);background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M5.3 10.6L2 7.3l1.4-1.4 1.9 1.9 4.9-4.9L12 4.3z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}input[type=checkbox]:hover{border-color:var(--accent-600, hotpink)}.login-btn{min-width:160px;height:50px;padding:0 16px;font-size:18px;text-align:center;display:flex;justify-content:center;align-items:center;border-radius:var(--radius);transition:background-color .2s ease,transform .08s ease;width:20%}.login-btn:hover{background-color:var(--accent);color:#fff;transform:translateY(-1px);cursor:pointer}.site-footer{position:fixed;bottom:0;left:0;width:100%;background-color:var(--panel, #1a1c20);border-top:1px solid var(--border, rgba(255, 255, 255, .1));padding:12px 40px;font-family:var(--font, sans-serif);color:var(--text, #e8e8ea);z-index:999}.footer-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;max-width:1200px;margin:0 auto}.footer-left{margin-bottom:10px}.footer-logo{font-size:1.2rem;font-weight:700;color:var(--accent, #ff2b6a);margin:0 0 5px}.footer-desc{font-size:.85rem;color:var(--text-muted, #a4a9b0);margin:0}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-links a{color:var(--text, #e8e8ea);font-size:.9rem;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--accent, #ff2b6a)}@media (max-width: 640px){.footer-container{flex-direction:column;text-align:center}.footer-links{justify-content:center;margin-top:10px}}.sidebar-actions{position:sticky;bottom:8px;background:transparent;padding-bottom:8px}@tailwind base;@tailwind components;@tailwind utilities;.dark{background-color:#1e1e1e;color:#fff}.uploader-main{width:40%;height:40%;display:flex;flex-direction:column;position:fixed;top:30%;left:30%;background-color:#252424}.uploader-top{display:flex;flex-direction:row;width:100%;height:20%}.file-list-container{width:90%;height:60%;padding:5%}.uploader-bottom{width:100%;height:20%;text-align:center}.uploader-title{width:50%;height:100%;text-align:center}.uploader-button{width:50%;height:100%;display:flex;justify-content:center;align-items:center}.custom-file-upload{text-align:center;display:inline-block;padding:5px;cursor:pointer;font-weight:700;width:50%}.custom-file-upload:hover{background-color:#ff1493;color:#fff}.label-text{width:100%;height:100%}.upload-btn{width:20%;height:50%;background-color:#252424;color:#ff1493;font-size:20px;font-weight:600;cursor:pointer;margin:3% 2%}.upload-btn:hover{background-color:#ff1493;color:#fff}.delete-btn{color:#ff1493;background-color:#252424;border:none}.delete-btn:hover{color:#fff;background-color:#ff1493}input[type=file]{display:none}.login-btn[data-v-269cca7d]{width:10%;height:30px;font-size:20px;text-align:center;vertical-align:middle}.login-btn-text[data-v-269cca7d]{padding-top:5px;margin:0}p[data-v-269cca7d]{font-size:1.5rem;margin-bottom:2rem}.home-link[data-v-269cca7d]{text-decoration:none;background-color:#4f46e5;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:700;transition:background-color .3s ease}