:root{color:#555;background-color:#fefefe;font-family:Noto Sans KR,Nanum Gothic,Malgun Gothic,sans-serif;font-size:12px;line-height:1.6}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body,input,select,button,textarea,label,p,div,span{font-family:Noto Sans KR,Nanum Gothic,Malgun Gothic,sans-serif;font-size:12px;color:#555}button{cursor:pointer;border:0;border-radius:2px;font-size:14px;color:#fff;background-color:#34a5e7;transition:background-color .12s ease-in-out}button:hover{background-color:#3390d1}.app-shell{min-height:100%;display:grid;place-items:center}.panel{width:min(560px,96%);padding:20px 24px;border-radius:12px;background:#fff;border:1px solid #d0deff;box-shadow:0 8px 24px #1d4ed81a}.dictionary{width:100%;height:100%;min-height:620px;background:#fcfcfc;display:grid;grid-template-rows:50px minmax(0,1fr) 70px;overflow:hidden}.topbar{height:50px;border-bottom:1px solid #d9d9d9;background-color:#fcfcfc;padding:5px 3px}.search-form{display:grid;grid-template-columns:195px minmax(225px,1fr) 46px;gap:3px;height:100%}.search-input-wrap{position:relative;height:40px}.search-form input,.search-form select{width:100%;height:40px;border:1px solid #d9d9d9;border-radius:2px;padding:0 10px;font-size:12px;background:#fff;color:#555}.search-form select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23777777' d='M1 1l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.search-input-wrap input{padding-right:42px}.search-icon-button{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:28px;height:28px;padding:0;border:0;border-radius:0;background:transparent;color:#7a7a7a}.search-icon-button:hover{background:transparent;color:#34a5e7}.search-icon-button svg{width:20px;height:20px;display:block}.lang-button{height:40px}.lang-button{width:100%;display:grid;place-items:center}.lang-button img{width:24px;height:24px;object-fit:contain}.content{display:grid;grid-template-columns:200px 1fr;height:100%;min-height:0;overflow:hidden}.left-pane{min-height:0;height:100%;display:flex;flex-direction:column;border-right:1px solid #d9d9d9;background:#fff;overflow:hidden}.word-list{flex:1;overflow-y:auto;background:#fff;display:flex;flex-direction:column;min-height:0}.word-list ul{margin:0;padding:0;list-style:none;flex:0 0 auto}.word-list li{height:25px;line-height:25px;border-bottom:1px solid #d9d9d9;padding:0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.word-list li:hover,.word-list li.active{color:#fff;background:#3486e6}.word-list .count{position:sticky;bottom:0;padding:8px 12px;border-top:1px solid #d9d9d9;background:#fff;font-size:.75rem;color:#666;text-align:right}.indexing-badge{font-style:normal;font-size:10px;color:#34a5e7}.detail{display:grid;grid-template-rows:auto 40px auto 40px auto 1fr;gap:8px;padding:14px;background:#fcfcfc;min-height:0;overflow:hidden;position:relative}.mobile-detail-bar{display:none}.detail label{color:#555;font-weight:400;font-size:13px}.detail input,.detail textarea{width:100%;border:1px solid #c8c8c8;border-radius:2px;padding:8px 10px;font-size:13px;background:#fff;color:#555}.detail textarea{min-height:220px;resize:none;line-height:1.45}.bottombar{height:70px;border-top:1px solid #d9d9d9;background-color:#fcfcfc;display:grid;grid-template-columns:200px 1fr 200px;gap:0;padding:1px 3px;align-items:center}.bottombar button{height:48px}.bottombar .spacer{width:100%}.modal-backdrop{position:fixed;inset:0;background:#646464b3;display:grid;place-items:center;padding:0}.modal{width:320px;height:400px;border-radius:6px;background:#fff;border:0;padding:10px;display:grid;grid-template-rows:45% 45% 10%}.modal-logo-wrap{display:grid;place-items:center}.modal-logo{width:240px;max-width:95%;object-fit:contain}.modal-text{margin:0;line-height:1.45;color:#555;text-align:center}.modal-actions button{width:calc(50% - 2px);height:38px}.modal-actions{display:flex;justify-content:space-between;align-items:center}.new-word-backdrop{position:fixed;inset:0;background:#ffffffeb;display:grid;place-items:center;z-index:101}.new-word-dialog{width:min(520px,92vw);border:1px solid #d9d9d9;border-radius:6px;padding:12px;background:#fff}.new-word-dialog h3{margin:0 0 8px;font-size:15px;color:#333}.new-word-dialog p{margin:0 0 10px}.new-word-dialog input,.new-word-dialog textarea{width:100%;border:1px solid #c8c8c8;border-radius:2px;padding:7px 9px;margin-bottom:8px;background:#fff}.new-word-dialog textarea{min-height:120px;resize:vertical}.new-word-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.new-word-actions button{height:36px}.language-backdrop{position:fixed;inset:0;background:#000000e0;display:grid;place-items:center;z-index:90}.language-select{width:min(420px,80vw);background:#fff;border-radius:4px;overflow:hidden}.language-select button{width:100%;height:50px;border-radius:0;background:#fff;color:#222;border-bottom:1px solid #d9d9d9;font-size:20px}.language-select button:hover{background:#34a5e7;color:#fff}.language-select button:last-child{border-bottom:0}.loading-backdrop{position:fixed;inset:0;background:#ffffffd1;display:grid;place-items:center;z-index:95}.loading-box{display:grid;justify-items:center;gap:10px}.loading-box p{margin:0}.loading-spinner{width:58px;height:58px;border-radius:50%;border:4px solid #d5d5d5;border-top-color:#34a5e7;animation:spin .85s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:880px){.dictionary{min-height:100%;grid-template-rows:auto minmax(0,1fr) auto}.search-form{grid-template-columns:90px minmax(120px,1fr) 42px;gap:2px;height:100%}.topbar{height:50px;padding:5px 2px}.content{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);min-height:0}.content.mobile-list .left-pane{display:flex}.content.mobile-list .detail,.content.mobile-detail .left-pane{display:none}.content.mobile-detail .detail{display:grid;grid-template-rows:auto 44px auto 44px auto 1fr}.word-list{border-right:0;border-bottom:0}.word-list li{height:50px;line-height:50px;font-size:20px}.detail{padding:12px}.detail label,.detail input,.detail textarea{font-size:18px}.detail textarea{min-height:220px}.mobile-detail-bar{display:flex;justify-content:flex-end;position:fixed;right:10px;top:63px;z-index:25}.mobile-back-btn{width:24px;height:24px;min-width:24px;padding:0;display:grid;place-items:center}.mobile-back-btn svg{width:20px;height:20px;margin-right:1px}.bottombar{height:auto;grid-template-columns:1fr 1fr;grid-auto-rows:48px;gap:6px;padding:6px 8px}.bottombar .spacer{display:none}}