@font-face{font-family:NeoDunggeunmo;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.3/NeoDunggeunmo.woff) format("woff");font-weight:400;font-display:swap}:root{--bg: #0b1020;--bg2: #070a14;--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .65);--panel: rgba(15, 18, 28, .92);--panel2: rgba(18, 22, 34, .92);--edgeLight: rgba(255, 255, 255, .22);--edge: rgba(255, 255, 255, .14);--edgeDark: rgba(0, 0, 0, .55);--accent: #7aa7ff;--danger: #ff6b6b;--shadow: 0 28px 80px rgba(0, 0, 0, .55)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;color:var(--text);font-family:NeoDunggeunmo,system-ui,sans-serif}body{display:flex;justify-content:center;align-items:center;padding:28px;background:radial-gradient(1200px 700px at 20% 20%,rgba(122,167,255,.25),transparent 55%),radial-gradient(900px 600px at 80% 20%,rgba(255,107,107,.18),transparent 55%),radial-gradient(900px 650px at 60% 85%,rgba(140,255,220,.14),transparent 60%),linear-gradient(180deg,var(--bg),var(--bg2))}#root{width:100%;display:flex;justify-content:center}.app{width:620px;max-width:100%}.card{position:relative;padding:18px;background:linear-gradient(180deg,var(--panel),var(--panel2));box-shadow:var(--shadow);clip-path:polygon(8px 0%,calc(100% - 8px) 0%,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0% calc(100% - 8px),0% 8px);overflow:hidden}.card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(var(--edgeLight),var(--edgeLight)) top/100% 2px no-repeat,linear-gradient(var(--edgeLight),var(--edgeLight)) left/2px 100% no-repeat,linear-gradient(var(--edgeDark),var(--edgeDark)) bottom/100% 2px no-repeat,linear-gradient(var(--edgeDark),var(--edgeDark)) right/2px 100% no-repeat,linear-gradient(var(--edge),var(--edge)) 6px 6px / calc(100% - 12px) 2px no-repeat,linear-gradient(var(--edge),var(--edge)) 6px 6px / 2px calc(100% - 12px) no-repeat,linear-gradient(var(--edge),var(--edge)) 6px calc(100% - 8px) / calc(100% - 12px) 2px no-repeat,linear-gradient(var(--edge),var(--edge)) calc(100% - 8px) 6px / 2px calc(100% - 12px) no-repeat}.card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.1) 45%,rgba(255,255,255,0) 60%,transparent 100%);transform:translate(-130%);opacity:0}.card:hover:after{animation:shineCard .9s ease-out 1}@keyframes shineCard{0%{transform:translate(-130%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(130%);opacity:0}}.header{display:flex;justify-content:space-between;margin-bottom:12px}.title{margin:0;font-size:30px;display:flex;align-items:center;gap:10px}.titleIcon{width:50px;height:50px;image-rendering:pixelated}.subtitle{margin-top:6px;color:var(--muted)}.row{display:flex;gap:10px;margin-bottom:12px}.input,.textarea{flex:1;padding:12px;background:#0a0c1499;border:2px solid rgba(255,255,255,.16);outline:none;color:var(--text);font-family:inherit;box-shadow:inset 0 0 0 2px #00000073}.input::placeholder{color:#ffffff73}.btn{padding:12px 14px;background:#ffffff14;border:2px solid rgba(255,255,255,.16);color:var(--text);font-family:inherit;cursor:pointer;box-shadow:inset 0 2px #ffffff1f,inset 0 -2px #00000073,0 6px #0000008c}.btn:active{transform:translateY(2px)}.btnPrimary{background:#7aa7ff38}.btnDanger{background:#ff6b6b38}.btnGhost{height:40px;align-self:center;padding:0 14px}.list{list-style:none;padding:0;display:grid;gap:10px}.item{padding:12px;background:#ffffff0f;border:2px solid rgba(255,255,255,.14);box-shadow:inset 0 0 0 2px #00000073}.itemTop{display:flex;justify-content:space-between;gap:10px}.meta{font-size:12px;color:var(--muted)}.actions{display:flex;gap:8px}.tip{margin-top:12px;color:var(--muted)}