:root{font-family:Inter,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#f5f7ff;background-color:#05060f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{color:inherit;text-decoration:none}body{margin:0;min-height:100vh}#root{min-height:100vh}:root{color-scheme:dark}.hcp-app{position:relative;width:100%;min-height:100vh;height:100vh;background:#0b0d1a;color:#f5f7ff;font-family:Inter,system-ui,sans-serif;overflow:hidden}.hcp-canvas-wrapper{position:absolute;inset:0;background:radial-gradient(circle at center,#406cff40,#0b0d1a)}.hcp-canvas{width:100%;height:100%;display:block}.hcp-overlay{position:absolute;pointer-events:auto;opacity:1}.hcp-window{position:relative;display:flex;flex-direction:column;width:100%;height:100%;background:#13172699;border:1px solid rgba(255,255,255,.12);border-radius:.5rem;box-shadow:0 24px 48px #080a1861;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden;box-sizing:border-box}.hcp-window-header{display:flex;align-items:center;gap:.75rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(180deg,#ffffff1f,#ffffff05);border-bottom:1px solid rgba(255,255,255,.08);cursor:grab;-webkit-user-select:none;user-select:none}.hcp-window-header:active{cursor:grabbing}.hcp-toggle-button{width:22px;height:22px;border-radius:20%;border:1px solid rgba(255,255,255,.25);background:#00000059;color:#ffffffe6;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1.75rem;transition:background .12s ease}.hcp-toggle-button:hover{background:#fff3}.hcp-window-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hcp-window-status{font-size:.82rem;font-weight:400;color:#ffffffb3;text-transform:none;letter-spacing:0}.hcp-window-body{flex:1;min-height:0;overflow:hidden}.hcp-window-content{height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding:.9rem 1.05rem 1.1rem}.hcp-window-content::-webkit-scrollbar{width:8px}.hcp-window-content::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}.hcp-window-resize{position:absolute;bottom:8px;right:8px;width:18px;height:18px;border-radius:4px;border:1px solid rgba(255,255,255,.18);background:#ffffff24;color:#fffc;cursor:nwse-resize;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #00000059;pointer-events:auto}.hcp-window.is-closed .hcp-window-resize{display:none}.hcp-window-resize:hover{background:#fff3}.hcp-window-resize:before{content:"◢";font-size:.7rem;transform:translate(-1px,-1px)}.hcp-hint{margin:0;font-size:.8rem;color:#ffffff9e}.hcp-status-inline{margin:0;font-size:.78rem;color:#ffffffb3;padding:.15rem .2rem;border-radius:.35rem;background:#6478ff1f;border:1px solid rgba(100,120,255,.18);font-weight:500}.hcp-form{display:flex;flex-direction:column;gap:.65rem}.hcp-form input[type=text]{padding:.45rem .55rem;border-radius:.35rem;border:1px solid rgba(255,255,255,.16);background:#00000073;color:inherit;font-size:.9rem}.hcp-form input[type=text]:focus{outline:2px solid rgba(102,136,255,.6);outline-offset:1px}.hcp-form input[type=range]{width:100%;accent-color:#ff9b49}.hcp-form button{align-self:flex-end;margin-top:.3rem;padding:.42rem .8rem;border-radius:.3rem;border:1px solid rgba(255,255,255,.18);background:#3075ff;color:#fff;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.hcp-form button:disabled{background:#3075ff59;border-color:#ffffff1f;color:#fff9;cursor:not-allowed;transform:none;box-shadow:none}.hcp-form button:hover{transform:translateY(-1px);box-shadow:0 14px 28px #4c74ff59}.hcp-form button:disabled:hover{transform:none;box-shadow:none}.hcp-file{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;color:#ffffffc7}.hcp-file input[type=file]{color:#ffffffd6;background:#00000059;border:1px dashed rgba(255,255,255,.2);border-radius:.35rem;padding:.4rem .5rem;font-size:.8rem}.hcp-animation-list{display:flex;flex-direction:column;gap:.5rem}.hcp-animation-list button{padding:.4rem .6rem;border-radius:.3rem;border:1px solid rgba(255,255,255,.18);background:#506effa6;color:#fff;font-size:.82rem;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.hcp-animation-list button:disabled{background:#506eff52;border-color:#ffffff29;color:#fff9;cursor:not-allowed;transform:none;box-shadow:none}.hcp-animation-list button:hover{transform:translateY(-1px);box-shadow:0 12px 24px #466eff52}.hcp-animation-list button:disabled:hover{transform:none;box-shadow:none}.hcp-toggle{display:flex;align-items:center;gap:.55rem;font-size:.85rem}.hcp-toggle input[type=checkbox]{width:18px;height:18px;accent-color:#6a87ff;cursor:pointer}.hcp-iris-debug{display:flex;flex-direction:column;gap:.75rem}.hcp-iris-canvas{width:100%;max-width:260px;align-self:center;border-radius:.35rem;border:1px solid rgba(255,255,255,.1);background:#04070d}.hcp-iris-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;font-size:.78rem;color:#ffffffbf}.hcp-iris-stats strong{font-weight:600;margin-right:.2rem}.hcp-card-preview{display:flex;justify-content:center;align-items:center;padding:.6rem;background:#ffffff0a;border-radius:.4rem}.hcp-card-outline{display:flex;justify-content:center;align-items:center;border-radius:.3rem;border:1px dashed rgba(255,255,255,.5);color:#ffffffbf;font-size:.74rem;text-align:center;pointer-events:none;box-sizing:border-box}.hcp-card-outline-label{display:block;padding:.4rem .6rem}.hcp-form-stats{display:flex;flex-wrap:wrap;gap:.6rem;font-size:.78rem;color:#ffffffb3}.hcp-log{display:flex;flex-direction:column;gap:.4rem}.hcp-log ul{list-style:none;padding:0;margin:0;font-size:.78rem;font-family:monospace;overflow-y:auto}.hcp-log ul::-webkit-scrollbar{width:6px}.hcp-log ul::-webkit-scrollbar-thumb{background:#fff3;border-radius:999px}.hcp-log li{padding:.2rem 0;border-bottom:1px solid rgba(255,255,255,.05)}@media (max-width: 820px){.hcp-overlay{width:calc(100% - 2rem)}}
