.eye-page{--eye-ink:#201515;--eye-muted:#403f3e;--eye-accent:#f66442;--eye-accent-text:#ce4c30;--eye-accent-hover:#dc593b;--eye-accent-soft:#fff0ec;--eye-line:#e9e9e9;--eye-control-line:#b7b7b7;--eye-paper:#fff;background:linear-gradient(180deg,#fff1ed,#fff6f2 170px,#fff 340px);color:var(--eye-ink);font-size:16px;line-height:1.6;margin-top:-80px;padding:136px 30px 0;position:relative;z-index:0}.eye-page *,.eye-page :after,.eye-page :before{box-sizing:border-box}.eye-page button,.eye-page textarea{font:inherit}.eye-page button{cursor:pointer}.eye-page button:disabled{cursor:wait;opacity:.65}.eye-page a:focus-visible,.eye-page button:focus-visible,.eye-page textarea:focus-visible,.eye-page video:focus-visible{outline:3px solid var(--eye-accent-text);outline-offset:4px}.eye-page figure,.eye-page h1,.eye-page h2,.eye-page h3,.eye-page p{margin:0}.eye-page h2{font-size:24px;font-weight:600;line-height:1.4}.eye-page h3{font-size:18px;font-weight:600}.eye-page .eye-hero{margin:0 auto 56px;max-width:1200px;text-align:center}.eye-page .eye-kicker{color:var(--eye-accent-text);display:inline-flex;font-size:14px;font-weight:500;margin-top:20px}.eye-page .eye-hero h1{font-size:56px;font-weight:600;line-height:72px;margin-bottom:16px;overflow-wrap:anywhere}.eye-page .eye-hero p{color:var(--eye-muted);font-size:20px;line-height:30px;margin:auto;max-width:960px}.eye-page .eye-workspace{margin:auto;max-width:1200px}.eye-page .eye-modes{display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr));margin:auto}.eye-page .eye-mode{align-items:flex-start;background:var(--eye-paper);border:1px solid var(--eye-line);border-radius:16px;box-shadow:0 4px 20px #2015150a;color:var(--eye-ink);display:flex;flex-direction:column;min-width:0;padding:40px;text-align:left;transition:border-color .18s,transform .18s}.eye-page .eye-mode:hover{border-color:var(--eye-accent);transform:translateY(-2px)}.eye-page .eye-mode-icon{background:var(--eye-accent-soft);border-radius:16px;color:var(--eye-accent);display:grid;height:56px;margin-bottom:24px;place-items:center;width:56px}.eye-page .eye-mode-title{font-size:28px;font-weight:600;line-height:1.4;margin-bottom:12px}.eye-page .eye-mode-description{color:var(--eye-muted);flex:1;font-size:18px;margin-bottom:32px}.eye-page .eye-mode-action{align-items:center;background-color:#f66442;border:1px solid #f66442;border-radius:25px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:20px;font-weight:500;gap:12px;height:50px;height:auto;line-height:normal;line-height:1.4;min-height:50px;padding:12px 24px;transition:background-color .2s,color .2s,border-color .2s}.eye-page .eye-mode-action:hover{background-color:#dc593b;border-color:#dc593b}.eye-page .eye-mode:hover .eye-mode-action{background:var(--eye-accent-hover);border-color:var(--eye-accent-hover)}.eye-page .eye-results,.eye-page .eye-session{background:var(--eye-paper);border:1px solid var(--eye-line);border-radius:16px;padding:40px}.eye-page .eye-session-bar{align-items:center;border-bottom:1px solid var(--eye-line);display:flex;gap:20px;justify-content:space-between;margin-bottom:26px;padding-bottom:20px}.eye-page .eye-session-mode,.eye-page .eye-timer{align-items:center;display:flex;font-weight:600;gap:10px}.eye-page .eye-session-mode svg,.eye-page .eye-timer svg{color:var(--eye-accent)}.eye-page .eye-timer{font-size:22px;font-variant-numeric:tabular-nums}.eye-page .eye-session-grid{align-items:start;display:grid;gap:36px;grid-template-columns:1fr 1fr}.eye-page .eye-label{color:var(--eye-accent-text);display:block;font-size:13px;font-weight:600;margin-bottom:12px}.eye-page .eye-task h2{font-size:clamp(20px,2vw,26px);margin-bottom:22px}.eye-page .eye-task>p{color:var(--eye-muted)}.eye-page .eye-privacy{align-items:flex-start;color:var(--eye-muted);display:flex;font-size:14px;gap:12px;margin-top:24px}.eye-page .eye-privacy svg{color:var(--eye-accent);flex-shrink:0;margin-top:3px}.eye-page .eye-camera{aspect-ratio:4/3;background:#f5f5f5;border:3px solid transparent;border-radius:14px;overflow:hidden;position:relative}.eye-page .eye-camera video{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transform:scaleX(-1);width:100%}.eye-page .eye-tracking-overlay{height:100%;inset:0;pointer-events:none;position:absolute;transform:scaleX(-1);width:100%}.eye-page .eye-camera[data-status=away]{border-color:#b63a2b}.eye-page .eye-camera[data-status=normal]{border-color:#477359}.eye-page .eye-camera[data-status=unknown]{border-color:#9b6c15}.eye-page .eye-camera-placeholder{align-items:center;color:var(--eye-muted);display:flex;flex-direction:column;gap:15px;inset:0;justify-content:center;position:absolute}.eye-page .eye-camera-placeholder svg{color:var(--eye-accent)}.eye-page .eye-recording{align-items:center;background:#201515c9;border-radius:20px;color:#fff;display:flex;font-size:12px;gap:7px;left:12px;padding:5px 10px;position:absolute;top:12px}.eye-page .eye-recording>span{background:#ff8d7e;border-radius:100%;height:7px;width:7px}.eye-page .eye-ready,.eye-page .eye-signal{align-items:center;display:flex;gap:8px}.eye-page .eye-ready{color:#3d654a;margin-top:14px}.eye-page .eye-signal{background:#f4eddd;border-radius:8px;color:#76520c;font-size:14px;margin-top:12px;padding:12px 14px}.eye-page .eye-signal svg{flex-shrink:0}.eye-page .eye-signal[data-status=normal]{background:#eaf2e9;color:#345b40}.eye-page .eye-signal[data-status=away]{background:#fae9e5;color:#a32b21}.eye-page .eye-detecting,.eye-page .eye-preparing{font-size:14px;margin-top:14px}.eye-page .eye-detecting{color:var(--eye-muted)}.eye-page .eye-tracking-help{color:var(--eye-muted);font-size:14px;margin-top:8px}.eye-page .eye-preparing>span{align-items:center;display:flex;gap:8px}.eye-page .eye-preparing p{color:var(--eye-muted);margin-top:7px}.eye-page .eye-preparing-icon{animation:eye-preparing-spin 1.2s linear infinite;color:var(--eye-accent);flex-shrink:0}@keyframes eye-preparing-spin{to{transform:rotate(1turn)}}.eye-page .eye-controls{align-items:center;display:flex;flex-wrap:wrap;gap:14px 24px;justify-content:center;margin-top:28px}.eye-page .eye-start-hint{color:var(--eye-muted);flex-basis:100%;font-size:13px;text-align:center}.eye-page .eye-button{align-items:center;background-color:#f66442;border:1px solid #f66442;border-radius:25px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:20px;font-weight:500;gap:12px;height:50px;height:auto;justify-content:center;line-height:normal;line-height:1.4;min-height:50px;padding:12px 24px;transition:background-color .2s,color .2s,border-color .2s}.eye-page .eye-button:hover{background-color:#dc593b;border-color:#dc593b}.eye-page .eye-secondary{background-color:#fff;color:#f66442;cursor:pointer}.eye-page .eye-secondary:hover{background-color:#f66442;border-color:#f66442;color:#fff}.eye-page .eye-button svg,.eye-page .eye-mode-action svg{flex-shrink:0}.eye-page .eye-link{align-items:center;background:transparent;border:0;color:var(--eye-accent-text);display:inline-flex;font-size:14px;gap:6px;min-height:40px;padding:8px 2px}.eye-page .eye-notice{background:#f8efda;border-radius:9px;color:#76520c;font-size:14px;margin-top:18px;padding:12px 16px}.eye-page .eye-error{background:#fae9e5;color:#a32b21}.eye-page .eye-answer{background:#fff;border:1px solid var(--eye-control-line);border-radius:10px;color:var(--eye-ink);margin-top:8px;min-height:200px;padding:16px;resize:vertical;width:100%}.eye-page .eye-word-count{font-size:13px;margin-top:6px;text-align:right}.eye-page .eye-results-heading{align-items:center;display:flex;gap:22px;justify-content:space-between}.eye-page .eye-results-heading>span{color:var(--eye-muted);font-size:14px}.eye-page .eye-stats{border-bottom:1px solid var(--eye-line);border-top:1px solid var(--eye-line);display:grid;gap:15px;grid-template-columns:repeat(5,1fr);margin:26px 0;padding:22px 0}.eye-page .eye-stats span{color:var(--eye-muted);display:block;font-size:13px}.eye-page .eye-stats strong{display:block;font-size:26px;font-variant-numeric:tabular-nums;margin-top:6px}.eye-page .eye-review-grid{display:grid;gap:30px;grid-template-columns:1.2fr 1fr}.eye-page .eye-review-grid h3{margin-bottom:14px}.eye-page .eye-playback{aspect-ratio:4/3;background:var(--eye-ink);border-radius:12px;display:block;width:100%}.eye-page .eye-no-video{align-items:center;background:#f5f5f5;border-radius:12px;color:var(--eye-muted);display:flex;gap:12px;justify-content:center;min-height:150px;padding:30px}.eye-page .eye-events>p{color:var(--eye-muted);font-size:14px}.eye-page .eye-events ul{list-style:none;margin:12px 0 0;max-height:380px;overflow-y:auto;padding:0}.eye-page .eye-events li{align-items:center;border-bottom:1px solid var(--eye-line);display:flex;flex-wrap:wrap;font-size:13px;gap:8px 16px;padding:12px 0}.eye-page .eye-events li>div{align-items:center;display:flex;flex-basis:100%;gap:7px}.eye-page .eye-event-dot{background:#a32b21;border-radius:50%;height:7px;width:7px}.eye-page .eye-event-dot.unknown{background:#9b6c15}.eye-page .eye-event-time{font-variant-numeric:tabular-nums}.eye-page .eye-result-prompt{border-top:1px solid var(--eye-line);margin-top:26px;padding-top:22px}.eye-page .eye-result-prompt h3{margin-bottom:8px}.eye-page .eye-result-prompt p+h3{margin-top:20px}.eye-page .eye-saved-answer{overflow-wrap:anywhere;white-space:pre-wrap}.eye-page .eye-guide{align-items:center;background:#f2f4f6;border-radius:16px;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:60px auto 0;padding:40px}.eye-page .eye-guide-copy h2{font-size:28px}.eye-page .eye-guide-copy>p{color:var(--eye-muted);font-size:16px;margin-top:16px}.eye-page .eye-guide-copy>.eye-privacy{font-size:14px}.eye-page .eye-examples{display:grid;gap:20px;grid-template-columns:1fr 1fr}.eye-page .eye-example{color:#477359;font-size:13px;text-align:center}.eye-page .eye-example.away{color:#b4513b}.eye-page .eye-example svg{max-width:200px;width:100%}.eye-page .eye-example figcaption{margin-top:8px}.eye-page .eye-mobile{background:var(--eye-paper);border:1px solid var(--eye-line);border-radius:16px;display:grid;gap:18px;justify-items:center;padding:32px 22px;text-align:center}.eye-page .eye-mobile>p{color:var(--eye-muted)}.eye-page .eye-mobile>svg{color:var(--eye-accent)}.eye-page .eye-disclaimer{color:var(--eye-muted);font-size:14px;margin:32px auto 0;max-width:1200px;text-align:center}.eye-page .eye-loading{min-height:150px;padding:40px;text-align:center}@media(max-width:900px){.eye-page .eye-session-grid{gap:22px}.eye-page .eye-stats{grid-template-columns:repeat(3,1fr)}.eye-page .eye-guide{gap:28px}}@media(max-width:767px){.eye-page{padding-top:112px}.eye-page .eye-hero{margin-bottom:32px}.eye-page .eye-hero h1{font-size:28px;line-height:40px}.eye-page .eye-hero p{font-size:18px;line-height:28px}.eye-page .eye-guide,.eye-page .eye-modes,.eye-page .eye-review-grid,.eye-page .eye-session-grid{grid-template-columns:1fr}.eye-page .eye-mode{padding:24px}.eye-page .eye-mode-title{font-size:24px}.eye-page .eye-mode-description{font-size:16px}.eye-page .eye-guide{margin-top:32px;padding:24px}.eye-page .eye-guide-copy h2{font-size:24px}.eye-page .eye-results,.eye-page .eye-session{padding:20px}.eye-page .eye-results-heading{align-items:start}.eye-page .eye-stats{grid-template-columns:repeat(2,1fr)}.eye-page .eye-button,.eye-page .eye-mode-action{font-size:18px}}@media(max-width:450px){.eye-page{padding-inline:15px}}@media(prefers-reduced-motion:reduce){.eye-page *{scroll-behavior:auto!important;transition:none!important}.eye-page .eye-preparing-icon{animation:none}}.eye-confirm-overlay .el-overlay-dialog{align-items:center;box-sizing:border-box;display:flex;justify-content:center;padding:16px}.eye-confirm-dialog.el-dialog{--eye-ink:#201515;--eye-muted:#403f3e;--eye-accent:#f66442;--eye-accent-text:#ce4c30;--eye-accent-hover:#dc593b;--eye-accent-soft:#fff0ec;--eye-line:#e9e9e9;--eye-control-line:#b7b7b7;--eye-paper:#fff;background:var(--eye-paper);border-radius:18px;box-sizing:border-box;color:var(--eye-ink);flex-shrink:0;margin:auto;max-height:calc(100dvh - 32px);max-width:100%;overflow-y:auto;padding:26px}.eye-confirm-dialog.el-dialog .el-dialog__header{margin:0;padding:0 0 16px}.eye-confirm-dialog.el-dialog .el-dialog__title{color:var(--eye-ink);font-size:21px;font-weight:650;line-height:1.4}.eye-confirm-dialog.el-dialog .el-dialog__body{color:var(--eye-muted);font-size:15px;line-height:1.7;padding:0}.eye-confirm-dialog.el-dialog .el-dialog__body p{margin:0}.eye-confirm-dialog.el-dialog .el-dialog__footer{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;padding:24px 0 0}.eye-confirm-dialog.el-dialog button{background-color:#fff;border:1px solid #f66442;border-radius:25px;box-sizing:border-box;color:#f66442;cursor:pointer;font-family:inherit;font-size:20px;font-size:16px;font-weight:500;height:50px;height:auto;line-height:normal;line-height:1.4;min-height:44px;padding:10px 20px;transition:background-color .2s,color .2s,border-color .2s}.eye-confirm-dialog.el-dialog button:hover{background-color:#f66442;border-color:#f66442;color:#fff}.eye-confirm-dialog.el-dialog button:focus-visible{outline:3px solid var(--eye-accent-text);outline-offset:3px}.eye-confirm-dialog.el-dialog .eye-confirm-accept{background-color:#f66442;color:#fff;cursor:pointer}.eye-confirm-dialog.el-dialog .eye-confirm-accept:hover{background-color:#dc593b;border-color:#dc593b}