:root{--pink:#f57;--pink-dark:#e04463;--pink-deep:#c73553;--pink-soft:#ffdfe7;--pink-mist:#fff1f4;--pink-bg:#fff8fa;--gray:#bbb;--gray-dark:#8f8a8c;--gray-soft:#eeecec;--ink:#453a3e;--ink-soft:#7a6d72;--white:#fff;--green:#47b881;--red:#e5484d;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--shadow-card:0 6px 22px #ff55771a, 0 1px 3px #453a3e0d;--shadow-pop:0 14px 40px #f573, 0 4px 10px #453a3e1a;--font-body:"Gowun Dodum", "Noto Sans KR", "Apple SD Gothic Neo", sans-serif;--font-display:"Hi Melody", "Gowun Dodum", "Noto Sans KR", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0;padding:0}body{font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased;background-color:#fff7f9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Ctext x='24' y='56' font-size='22' opacity='0.045'%3E%E2%99%A1%3C/text%3E%3Ctext x='140' y='120' font-size='18' opacity='0.04'%3E%F0%9F%90%BE%3C/text%3E%3Ctext x='58' y='186' font-size='15' opacity='0.035'%3E%E2%99%A1%3C/text%3E%3C/svg%3E"),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;font-size:15px;line-height:1.55}h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.3}p{margin:0}a{color:var(--pink);text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}::selection{background:var(--pink-soft)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--pink-soft);background-clip:content-box;border:2px solid #0000;border-radius:8px}::-webkit-scrollbar-track{background:0 0}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;font-weight:700;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.btn--md{padding:9px 20px;font-size:14px}.btn--sm{padding:5px 14px;font-size:13px}.btn--primary{background:linear-gradient(135deg, var(--pink), var(--pink-dark));color:var(--white);box-shadow:0 4px 12px #ff557759}.btn--primary:hover:not(:disabled){transform:translateY(-1px)scale(1.02);box-shadow:0 6px 16px #ff557773}.btn:active:not(:disabled){transform:scale(.97)}.btn--ghost{background:var(--white);color:var(--pink);border:1.5px solid var(--pink-soft)}.btn--ghost:hover:not(:disabled){border-color:var(--pink);background:var(--pink-mist)}.btn--subtle{background:var(--gray-soft);color:var(--ink-soft)}.btn--subtle:hover:not(:disabled){background:var(--pink-soft);color:var(--pink-deep)}.btn--danger{background:var(--white);color:var(--red);border:1.5px solid #e5484d59}.btn--danger:hover:not(:disabled){background:#e5484d14}.field{flex-direction:column;gap:6px;display:flex}.field__label{color:var(--ink-soft);align-items:center;gap:4px;font-size:13px;font-weight:700;display:flex}.field__label:before{content:"♡";color:var(--pink);font-size:11px}.field__control{border:1.5px solid var(--gray-soft);border-radius:var(--radius-md);background:var(--white);outline:none;width:100%;padding:9px 14px;font-size:14px;transition:border-color .12s,box-shadow .12s}.field__control:focus{border-color:var(--pink);box-shadow:0 0 0 3px #ff557724}.field__control::placeholder{color:var(--gray)}textarea.field__control{resize:vertical;min-height:74px}select.field__control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23ff5577' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.field__hint{color:var(--gray-dark);font-size:12px}.field__error{color:var(--red);font-size:12px}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.toggle__track{background:var(--gray);border-radius:999px;flex-shrink:0;width:42px;height:24px;transition:background .15s;position:relative}.toggle__track:after{content:"";background:var(--white);border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle input{display:none}.toggle input:checked+.toggle__track{background:var(--pink)}.toggle input:checked+.toggle__track:after{transform:translate(18px)}.toggle__label{color:var(--ink-soft);font-size:13px}.toggle--disabled{opacity:.5;cursor:not-allowed}.badge{border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge--pink{background:var(--pink-soft);color:var(--pink-deep)}.badge--gray{background:var(--gray-soft);color:var(--gray-dark)}.badge--green{color:#2c8c5e;background:#47b88126}.badge--red{color:var(--red);background:#e5484d1f}.badge--dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1.5px solid var(--pink-soft);padding:22px}.card__header{border-bottom:1.5px dashed var(--pink-soft);justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:10px;display:flex}.card__title{font-family:var(--font-display);color:var(--pink-deep);align-items:center;gap:8px;font-size:21px;display:flex}.ribbon-tag{background:linear-gradient(135deg, var(--pink), var(--pink-dark));color:var(--white);border-radius:4px;align-items:center;padding:4px 14px;font-size:13px;font-weight:700;display:inline-flex;position:relative}.ribbon-tag:before,.ribbon-tag:after{content:"";border:11px solid var(--pink-dark);position:absolute;top:50%;transform:translateY(-50%)}.ribbon-tag:before{border-left-color:#0000;left:-12px}.ribbon-tag:after{border-right-color:#0000;right:-12px}.bow{font-style:normal}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#453a3e66;justify-content:center;align-items:center;padding:24px;animation:.15s fade-in;display:flex;position:fixed;inset:0}.modal{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);border-top:4px solid var(--pink);flex-direction:column;width:100%;max-width:520px;max-height:calc(100vh - 80px);animation:.18s pop-in;display:flex;overflow:hidden}.modal--sm{max-width:400px}.modal--md{max-width:520px}.modal--lg{max-width:760px}.modal__header{justify-content:space-between;align-items:center;padding:18px 24px 0;display:flex}.modal__title{font-family:var(--font-display);color:var(--pink-deep);align-items:center;gap:8px;font-size:22px;display:flex}.modal__close{color:var(--gray);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;font-size:20px;line-height:1}.modal__close:hover{color:var(--pink);background:var(--pink-mist)}.modal__body{flex-direction:column;gap:14px;padding:18px 24px;display:flex;overflow-y:auto}.modal__footer{border-top:1px dashed var(--pink-soft);justify-content:flex-end;gap:8px;padding:14px 24px 20px;display:flex}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;color:var(--pink-deep);background:var(--pink-mist);border-bottom:1.5px solid var(--pink-soft);white-space:nowrap;padding:9px 12px;font-size:12px;font-weight:700}.table th:first-child{border-radius:10px 0 0 10px}.table th:last-child{border-radius:0 10px 10px 0}.table td{border-bottom:1px solid var(--gray-soft);vertical-align:middle;padding:10px 12px}.table tbody tr:hover{background:var(--pink-mist)}.chat-preview{flex-direction:column;gap:6px;display:flex}.chat-preview__label{color:var(--ink-soft);font-size:13px;font-weight:700}.chat-preview__window{border-radius:var(--radius-md);border:1.5px solid var(--pink-soft);background:#2e2529;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.chat-preview__line{align-items:baseline;gap:8px;font-size:13px;line-height:1.5;display:flex}.chat-preview__name{white-space:nowrap;flex-shrink:0;font-weight:700}.chat-preview__name--viewer{color:#9fd8a3}.chat-preview__name--bot{color:var(--pink)}.chat-preview__text{color:#f3eef0;word-break:break-all}.chat-preview__hint{color:#8d8288;font-style:normal}.chat-preview__meta{color:var(--gray-dark);font-size:11px}.spinner-wrap{flex-direction:column;align-items:center;gap:6px;padding:16px 0;display:flex}.spinner-wrap .spinner{margin:0}.spinner__label{color:var(--gray-dark);font-size:12px}.spinner{border:3px solid var(--pink-soft);border-top-color:var(--pink);border-radius:50%;width:22px;height:22px;margin:24px auto;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:var(--gray-dark);padding:36px 12px;font-size:14px}.empty-state__icon{margin-bottom:8px;font-size:30px}.toast-stack{z-index:200;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);border-left:4px solid var(--pink);align-items:center;gap:8px;max-width:340px;padding:12px 18px;font-size:14px;animation:.18s pop-in;display:flex}.toast--error{border-left-color:var(--red)}.app-shell{gap:4px;min-height:100vh;display:flex}.sidebar{background:var(--white);border:1.5px solid var(--pink-soft);border-radius:var(--radius-lg);width:232px;box-shadow:var(--shadow-card);flex-direction:column;flex-shrink:0;gap:14px;height:calc(100vh - 28px);margin:14px 0 14px 14px;padding:22px 14px 16px;display:flex;position:sticky;top:14px}.sidebar__logo{align-items:center;gap:10px;padding:0 8px;display:flex}.sidebar__logo-mark{background:linear-gradient(135deg, var(--pink), var(--pink-dark));border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex;overflow:hidden;box-shadow:0 4px 12px #ff557759}.sidebar__logo-mark img{object-fit:cover;width:100%;height:100%}.sidebar__logo-text strong{font-family:var(--font-display);color:var(--pink-deep);font-size:22px;line-height:1.1;display:block}.sidebar__logo-text span{color:var(--gray-dark);font-size:11px}.ribbon-divider{color:var(--pink-soft);align-items:center;gap:8px;padding:0 6px;font-size:12px;display:flex}.ribbon-divider:before,.ribbon-divider:after{content:"";border-top:1.5px dashed var(--pink-soft);flex:1}.sidebar__nav{flex-direction:column;flex:1;gap:5px;display:flex}.sidebar__section{color:var(--gray);letter-spacing:.08em;padding:6px 12px 4px;font-size:11px;font-weight:700}.nav-link{color:var(--ink-soft);border-radius:999px;align-items:center;gap:10px;padding:8px 12px;font-size:14px;font-weight:600;transition:background .12s,color .12s,transform .12s;display:flex}.nav-link:hover{background:var(--pink-mist);color:var(--pink-deep);transform:translate(2px)}.nav-link--active{background:linear-gradient(135deg, var(--pink), var(--pink-dark));color:var(--white);box-shadow:0 4px 12px #ff55774d}.nav-link--active:hover{background:linear-gradient(135deg, var(--pink), var(--pink-dark));color:var(--white);transform:none}.nav-link__icon{background:var(--pink-mist);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;font-style:normal;transition:background .12s;display:inline-flex}.nav-link--active .nav-link__icon{background:#ffffff40}.nav-link__badge{margin-left:auto}.sidebar__footer{color:var(--gray);text-align:center;font-size:11px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.header{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#fff7f9f5 55%,#fff7f900);justify-content:space-between;align-items:center;gap:16px;padding:18px 28px 14px;display:flex;position:sticky;top:0}.header__titles{flex-direction:column;gap:0;min-width:0;display:flex}.header__title{font-family:var(--font-display);color:var(--pink-deep);align-items:center;gap:10px;font-size:26px;line-height:1.15;display:flex}.header__greeting{color:var(--ink-soft);font-size:12px}.header__right{flex-shrink:0;align-items:center;gap:12px;display:flex}.header__user{color:var(--ink-soft);align-items:center;gap:8px;font-size:13px;display:flex}.page{flex-direction:column;gap:20px;width:100%;max-width:1080px;margin:0 auto;padding:14px 28px 48px;display:flex}.page__intro{color:var(--ink-soft);font-size:14px}.page-grid{gap:18px;display:grid}.page-grid--2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.page-grid--3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.toolbar__search{flex:1;max-width:280px}.login-screen{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Ctext x='18' y='48' font-size='26' opacity='0.07'%3E%F0%9F%90%BE%3C/text%3E%3Ctext x='96' y='128' font-size='19' opacity='0.05'%3E%F0%9F%90%BE%3C/text%3E%3C/svg%3E");justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card__mascot{object-fit:contain;filter:drop-shadow(0 4px 6px #ff557759);width:68px;height:68px}.login-card{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow-pop);border:1.5px solid var(--pink-soft);border-top:5px solid var(--pink);flex-direction:column;gap:18px;padding:40px 32px 32px;display:flex;position:relative}.login-card__bow{filter:drop-shadow(0 4px 6px #ff557759);font-size:40px;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.login-card__title{text-align:center}.login-card__title h1{font-family:var(--font-display);color:var(--pink-deep);font-size:30px}.login-card__title p{color:var(--gray-dark);margin-top:4px;font-size:13px}@media (width<=840px){.sidebar{width:68px;margin-left:8px;padding:20px 8px 14px}.sidebar__logo{justify-content:center;padding:0}.sidebar__logo-text,.sidebar__section,.nav-link span:not(.nav-link__icon),.nav-link__badge,.sidebar__footer,.ribbon-divider{display:none}.nav-link{justify-content:center;padding:8px}}.stat-tile{flex-direction:column;gap:6px;display:flex}.stat-tile__label{color:var(--ink-soft);align-items:center;gap:6px;font-size:13px;display:flex}.stat-tile__value{font-family:var(--font-display);color:var(--pink-deep);font-size:32px;font-weight:400;line-height:1.1}.stat-tile__meta{color:var(--gray-dark);font-size:12px}.status-banner{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--pink) 0%, var(--pink-dark) 100%);color:var(--white);align-items:center;gap:14px;padding:18px 22px;display:flex;box-shadow:0 8px 24px #ff557759}.status-banner--offline{background:linear-gradient(135deg, #a9a2a5 0%, var(--gray-dark) 100%);box-shadow:0 8px 24px #8c8c8c4d}.status-banner__icon{font-size:28px}.status-banner__state{font-family:var(--font-display);font-size:22px;font-weight:400;line-height:1.2}.status-banner__detail{opacity:.9;font-size:13px}.cmd-name{color:var(--pink-deep);white-space:nowrap;font-weight:700}.cmd-aliases{color:var(--gray-dark);font-size:12px}.cmd-response{text-overflow:ellipsis;white-space:nowrap;max-width:340px;color:var(--ink-soft);font-size:13px;overflow:hidden}.row-actions{justify-content:flex-end;gap:6px;display:flex}.template-helper{border:1px dashed var(--pink-soft);border-radius:var(--radius-md);background:var(--pink-mist);flex-direction:column;gap:8px;padding:10px 12px;display:flex}.template-helper__label{color:var(--ink-soft);font-size:12px;font-weight:700}.template-helper__buttons{flex-wrap:wrap;gap:6px;display:flex}.template-helper__items{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:6px;display:grid}.template-helper__item{color:var(--gray-dark);flex-direction:column;gap:2px;font-size:12px;display:flex}.template-helper__item b{color:var(--pink-deep)}.timer-card{flex-direction:column;gap:10px;display:flex}.timer-card__top{justify-content:space-between;align-items:center;gap:10px;display:flex}.timer-card__name{color:var(--pink-deep);font-size:15px;font-weight:700}.timer-card__message{background:var(--pink-mist);border-radius:var(--radius-md);color:var(--ink);border:1px dashed var(--pink-soft);padding:10px 14px;font-size:13px}.timer-card__footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.timer-card__interval{color:var(--ink-soft);font-size:13px}.feature-note{color:var(--ink-soft);background:var(--pink-mist);border-radius:var(--radius-md);border:1px dashed var(--pink-soft);padding:10px 14px;font-size:13px}.notice-box{background:var(--pink-mist);border-radius:var(--radius-md);border:1.5px solid var(--pink-soft);padding:14px 16px;font-size:14px}.notice-box__meta{color:var(--gray-dark);margin-top:6px;font-size:12px}.chip-list{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--white);border:1.5px solid var(--pink-soft);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;display:inline-flex}.chip__score{color:var(--pink);font-size:11px;font-weight:700}.review-row{border-bottom:1px solid var(--gray-soft);justify-content:space-between;align-items:center;gap:10px;padding:10px 4px;display:flex}.review-row:last-child{border-bottom:none}.review-row__name{font-weight:700}.review-row__meta{color:var(--gray-dark);font-size:12px}.video-queue-card{grid-column:1/-1}.video-queue-list{flex-direction:column;gap:8px;display:flex}.video-queue-list__top{color:var(--gray-dark);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.video-queue-table-wrap{border:1px solid var(--gray-soft);border-radius:var(--radius-md);max-height:420px;overflow:auto}.video-queue-table th{background:var(--white);z-index:1;position:sticky;top:0}.video-queue-table td{white-space:nowrap}.video-queue-table__content{text-overflow:ellipsis;white-space:nowrap;min-width:220px;max-width:520px;overflow:hidden}.feature-static{flex-direction:column;gap:8px;display:flex}.feature-static__row{align-items:baseline;gap:10px;font-size:13px;display:flex}.feature-static__cmd{color:var(--pink-deep);white-space:nowrap;background:var(--pink-mist);border-radius:6px;padding:1px 8px;font-weight:700}.feature-static__desc{color:var(--ink-soft)}.feature-detail-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}.feature-detail{border:1px solid var(--gray-soft);border-radius:var(--radius-md);background:var(--white);flex-direction:column;gap:10px;padding:14px;display:flex}.feature-detail__header{flex-direction:column;gap:8px;display:flex}.feature-detail h3{color:var(--pink-deep);align-items:center;gap:6px;margin:0;font-size:15px;display:flex}.feature-detail__icon{font-size:17px;line-height:1}.feature-detail p{color:var(--ink-soft);margin:0;font-size:13px}.feature-detail ul{color:var(--gray-dark);margin:0;padding-left:18px;font-size:12px;line-height:1.6}.special-command-toggles{flex-wrap:wrap;gap:10px 16px;padding-top:2px;display:flex}.feature-guide{background:var(--pink-mist);border-radius:var(--radius-md);border:1px dashed var(--pink-soft);flex-direction:column;gap:10px;padding:10px 14px;display:flex}.feature-guide ul{color:var(--ink-soft);margin:0;padding-left:18px;font-size:12px;line-height:1.6}.coming-soon{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 20px;display:flex}.coming-soon__icon{font-size:44px}.coming-soon__list{color:var(--ink-soft);flex-direction:column;gap:6px;margin:8px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.coming-soon__list li:before{content:"🎀 "}