:root{--theme-color:#2563eb;--theme-light:color-mix(in srgb,var(--theme-color) 15%,transparent);--theme-lighter:color-mix(in srgb,var(--theme-color) 5%,transparent);--bg-dark:#0f172a;--bg-sidebar-hover:#1e293b;--text-light:#cbd5e1;--border-color:#e2e8f0;--bg-gray:#f8fafc;--bg-white:#ffffff;--text-main:#334155;--text-strong:#0f172a;--text-muted:#64748b}body.dark-mode{--bg-dark:#020617;--bg-sidebar-hover:#0f172a;--text-light:#94a3b8;--border-color:#334155;--bg-gray:#0f172a;--bg-white:#1e293b;--text-main:#e2e8f0;--text-strong:#f8fafc;--text-muted:#94a3b8}*{box-sizing:border-box;margin:0;padding:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body{background-color:var(--bg-gray);color:var(--text-main);height:100vh;overflow:hidden;display:flex}button{cursor:pointer;border:none;background:none;outline:none;color:inherit}input,select,textarea{font-family:inherit}.hidden{display:none!important}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-1{flex:1 1}.gap-2{gap:.5rem}.gap-3{gap:.75rem}#loginScreen{position:fixed;inset:0;background:#02030d;display:flex;align-items:center;justify-content:center;z-index:100;overflow:hidden;color:white}.space-scene{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(132,205,255,.24),transparent 16rem),radial-gradient(circle at 20% 70%,rgba(28,120,255,.2),transparent 22rem),linear-gradient(145deg,#030514,#0b1024 42%,#160d2e 72%,#050611)}.space-scene:after,.space-scene:before{content:"";position:absolute;inset:-20%;background-image:radial-gradient(circle,rgba(255,255,255,.95) 0 1px,transparent 1.6px),radial-gradient(circle,rgba(155,207,255,.9) 0 1px,transparent 1.8px);background-size:78px 78px,132px 132px;animation:starDrift 34s linear infinite;opacity:.52}.space-scene:after{background-size:44px 44px,96px 96px;animation-duration:48s;animation-direction:reverse;opacity:.34}.nebula{position:absolute;width:min(58vw,760px);aspect-ratio:1;border-radius:50%;filter:blur(52px);opacity:.58;mix-blend-mode:screen;animation:nebulaFloat 10s ease-in-out infinite alternate}.nebula-one{left:-8rem;top:8%;background:radial-gradient(circle,rgba(64,177,255,.9),rgba(85,69,255,.12) 58%,transparent 70%)}.nebula-two{right:-10rem;bottom:-8rem;background:radial-gradient(circle,rgba(255,96,210,.62),rgba(74,153,255,.18) 55%,transparent 72%);animation-delay:-2s}.star-field{position:absolute;inset:0;background-repeat:repeat;-webkit-mask-image:radial-gradient(circle at center,black 0 64%,transparent 95%);mask-image:radial-gradient(circle at center,black 0 64%,transparent 95%)}.star-field-one{background-image:radial-gradient(circle,rgba(255,255,255,.86) 0 1px,transparent 1.6px);background-size:120px 120px;animation:twinkle 4s ease-in-out infinite}.star-field-two{background-image:radial-gradient(circle,rgba(177,222,255,.76) 0 1px,transparent 2px);background-size:190px 190px;animation:twinkle 5.5s ease-in-out infinite reverse}.orbit-line{position:absolute;left:50%;top:50%;width:min(82vw,920px);aspect-ratio:1/.42;border:1px solid rgba(168,213,255,.13);border-radius:50%;transform:translate(-50%,-50%) rotate(-16deg)}.orbit-line-two{width:min(66vw,720px);transform:translate(-50%,-50%) rotate(19deg);border-color:rgba(255,255,255,.1)}.welcome-intro{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;opacity:1;transition:opacity .9s ease,transform .9s ease,filter .9s ease}.welcome-kicker{font-size:clamp(2.4rem,7vw,6.4rem);font-weight:800;letter-spacing:0;line-height:.95;opacity:0;animation:welcomeReveal 1.8s ease .25s forwards;text-shadow:0 0 24px rgba(164,220,255,.48)}.welcome-intro h1{margin-top:.8rem;font-size:clamp(2rem,5.2vw,5rem);font-weight:300;letter-spacing:0;opacity:0;animation:welcomeReveal 2.1s ease 1s forwards;text-shadow:0 0 34px rgba(255,255,255,.32)}.welcome-intro span{display:inline-block;margin-top:2.5rem;color:rgba(226,240,255,.62);font-size:.82rem;font-weight:600;opacity:0;animation:welcomeReveal 1.4s ease 2.4s forwards,softPulse 2.4s ease-in-out 3.2s infinite}#loginScreen.show-login .welcome-intro{opacity:0;transform:translateY(-1.5rem) scale(.98);filter:blur(10px)}#loginScreen.show-login .space-scene{filter:saturate(1.12) brightness(.82)}.login-box{position:relative;z-index:3;width:min(92vw,430px);background:rgba(9,17,35,.72);border:1px solid rgba(190,221,255,.22);border-radius:.75rem;box-shadow:0 30px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08);overflow:hidden;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);opacity:0;transform:translateY(2rem) scale(.97);pointer-events:none;transition:opacity .75s ease,transform .75s ease}#loginScreen.show-login .login-box{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.login-header{color:white;padding:2rem 2rem 1.25rem;text-align:left}.login-mark{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:.7rem;background:linear-gradient(135deg,#64d2ff,#7c5cff);box-shadow:0 16px 38px rgba(73,150,255,.34);margin-bottom:1.4rem}.login-header i{font-size:1.55rem}.login-eyebrow{color:#9ed8ff;font-size:.78rem;font-weight:800;margin-bottom:.45rem}.login-header h2{font-size:2rem;line-height:1.1;margin-bottom:.6rem}.login-header p{color:rgba(226,240,255,.72);font-size:.86rem;line-height:1.55}.login-body{padding:0 2rem 2rem}.input-group{margin-bottom:1.15rem;position:relative}.input-group label{display:block;color:rgba(238,246,255,.82);font-size:.82rem;font-weight:700;margin-bottom:.5rem}.input-group i{position:absolute;left:1rem;top:2.35rem;color:#8fb6d7}.input-group input{width:100%;padding:.82rem 1rem .82rem 2.65rem;border:1px solid rgba(188,219,255,.2);border-radius:.55rem;background:rgba(255,255,255,.08);color:white;transition:all .2s}.input-group input::placeholder{color:rgba(213,231,255,.44)}.input-group input:focus{border-color:rgba(111,203,255,.88);box-shadow:0 0 0 3px rgba(74,170,255,.18);background:rgba(255,255,255,.12);outline:none}.login-message{color:#fca5a5;font-size:.85rem;margin-bottom:1rem}.btn-primary{width:100%;padding:.75rem;background-color:var(--theme-color);color:white;font-weight:600;border-radius:.5rem;transition:all .2s}.login-box .btn-primary{padding:.86rem;background:linear-gradient(135deg,#41c7ff,#6d5cff 58%,#a855f7);box-shadow:0 16px 34px rgba(78,139,255,.34)}.btn-primary:hover{opacity:.9}.login-box .btn-primary:hover{opacity:1;transform:translateY(-1px)}@keyframes welcomeReveal{0%{opacity:0;transform:translateY(1.2rem);filter:blur(12px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes softPulse{0%,to{opacity:.52}50%{opacity:.88}}@keyframes starDrift{0%{transform:translateZ(0)}to{transform:translate3d(90px,70px,0)}}@keyframes twinkle{0%,to{opacity:.28}50%{opacity:.82}}@keyframes nebulaFloat{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(2rem,-1.25rem,0) scale(1.08)}}#appContainer{display:flex;width:100%;height:100%}.sidebar{width:260px;background-color:var(--bg-dark);color:var(--text-light);display:flex;flex-direction:column;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sidebar-header{padding:1.25rem;border-bottom:1px solid #1e293b;gap:.75rem;color:white;font-size:1.25rem;font-weight:700}.logo-icon,.sidebar-header{display:flex;align-items:center}.logo-icon{background-color:var(--theme-color);padding:.4rem;border-radius:.5rem;justify-content:center}.compose-btn-wrap{padding:1rem}.sidebar-menu{flex:1 1;overflow-y:auto;padding:.5rem 0}.menu-section{margin-bottom:1.5rem}.menu-title{padding:0 1.25rem;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center}.menu-title button{color:#94a3b8;font-size:.9rem}.menu-title button:hover{color:white}.menu-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.25rem;cursor:pointer;transition:all .2s;margin:0 .5rem;border-radius:.5rem;color:var(--text-light);width:calc(100% - 1rem);text-align:left}.menu-item:hover{background-color:var(--bg-sidebar-hover);color:white}.menu-item.active{background-color:var(--theme-light)}.menu-item.active,.menu-item.active i{color:var(--theme-color)}.menu-item i{width:20px;text-align:center;margin-right:.75rem;color:#94a3b8}.badge{font-size:.65rem;padding:.2rem .5rem;border-radius:1rem;background:#334155;color:white}.menu-item.active .badge{background:var(--theme-color)}.sidebar-footer{padding:1rem;border-top:1px solid #1e293b;display:flex;flex-direction:column;gap:.5rem}.sync-status{font-size:.75rem;color:#10b981;background:rgba(16,185,129,.1);padding:.5rem;border-radius:.5rem;display:flex;align-items:center;gap:.5rem}.list-panel{width:390px;background-color:var(--bg-white);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;z-index:10}.list-header{padding:1rem;border-bottom:1px solid var(--border-color)}.search-bar{display:flex;gap:.5rem;margin-bottom:0}.search-input-wrap{position:relative;flex:1 1}.search-input-wrap i{position:absolute;left:.75rem;top:.6rem;color:#94a3b8;font-size:.875rem}.search-input-wrap input{width:100%;padding:.5rem .5rem .5rem 2rem;font-size:.875rem;color:var(--text-main)}.btn-filter,.search-input-wrap input{border:1px solid var(--border-color);border-radius:.5rem;background:var(--bg-gray)}.btn-filter{padding:.5rem .75rem;color:var(--text-muted)}.btn-filter.active{background:var(--theme-light);border-color:var(--theme-color);color:var(--theme-color)}.status-tabs{display:flex;background:var(--bg-gray);padding:.25rem;border-radius:.5rem}.status-tab{flex:1 1;text-align:center;padding:.3rem;font-size:.75rem;border-radius:.3rem;color:var(--text-muted);font-weight:600;cursor:pointer}.status-tab.active{background:var(--bg-white);box-shadow:0 1px 3px rgba(0,0,0,.1);color:var(--text-strong)}.status-tab.active.in-progress{color:var(--theme-color)}.status-tab.active.completed{color:#10b981}.filter-panel{background:var(--bg-gray);border:1px solid var(--border-color);border-radius:.5rem;padding:.75rem;margin-top:.5rem;font-size:.875rem;display:none}.filter-panel.open{display:block}.filter-group{margin-bottom:.75rem}.filter-group label{display:block;font-size:.75rem;color:var(--text-muted);font-weight:600;margin-bottom:.25rem}.filter-group input[type=date],.filter-group input[type=text],.filter-group select{width:100%;padding:.4rem;border:1px solid var(--border-color);border-radius:.25rem;background:var(--bg-white);color:var(--text-main)}.email-list{flex:1 1;overflow-y:auto}.email-item{padding:1rem 1rem 1rem 1.25rem;border-bottom:1px solid var(--bg-gray);border-left:4px solid transparent;cursor:pointer;position:relative;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.email-item:hover{background-color:var(--bg-gray)}.email-item.selected{background-color:var(--theme-lighter);border-left-color:var(--theme-color)}.email-top{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:start;grid-gap:.8rem;gap:.8rem;margin-bottom:.45rem;padding-right:1.55rem}.email-meta{min-width:0}.avatar.sm{width:36px;height:36px;font-size:1rem}.email-sender{font-weight:600;font-size:.875rem;color:var(--text-strong)}.email-item.selected .email-sender{color:var(--theme-color)}.email-date{font-size:.7rem;color:#94a3b8;white-space:nowrap;padding-top:.1rem}.email-subject{font-size:.875rem;font-weight:600;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:0;color:var(--text-strong)}.email-preview{font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.email-tags{display:flex;gap:.25rem;flex-wrap:wrap;min-width:0}.email-bottom{display:flex;align-items:center;justify-content:space-between;min-height:1.5rem}.email-actions{display:flex;gap:.5rem;margin-left:auto}.email-actions button{color:var(--text-muted);font-size:.9rem}.email-actions button:hover{color:var(--theme-color)}.tag{font-size:.65rem;padding:.1rem .4rem;border-radius:.25rem;background:var(--bg-gray);border:1px solid var(--border-color);color:var(--text-muted)}.tag.attach{background:var(--border-color);color:var(--text-main);border:none}.tag.status-prog{background:var(--theme-lighter);color:var(--theme-color);border:none}.tag.status-comp{background:rgba(16,185,129,.1);color:#10b981;border:none}.btn-save{position:absolute;right:.75rem;top:.75rem;font-size:1rem;color:#cbd5e1;background:none;border:none;cursor:pointer}.email-item:hover .btn-save{color:#94a3b8}.btn-save.saved{color:var(--theme-color)}.context-menu,.more-options-menu{position:absolute;background:var(--bg-white);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.2);min-width:150px;z-index:9999;display:none;flex-direction:column;padding:.5rem 0}.more-options-menu{top:100%;right:0;margin-top:.5rem}.context-menu{position:fixed}.context-menu button,.more-options-menu button{padding:.5rem 1rem;text-align:left;font-size:.875rem;color:var(--text-main);display:flex;align-items:center;gap:.5rem;width:100%}.context-menu button:hover,.more-options-menu button:hover{background:var(--bg-gray);color:var(--theme-color)}.context-menu button.danger:hover,.more-options-menu button.danger:hover{color:#ef4444}.main-panel{background-color:var(--bg-white);position:relative}.empty-state,.main-panel{flex:1 1;display:flex;flex-direction:column}.empty-state{align-items:center;justify-content:center;color:#94a3b8}.empty-state i{font-size:4rem;color:var(--theme-light);margin-bottom:1rem}.view-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);background:var(--bg-gray)}.view-subject-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.view-subject{font-size:1.5rem;font-weight:700;color:var(--text-strong)}.saved-badge{font-size:.75rem;padding:.2rem .5rem;background:var(--theme-light);color:var(--theme-color);border-radius:.25rem;font-weight:700;margin-left:.5rem;display:inline-flex;align-items:center;gap:.25rem}.view-sender-row{display:flex;align-items:center;gap:1rem}.work-control-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.work-control-row label{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.78rem;font-weight:700}.work-control-row select{min-width:140px;padding:.45rem .65rem;border:1px solid var(--border-color);border-radius:.45rem;background:var(--bg-white);color:var(--text-main);font-size:.8rem}.avatar{width:40px;height:40px;border-radius:50%;background:var(--border-color);color:var(--text-main);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem}.sender-info p{margin:0}.sender-name{font-weight:700;font-size:.875rem;color:var(--text-strong)}.sender-email{color:var(--text-muted);font-weight:400;font-size:.8rem}.sender-date{font-size:.75rem;color:#94a3b8;margin-top:.1rem}.view-actions{display:flex;gap:.5rem;align-items:center}.view-toggle{display:flex;background:var(--border-color);padding:.25rem;border-radius:.5rem;margin-right:.5rem}.view-toggle button{padding:.25rem .75rem;font-size:.75rem;font-weight:700;border-radius:.25rem;color:var(--text-muted)}.view-toggle button.active{background:var(--bg-white);color:var(--text-strong);box-shadow:0 1px 2px rgba(0,0,0,.1)}.icon-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .2s}.icon-btn:hover{background:var(--bg-gray);color:var(--text-strong)}.icon-btn.is-saved{background:var(--theme-light);color:var(--theme-color)}.view-body{padding:2rem;flex:1 1;overflow-y:auto}.html-content{font-size:.875rem;line-height:1.6}.text-content{font-family:monospace;white-space:pre-wrap;background:var(--bg-gray);padding:1.5rem;border-radius:.5rem;border:1px solid var(--border-color);font-size:.875rem}.attachment-bar{padding:.75rem 2rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:1rem;background:var(--bg-white);font-size:.875rem}.attach-file{padding:.25rem .75rem;background:var(--theme-light);color:var(--theme-color);border-radius:.25rem;font-weight:600;font-size:.75rem;cursor:pointer}.compose-panel{position:absolute;inset:0;background:var(--bg-white);display:flex;flex-direction:column;z-index:20}.compose-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);justify-content:space-between}.compose-header,.compose-title{display:flex;align-items:center}.compose-title{font-weight:700;gap:.5rem;font-size:1.125rem}.compose-title i{color:var(--theme-color)}.compose-body{padding:1.5rem;flex:1 1;overflow-y:auto;background:var(--bg-gray)}.compose-form{max-width:800px;margin:0 auto;background:var(--bg-white);padding:1.5rem;border-radius:.5rem;border:1px solid var(--border-color)}.form-row{display:flex;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.form-label{width:100px;font-weight:600;font-size:.875rem;color:var(--text-muted)}.form-input{flex:1 1;border:none;outline:none;font-size:.875rem;background:transparent;color:var(--text-main)}.form-selects{display:flex;gap:.5rem;flex:1 1}.form-selects select{border:1px solid var(--border-color);padding:.4rem;border-radius:.25rem;font-size:.875rem;outline:none;background:var(--bg-white);color:var(--text-main)}.editor-container{margin-top:1rem;border:1px solid var(--border-color);border-radius:.5rem;height:400px;display:flex;flex-direction:column}.editor-toolbar{padding:.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-gray);display:flex;gap:.25rem}.editor-btn{padding:.25rem .5rem;border-radius:.25rem;color:var(--text-main);font-weight:700;font-size:.875rem}.editor-btn:hover{background:var(--border-color)}.editor-textarea{flex:1 1;border:none;padding:1rem;resize:none;outline:none;font-size:.875rem;background:transparent;color:var(--text-main);overflow-y:auto}.editor-textarea:focus{box-shadow:inset 0 0 0 1px var(--theme-color)}.rich-editor:empty:before{content:attr(data-placeholder);color:#94a3b8;pointer-events:none}.rich-editor b,.rich-editor strong{font-weight:700}.rich-editor u{text-decoration:underline}.memo-list-title{display:flex;align-items:center;gap:.5rem;font-weight:800;color:var(--text-strong)}.note-editor-wrap{flex:1 1;display:flex;flex-direction:column;background:var(--bg-white);min-width:0}.note-header{display:flex;gap:.75rem;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);background:var(--bg-gray)}.note-title-input{flex:1 1;color:var(--text-strong);font-size:1rem;font-weight:800;outline:none}.note-folder-select,.note-title-input{border:1px solid var(--border-color);border-radius:.5rem;padding:.65rem .8rem;background:var(--bg-white)}.note-folder-select{color:var(--text-main)}.note-more-wrap{position:relative;flex-shrink:0}.note-toolbar{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;padding:.75rem 1.25rem;border-bottom:1px solid var(--border-color)}.note-color-code,.note-toolbar button,.note-toolbar input[type=color],.note-toolbar input[type=number]{height:34px;border:1px solid var(--border-color);border-radius:.4rem;background:var(--bg-gray);color:var(--text-main);padding:0 .65rem;font-weight:700}.note-toolbar input[type=number]{width:70px}.note-color-code{width:105px}.note-save-btn{width:auto;height:34px;padding:0 1rem;margin-left:auto}.note-canvas{flex:1 1;min-height:0;margin:1.25rem;padding:1.25rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--bg-white);color:var(--text-main);overflow:auto;outline:none;line-height:1.6}.note-canvas:focus{box-shadow:inset 0 0 0 1px var(--theme-color)}.note-canvas img,.note-canvas img.memo-image{max-width:min(360px,90%);height:auto;border-radius:.35rem;box-shadow:0 10px 24px rgba(15,23,42,.15);cursor:move}.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.7);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:none;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-white);width:100%;max-width:700px;border-radius:.75rem;overflow:hidden;box-shadow:0 20px 25px -5px rgba(0,0,0,.5);color:var(--text-main)}.modal-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--bg-gray)}.modal-body{padding:1.5rem}.settings-body{display:flex;flex-direction:column;gap:1rem}.settings-menu-button{width:100%;padding:1rem;margin-bottom:.75rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--bg-gray);color:var(--text-main);display:flex;align-items:center;justify-content:space-between;font-size:.95rem;font-weight:700;transition:border-color .2s,color .2s,background .2s}.settings-menu-button span{display:flex;align-items:center;gap:.625rem}.settings-menu-button:hover{border-color:var(--theme-color);color:var(--theme-color);background:var(--theme-lighter)}.settings-back-button{color:var(--text-muted);font-size:.85rem;font-weight:700;margin-bottom:1rem}.settings-back-button:hover{color:var(--theme-color)}.account-choice{display:flex;border:1px solid var(--border-color);border-radius:.5rem;overflow:hidden;margin-bottom:1.25rem}.account-choice button{flex:1 1;padding:.65rem;color:var(--text-muted);background:var(--bg-gray);font-size:.875rem;font-weight:700}.account-choice button.active{color:var(--theme-color);background:var(--theme-light)}.settings-field-label{display:block;color:var(--text-muted);font-size:.85rem;font-weight:700;margin:.85rem 0 .45rem}.settings-input{width:100%;border:1px solid var(--border-color);border-radius:.5rem;padding:.7rem .8rem;background:var(--bg-gray);color:var(--text-main);outline:none;font-size:.9rem}.settings-input:focus{border-color:var(--theme-color);box-shadow:0 0 0 3px var(--theme-light)}.password-input-wrap{position:relative}.password-input-wrap .settings-input{padding-right:2.6rem}.password-input-wrap button{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:1rem}.password-input-wrap button:hover{color:var(--theme-color)}.settings-action-button{width:auto;padding:.65rem 1.5rem;margin-top:1rem}.color-picker-wrap{display:flex;align-items:center;gap:1rem;background:var(--bg-gray);padding:1rem;border-radius:.5rem;border:1px solid var(--border-color);margin-bottom:1rem}.color-input-box{position:relative;width:3.5rem;height:3.5rem;border-radius:.5rem;border:2px solid white;box-shadow:0 0 0 1px var(--border-color)}.color-input-box input[type=color]{opacity:0;position:absolute;inset:0;width:100%;height:100%;cursor:pointer}.preset-colors{display:flex;gap:.5rem;margin-top:.5rem}.dark-mode-toggle{display:flex;background:var(--bg-gray);border:1px solid var(--border-color);border-radius:.5rem;overflow:hidden;margin-bottom:1.5rem}.dark-mode-toggle button{flex:1 1;padding:.6rem;font-size:.875rem;font-weight:600;color:var(--text-muted);transition:all .2s}.dark-mode-toggle button.active{background:var(--theme-light);color:var(--theme-color)}.preset-btn{width:2rem;height:2rem;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px var(--border-color);transition:transform .2s}.preset-btn:hover{transform:scale(1.1)}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-gray);text-align:right}