@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;background:#0f0f11;color:#e8e6e1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:Noto Sans KR,sans-serif}.login-container{align-items:center;background:#0f0f11;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.bg-circle{border-radius:50%;filter:blur(80px);opacity:.15;pointer-events:none;position:absolute}.bg-circle-1{background:#c8f542;height:500px;left:-120px;top:-120px;width:500px}.bg-circle-2{background:#4287f5;bottom:-100px;height:400px;right:-100px;width:400px}.login-card{background:#16161a;border:1px solid #2a2a2f;border-radius:20px;box-shadow:0 24px 64px #00000088;display:flex;flex-direction:column;gap:20px;max-width:400px;padding:48px 40px;position:relative;width:100%}.logo-area{gap:10px;margin-bottom:4px}.logo-area,.logo-icon{align-items:center;display:flex}.logo-icon{justify-content:center}.logo-text{color:#c8f542;font-size:20px}.login-title,.logo-text{font-weight:700;letter-spacing:-.5px}.login-title{color:#e8e6e1;font-size:26px;line-height:1.2}.login-subtitle{color:#aaa;font-size:14px;margin-top:-12px}.kakao-btn{align-items:center;background:#fee500;border:none;border-radius:10px;color:#191919;cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:700;gap:10px;justify-content:center;margin-top:8px;padding:14px 20px;transition:all .2s;width:100%}.kakao-btn-hover,.kakao-btn:hover{background:#f5dc00;box-shadow:0 8px 24px #fee50044;transform:translateY(-2px)}.login-terms{color:#888;font-size:12px;line-height:1.6;text-align:center}.login-link{color:#aaa;cursor:pointer;text-decoration:underline;transition:color .15s}.login-link:hover{color:#c8f542}.login-error{background:#e0555515;border:1px solid #e0555566;border-radius:8px;color:#ff7070;font-size:13px;padding:10px 14px}.error-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f11ee;border-bottom:1px solid #2a2a2f;padding:16px 32px;position:sticky;top:0;z-index:100}.error-container,.error-nav{align-items:center;display:flex}.error-container{background:#0f0f11;justify-content:center;min-height:calc(100vh - 57px);padding:40px 20px}.error-card{align-items:center;background:#16161a;border:1px solid #2a2a2f;border-radius:20px;box-shadow:0 24px 64px #00000088;display:flex;flex-direction:column;gap:16px;max-width:440px;padding:48px 40px;text-align:center;width:100%}.error-icon{font-size:48px;line-height:1}.error-title{color:#e8e6e1;font-size:22px;font-weight:700}.error-message{color:#aaa;font-size:14px;line-height:1.7}.error-code{background:#1a1a1f;border:1px solid #2a2a2f;border-radius:6px;color:#888;font-family:monospace;font-size:12px;padding:6px 14px}@media (max-width:480px){.error-card,.login-card{padding:36px 24px}.error-nav{padding:14px 16px}}.divider{align-items:center;color:#555;display:flex;font-size:12px;gap:12px}.divider:after,.divider:before{background:#2a2a2f;content:"";flex:1 1;height:1px}.input-group{display:flex;flex-direction:column;gap:10px}.input-wrapper{position:relative}.input-field{background:#1e1e24;border:1px solid #2a2a2f;border-radius:10px;color:#e8e6e1;font-family:Noto Sans KR,sans-serif;font-size:14px;outline:none;padding:13px 16px 13px 42px;transition:border-color .2s,box-shadow .2s;width:100%}.input-field::placeholder{color:#555}.input-field:focus{border-color:#c8f542;box-shadow:0 0 0 3px #c8f54218}.input-icon{align-items:center;color:#555;display:flex;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s}.input-wrapper:focus-within .input-icon{color:#c8f542}.password-toggle{align-items:center;background:none;border:none;color:#555;cursor:pointer;display:flex;padding:0;position:absolute;right:14px;top:50%;transform:translateY(-50%);transition:color .2s}.password-toggle:hover{color:#aaa}.login-btn{background:#c8f542;border:none;border-radius:10px;color:#0f0f11;cursor:pointer;font-family:Noto Sans KR,sans-serif;font-size:15px;font-weight:700;padding:14px 20px;transition:all .2s;width:100%}.login-btn:hover{background:#d9ff55;box-shadow:0 8px 24px #c8f54230;transform:translateY(-2px)}.login-btn:active{transform:translateY(0)}.auth-links{align-items:center;color:#888;display:flex;font-size:13px;gap:0;justify-content:center}.auth-link-btn{background:none;border:none;color:#aaa;cursor:pointer;font-family:Noto Sans KR,sans-serif;font-size:13px;padding:0 10px;transition:color .15s}.auth-link-btn:hover{color:#c8f542}.auth-link-sep{color:#333;-webkit-user-select:none;user-select:none}.signup-card{background:#16161a;border:1px solid #2a2a2f;border-radius:20px;box-shadow:0 24px 64px #00000088;display:flex;flex-direction:column;gap:16px;max-width:400px;padding:48px 40px;position:relative;width:100%}.back-btn{align-items:center;background:none;border:none;color:#888;cursor:pointer;display:flex;font-family:Noto Sans KR,sans-serif;font-size:13px;gap:6px;margin-bottom:4px;padding:0;transition:color .15s}.back-btn:hover{color:#c8f542}.input-label{color:#888;display:block;font-size:12px;font-weight:500;letter-spacing:.3px;margin-bottom:4px}.input-field-group{display:flex;flex-direction:column;gap:4px}.input-hint{color:#555;font-size:11px;padding-left:2px}.input-hint.success{color:#8cc63f}.input-hint.error{color:#ff7070}.password-strength{display:flex;gap:4px;margin-top:6px}.strength-bar{background:#2a2a2f;border-radius:2px;flex:1 1;height:3px;transition:background .3s}.strength-bar.weak{background:#ff7070}.strength-bar.medium{background:#f5a623}.signup-btn,.strength-bar.strong{background:#c8f542}.signup-btn{border:none;border-radius:10px;color:#0f0f11;cursor:pointer;font-family:Noto Sans KR,sans-serif;font-size:15px;font-weight:700;margin-top:4px;padding:14px 20px;transition:all .2s;width:100%}.signup-btn:hover:not(:disabled){background:#d9ff55;box-shadow:0 8px 24px #c8f54230;transform:translateY(-2px)}.signup-btn:disabled{cursor:not-allowed;opacity:.35}.google-btn{align-items:center;background:#fff;border:1px solid #dadce0;border-radius:8px;color:#3c4043;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:10px;justify-content:center;margin-top:10px;padding:12px;transition:background .2s,box-shadow .2s;width:100%}.google-btn:hover{background:#f8f9fa;box-shadow:0 1px 3px #00000026}*{box-sizing:border-box;margin:0;padding:0}.navbar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f11ee;border-bottom:1px solid #2a2a2f;display:flex;gap:12px;padding:14px 32px;position:sticky;top:0;z-index:100}.logo{color:#c8f542;font-size:18px;font-weight:700;letter-spacing:-.5px;margin-right:16px;white-space:nowrap}.search-wrap{align-items:center;background:#1a1a1f;border:1px solid #2a2a2f;border-radius:8px;display:flex;flex:1 1;overflow:hidden;transition:border-color .2s}.search-wrap:focus-within{border-color:#c8f542}.search-input{background:#0000;border:none;color:#e8e6e1;flex:1 1;font-family:inherit;font-size:14px;outline:none;padding:9px 14px}.search-input::placeholder{color:#555}.btn-search{background:#c8f542;border:none;color:#0f0f11;cursor:pointer;font-size:13px;font-weight:700;padding:9px 16px;transition:background .15s}.btn-search:hover{background:#d9ff55}.btn-write{background:#0000;border:1px solid #2a2a2f;border-radius:8px;color:#e8e6e1;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;padding:8px 18px;transition:all .15s;white-space:nowrap}.btn-write:hover{border-color:#c8f542;color:#c8f542}.tag-bar{align-items:center;border-bottom:1px solid #1e1e23;display:flex;flex-wrap:wrap;gap:8px;padding:14px 32px}.tag-bar-label{color:#555;font-size:11px;font-weight:600;letter-spacing:.5px;margin-right:4px;text-transform:uppercase}.tag-chip:hover{border-color:#555;color:#ccc}--
.tag-chip.active{background:#c8f542;border-color:#c8f542;color:#0f0f11;font-weight:700}.tag-chip{align-items:center;display:flex;gap:6px;padding:4px 10px 4px 12px}.tag-remove{background:none;border:none;color:#555;cursor:pointer;font-size:14px;line-height:1;padding:0;transition:color .15s}.tag-remove:hover{color:#c8f542}.tag-add-btn{background:#0000;border:1px dashed #2a2a2f;border-radius:100px;color:#555;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:4px 12px;transition:all .15s}.tag-add-btn:hover{border-color:#c8f542;color:#c8f542}.tag-input-wrap{align-items:center;display:flex;gap:6px}.tag-input{background:#1a1a1f;border:1px solid #c8f542;color:#e8e6e1;outline:none;width:100px}.tag-input,.tag-input-confirm{border-radius:6px;font-family:inherit;font-size:12px;padding:4px 10px}.tag-input-confirm{background:#c8f542;border:none;color:#0f0f11;cursor:pointer;font-weight:700}.tag-input-cancel{background:none;border:none;color:#555;cursor:pointer;font-size:14px;transition:color .15s}.tag-input-cancel:hover{color:#e8e6e1}.main{padding:28px 32px}.result-info{color:#444;font-size:12px;margin-bottom:20px}.result-info span{color:#c8f542;font-weight:600}.grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.card-header{align-items:flex-start;justify-content:space-between;margin-bottom:8px}.card,.card-header{display:flex;gap:12px}.card{background:#16161a;border:1px solid #222228;border-radius:12px;cursor:pointer;flex-direction:column;padding:20px;transition:all .2s}.card:hover{border-color:#c8f54244;box-shadow:0 8px 32px #00000055;transform:translateY(-2px)}.card-title{color:#e8e6e1;flex:1 1;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-date{color:#666;flex-shrink:0;font-size:12px;white-space:nowrap}.card-tags{display:flex;flex-wrap:wrap;gap:6px}.card-tag{background:#1e1e23;border:1px solid #2a2a2f;border-radius:100px;color:#888;font-size:11px;font-weight:500;padding:3px 10px}.card-tag.highlight{background:#c8f54215;border-color:#c8f54244;color:#c8f542}.empty{color:#333;font-size:14px;grid-column:1/-1;padding:60px 0;text-align:center}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000aa;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}.modal{background:#16161a;border:1px solid #2a2a2f;border-radius:16px;display:flex;flex-direction:column;gap:16px;max-height:90vh;overflow-y:auto;padding:28px;width:960px}.modal-title{color:#e8e6e1;font-size:16px;font-weight:700}.modal-input,.modal-textarea{background:#0f0f11;border:1px solid #2a2a2f;border-radius:8px;color:#e8e6e1;font-family:inherit;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s;width:100%}.modal-textarea{height:320px;resize:vertical}.modal-input:focus,.modal-textarea:focus{border-color:#c8f542}.modal-tag-label{color:#555;font-size:12px}.modal-tags{display:flex;flex-wrap:wrap;gap:8px}.modal-tag-btn{background:#0000;border:1px solid #2a2a2f;border-radius:100px;color:#888;cursor:pointer;font-family:inherit;font-size:12px;padding:4px 12px;transition:all .15s}.modal-tag-btn:hover{border-color:#555;color:#ccc}.modal-tag-btn.selected{background:#c8f54220;border-color:#c8f54288;color:#c8f542}.btn-cancel{background:#0000;border:1px solid #2a2a2f;border-radius:8px;color:#888;cursor:pointer;font-family:inherit;font-size:13px;padding:9px 20px;transition:all .15s}.btn-cancel:hover{border-color:#555;color:#ccc}.btn-confirm{background:#c8f542;border:none;border-radius:8px;color:#0f0f11;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;padding:9px 20px;transition:background .15s}.btn-confirm:hover{background:#d9ff55}.btn-confirm:disabled{background:#2a2a2f;color:#444;cursor:not-allowed}@media (max-width:600px){.grid{grid-template-columns:1fr}.navbar,.tag-bar{padding:12px 16px}.main{padding:20px 16px}}.modal-actions{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.btn-delete{background:#0000;border:1px solid #e05555;border-radius:6px;color:#e05555;cursor:pointer;font-size:14px;padding:8px 20px}.btn-delete:hover{background:#e05555;color:#fff}.btn-delete:disabled{cursor:not-allowed;opacity:.5}.mode-selector{background:#0f0f11;border:1px solid #2a2a2f;border-radius:8px;margin-bottom:12px;padding:14px}.mode-selector-title{color:#555;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.mode-selector-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.mode-btn{background:#0000;border:1px solid #2a2a2f;border-radius:100px;color:#888;cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;padding:5px 14px;transition:all .15s}.mode-btn:hover{border-color:#555;color:#ccc}.mode-btn.active{background:#c8f54220;border-color:#c8f54288;color:#c8f542;font-weight:700}.mode-selector-actions{display:flex;gap:8px;justify-content:flex-end}.markdown-body{background:#0f0f11;border:1px solid #2a2a2f;border-radius:8px;color:#e8e6e1;cursor:pointer;font-size:14px;height:320px;line-height:1.7;overflow-y:auto;padding:10px 14px}.markdown-body:hover{border-color:#555}.markdown-body h3{color:#c8f542;font-size:14px;margin:12px 0 6px}.markdown-body p{color:#aaa;margin-bottom:8px}.markdown-body ol,.markdown-body ul{color:#aaa;padding-left:20px}.markdown-body li{margin-bottom:4px}.markdown-body strong{color:#e8e6e1}.markdown-body hr{border-color:#2a2a2f;margin:12px 0}.markdown-placeholder{color:#555;cursor:text}.auth-status{align-items:center;display:flex;gap:10px}.auth-status__name{color:#e8e6e1;font-size:14px}.auth-status__button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000;border:1px solid #2a2a2f;border-radius:6px;color:#e8e6e1;cursor:pointer;font-size:13px;padding:6px 14px;transition:border-color .2s,color .2s}.auth-status__button:hover{border-color:#555;color:#fff}
/*# sourceMappingURL=main.909d85d9.css.map*/