*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: oklch(.984 .003 247.858);--surface: oklch(.968 .007 247.896);--border: oklch(.929 .013 255.508);--text: oklch(.129 .042 264.695);--muted: oklch(.554 .046 257.417);--dark-panel: oklch(.129 .042 264.695);--win: oklch(.45 .15 155);--loss: oklch(.45 .18 25);--radius: 3px;--serif: "Playfair Display", Georgia, serif;--sans: system-ui, -apple-system, sans-serif}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.6;min-height:100vh}.layout{display:grid;grid-template-columns:minmax(500px,1fr) 1000px;min-height:100vh}.pane-left{display:flex;justify-content:flex-end;padding:56px 80px 80px 40px}.pane-left-inner{width:100%;max-width:560px}.pane-right{background:var(--dark-panel);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.pane-right-media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.gold-bg{position:absolute;width:340px;height:340px;object-fit:cover;animation:goldDrift 28s linear infinite;z-index:0;pointer-events:none}@keyframes goldDrift{0%{transform:translate(-20px,-30px)}16%{transform:translate(25px,-20px)}33%{transform:translate(35px,20px)}50%{transform:translate(15px,45px)}66%{transform:translate(-25px,35px)}83%{transform:translate(-40px,-5px)}to{transform:translate(-20px,-30px)}}.pane-right img:not(.gold-bg){position:relative;z-index:1}.pane-right img{width:100%;height:100%;object-fit:cover;object-position:40% 20%;display:block;-webkit-mask-image:radial-gradient(ellipse 25px 12px at 45.5% calc(20vh + 135px),#0000004d,#000);mask-image:radial-gradient(ellipse 25px 12px at 45.5% calc(20vh + 135px),#0000004d,#000)}@media (max-width: 780px){.pane-right img:not(.gold-bg){-webkit-mask-image:radial-gradient(ellipse 15px 10px at 46% calc(22% + 13vw),#00000080,#000);mask-image:radial-gradient(ellipse 15px 10px at 46% calc(22% + 13vw),#00000080,#000)}}.sheep-bubble{position:absolute;top:32px;left:50%;transform:translate(-50%);background:#161b24;border-radius:24px;padding:16px 30px;box-shadow:0 0 18px 4px #d1a84b59;font-family:var(--serif);font-size:1.15rem;font-style:italic;color:#f4e4b8;white-space:nowrap;pointer-events:none;z-index:10}.eye-hover{position:absolute;width:60px;height:50px;left:calc(45.5% - 30px);top:calc(35.5% - 25px);z-index:2;cursor:crosshair}.pane-right .panel-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:16px 20px;color:#4a4540;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.layout--app{grid-template-columns:1fr}.layout--app .pane-right{display:none}.layout--app .pane-left{justify-content:center;padding:56px 40px 80px}.layout--app .pane-left-inner{max-width:600px;width:100%}.sheep-frame{width:180px;height:180px;border-radius:4px;overflow:hidden;background:var(--dark-panel);margin:0 auto 32px;flex-shrink:0}.sheep-frame img{width:100%;height:100%;object-fit:cover;object-position:60% 20%;display:block}.plate-label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}h1{font-family:var(--serif);font-size:3rem;font-weight:700;line-height:1.05;color:var(--text);margin-bottom:4px}h1 em{font-style:italic;font-weight:400;color:var(--muted)}.header-sub{color:var(--muted);font-size:.9rem;margin-top:10px;margin-bottom:40px;max-width:420px}.header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:40px}.header-meta{display:flex;align-items:center;gap:16px;padding-top:6px}.credits{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}form{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.field{display:flex;flex-direction:column;gap:6px}label{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500}.optional{font-size:.78rem;text-transform:none;letter-spacing:0;font-weight:400}input{background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text);font-size:.95rem;font-family:var(--sans);padding:8px 0;width:100%;transition:border-color .15s;border-radius:0}input:focus{outline:none;border-bottom-color:var(--text)}input::placeholder{color:var(--border)}button[type=submit]{align-self:flex-start;background:var(--text);border:none;border-radius:var(--radius);color:var(--bg);cursor:pointer;font-family:var(--sans);font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:11px 28px;transition:opacity .15s;min-width:160px;display:flex;align-items:center;justify-content:center;height:40px}button[type=submit]:hover:not(:disabled){opacity:.75}button[type=submit]:disabled{opacity:.35;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid oklch(.984 .003 247.858 / .3);border-top-color:var(--bg);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes letterIn{0%{opacity:.15;transform:scale(1.8)}to{opacity:1;transform:scale(1)}}.error{border-left:2px solid var(--loss);color:var(--loss);padding:10px 14px;font-size:.88rem;background:#f8f0f0}.report{border-top:1px solid var(--border);padding-top:32px}.report-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 32px;margin-bottom:32px;padding-bottom:28px;border-bottom:1px solid var(--border)}.meta-label{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}.meta-value{font-size:.95rem;color:var(--text);text-transform:capitalize}.meta-value.win{color:var(--win);font-weight:600}.meta-value.loss{color:var(--loss);font-weight:600}.report-body{font-size:.95rem;line-height:1.7}.report-body h2{font-family:var(--serif);font-size:1.15rem;font-weight:700;color:var(--text);margin:28px 0 10px}.report-body h2:first-child{margin-top:0}.report-body p{margin-bottom:12px;color:var(--text)}.report-body strong{font-weight:700}.report-body hr{border:none;border-top:1px solid var(--border);margin:20px 0}.report-footer{margin-top:28px;padding-top:16px;border-top:1px solid var(--border);color:var(--muted);font-size:.75rem;letter-spacing:.04em}.btn-ghost{background:none;border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);cursor:pointer;font-family:var(--sans);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;transition:color .15s,border-color .15s;white-space:nowrap}.btn-ghost:hover{color:var(--text);border-color:var(--muted)}.auth-form{max-width:380px}.auth-tabs{display:flex;gap:0;margin-bottom:32px;border-bottom:1px solid var(--border)}.auth-tabs button{background:none;border:none;border-bottom:1px solid transparent;border-radius:0;color:var(--muted);cursor:pointer;font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;height:unset;margin-bottom:-1px;min-width:unset;padding:8px 16px 10px;transition:color .15s}.auth-tabs button.active{border-bottom-color:var(--text);color:var(--text)}.auth-tabs button:hover:not(.active){color:var(--text)}.auth-hint{color:var(--muted);font-size:.8rem;margin-top:14px}.auth-confirm{max-width:380px}.auth-confirm h2{font-family:var(--serif);font-size:1.5rem;font-weight:700;margin-bottom:12px}.auth-confirm p{color:var(--muted)}@media (max-width: 780px){.layout{grid-template-columns:1fr;grid-template-rows:260px 1fr}.pane-right{position:relative;height:260px;order:-1;overflow:visible}.pane-right-media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.sheep-bubble{top:auto;bottom:-22px;font-size:.82rem;padding:10px 18px}.pane-left{padding:48px 24px 60px;max-width:100%}h1{font-size:2.2rem}}