#cuepiko-app{--cp-bg:#07172c;--cp-panel:#102742;--cp-line:#294968;--cp-text:#f2f8ff;--cp-muted:#afc4dc;--cp-blue:#087cf0;color:var(--cp-text);font:15px/1.5 system-ui,sans-serif;background:var(--cp-bg);max-width:760px;margin:20px auto;border-radius:24px;overflow:hidden;box-shadow:0 18px 60px #00172a28;color-scheme:dark}#cuepiko-app *{box-sizing:border-box}#cuepiko-app button,#cuepiko-app input,#cuepiko-app select{font:inherit}#cuepiko-app button,#cuepiko-app a{touch-action:manipulation}#cuepiko-app button{cursor:pointer}#cuepiko-app button:disabled{opacity:.5;cursor:wait}#cuepiko-app header{display:flex;justify-content:space-between;align-items:center;padding:22px;gap:12px;border-bottom:1px solid var(--cp-line)}#cuepiko-app header a{color:var(--cp-muted);font-size:13px}#cuepiko-app .cp-logo{font-size:25px;font-weight:750;letter-spacing:-1px}#cuepiko-app .cp-logo span{color:#31b7ff}#cuepiko-app .cp-header-note{font-size:12px;color:var(--cp-muted)}#cuepiko-app main{padding:22px;min-height:430px}#cuepiko-app h1{font-size:26px;line-height:1.2;margin:0 0 10px;color:var(--cp-text)}#cuepiko-app h2{font-size:19px;margin:22px 0 12px;color:var(--cp-text)}#cuepiko-app h3{font-size:17px;margin:0 0 5px;color:var(--cp-text)}#cuepiko-app p{margin:6px 0 14px}#cuepiko-app .cp-muted,#cuepiko-app small{color:var(--cp-muted)}#cuepiko-app small{font-size:12px}#cuepiko-app .cp-card{background:var(--cp-panel);border:1px solid var(--cp-line);border-radius:16px;padding:18px;margin-bottom:12px}#cuepiko-app .cp-hero{background:linear-gradient(125deg,#102e50,#083d69);display:grid;grid-template-columns:1fr 120px;gap:12px;align-items:center}#cuepiko-app .cp-hero .cp-button{grid-column:1/-1}#cuepiko-app .cp-mini-table{background:#008dcb;border:8px solid #31516d;border-radius:10px;height:85px;position:relative}#cuepiko-app .cp-mini-table:before,#cuepiko-app .cp-mini-table:after{content:'';width:12px;height:12px;background:#faf7eb;border-radius:50%;position:absolute;left:30%;top:60%;box-shadow:1px 3px 4px #0005}#cuepiko-app .cp-mini-table:after{background:#ffce34;left:65%;top:25%}#cuepiko-app .cp-button{display:inline-flex;justify-content:center;align-items:center;gap:6px;border:1px solid var(--cp-line);border-radius:11px;padding:11px 15px;background:#183956;color:var(--cp-text);min-height:44px;text-decoration:none}#cuepiko-app .cp-primary{background:var(--cp-blue);border-color:var(--cp-blue);color:white}#cuepiko-app .cp-full{width:100%}#cuepiko-app .cp-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}#cuepiko-app .cp-between{justify-content:space-between}#cuepiko-app label{display:block;margin:10px 0}#cuepiko-app input:not([type=checkbox]),#cuepiko-app select{display:block;width:100%;padding:11px;border:1px solid #3c5a79;background:#091a30;color:#f2f8ff;border-radius:9px;margin-top:5px;min-height:44px}#cuepiko-app input[type=checkbox]{width:19px;height:19px;vertical-align:middle;margin-right:7px;accent-color:#087cf0}#cuepiko-app .cp-pill{display:inline-block;background:#113f63;color:#8cdaff;padding:4px 9px;border-radius:30px;font-size:12px}#cuepiko-app .cp-exercise{display:flex;width:100%;align-items:center;gap:15px;text-align:left;color:var(--cp-text)}#cuepiko-app .cp-exercise b{display:block;font-size:16px}#cuepiko-app .cp-exercise small{display:block}#cuepiko-app .cp-symbol{font-size:27px;color:#4cc7ff;min-width:30px}#cuepiko-app .cp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#cuepiko-app .cp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;text-align:center}#cuepiko-app .cp-stats b{display:block;font-size:22px;color:#62cdff}#cuepiko-app .cp-avatar{width:64px;height:64px;border-radius:50%;background:#08669e;display:grid;place-items:center;font-size:27px;color:white}#cuepiko-app .cp-message{padding:12px 22px;background:#17374f;border-bottom:1px solid var(--cp-line);overflow-wrap:anywhere}#cuepiko-app .cp-message:empty{display:none}#cuepiko-app .cp-message[data-error=true]{background:#582d3b;color:#ffe3e6}#cuepiko-app nav{display:flex;border-top:1px solid var(--cp-line);padding:9px;gap:8px;background:#091c32}#cuepiko-app nav button{flex:1;background:transparent;border:0;color:#b4c8dc;border-radius:12px;min-height:54px}#cuepiko-app nav button[aria-current=page]{background:#123553;color:#55c9ff}#cuepiko-app .cp-disclaimer{font-size:12px;color:#b5c9df;padding:13px 20px;background:#0c2037}#cuepiko-app canvas{display:block;width:100%;height:370px;border-radius:12px;margin:10px 0}#cuepiko-app .cp-camera{width:100%;max-height:400px;object-fit:contain;background:#020b16;border-radius:12px}#cuepiko-app .cp-photo{position:relative;touch-action:manipulation}#cuepiko-app .cp-mark{position:absolute;transform:translate(-50%,-50%);width:25px;height:25px;border:2px solid white;border-radius:50%;background:#087cf0;display:grid;place-items:center;font-size:12px;pointer-events:none}#cuepiko-app .cp-meter{height:7px;background:#294561;border-radius:8px;overflow:hidden}#cuepiko-app .cp-meter span{height:100%;display:block;background:#2bb8ff}#cuepiko-app .cp-loading{padding:40px;text-align:center}#cuepiko-app .cp-session{font-size:12px;color:#89dbb1;margin-bottom:14px}#cuepiko-app .cp-session.cp-muted{color:var(--cp-muted)}#cuepiko-app details{margin:15px 0}#cuepiko-app summary{cursor:pointer;color:#7dd4ff}#cuepiko-app :focus-visible{outline:3px solid #8bdbff;outline-offset:3px}#cuepiko-app a{color:#83d7ff}#cuepiko-app .cp-scroll-table{overflow:auto}#cuepiko-app table{width:100%;border-collapse:collapse;font-size:13px}#cuepiko-app th,#cuepiko-app td{text-align:left;padding:10px 6px;border-bottom:1px solid var(--cp-line)}@media(max-width:460px){#cuepiko-app{border-radius:0;margin:0}#cuepiko-app main{padding:17px}#cuepiko-app .cp-grid{grid-template-columns:1fr}#cuepiko-app .cp-hero{grid-template-columns:1fr 95px}#cuepiko-app header{padding:17px}#cuepiko-app h1{font-size:23px}#cuepiko-app canvas{height:330px}}