.psy-orakul {--paper:#f6f7f4;--card:#fff;--line:#e6e8e0;--ink:#2b3320;--text:#333333;--text2:#4a5464;
  --green:#445723;--green2:#3a4a1e;--accent:#6b7e49;--amber:#c47d16;--cta:#3b6cb5;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Raleway','Segoe UI',sans-serif;}
.psy-orakul * {box-sizing:border-box}
.psy-orakul {margin:0;padding:0}
.psy-orakul {color:var(--text);font-family:var(--sans);font-size:16px;display:flex;align-items:flex-start;justify-content:center;padding:0;-webkit-font-smoothing:antialiased}
.psy-orakul .stage {width:100%;max-width:640px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 30px rgba(41,65,3,.07);overflow:hidden}
.psy-orakul .head {padding:24px 30px 2px}
.psy-orakul .badge {display:inline-block;font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--accent);border-radius:20px;padding:4px 12px;margin-bottom:10px}
.psy-orakul .title {font-family:var(--serif);font-weight:600;font-size:33px;line-height:1.04;color:var(--green)}
.psy-orakul .subtitle {color:var(--text2);font-size:15px;line-height:1.5;margin-top:7px;max-width:560px;text-wrap:pretty}
.psy-orakul .toptag {color:#8a8f80;font-size:12px;font-style:italic;line-height:1.4;margin-top:10px}
.psy-orakul .pic-wrap {padding:14px 26px 0}
.psy-orakul .pic {position:relative;width:100%;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(41,65,3,.12),inset 0 0 0 1px rgba(41,65,3,.08);line-height:0;touch-action:manipulation}
.psy-orakul .pic img {display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.psy-orakul .pic svg {position:absolute;inset:0;width:100%;height:100%}
.psy-orakul .hot {fill:transparent;stroke:transparent;stroke-width:3;cursor:inherit;transition:fill .5s,stroke .5s,filter .5s}
.psy-orakul .hot.found {fill:rgba(196,125,22,.20);stroke:var(--amber);filter:drop-shadow(0 0 7px rgba(196,125,22,.6));animation:pulse .6s ease}
.psy-orakul .hot.first {fill:rgba(74,140,26,.20);stroke:var(--accent);filter:drop-shadow(0 0 7px rgba(74,140,26,.6))}
@keyframes pulse {
0% {stroke-width:1;opacity:.3}
60% {stroke-width:6;opacity:1}
100% {stroke-width:3}
}
.psy-orakul .bar {display:flex;align-items:center;gap:12px;padding:16px 30px 2px;flex-wrap:wrap}
.psy-orakul .count {font-family:var(--serif);font-size:22px;color:var(--green);font-weight:600}
.psy-orakul .chips {display:flex;gap:8px;flex-wrap:wrap;width:100%;margin-top:10px}
.psy-orakul .chip {font-size:13.5px;font-weight:600;border-radius:20px;padding:5px 13px;transition:background .3s,color .3s,border-color .3s,transform .2s}
.psy-orakul .chip.todo {color:var(--text2);background:#f2f3ed;border:1px dashed #cfd2c4}
.psy-orakul .chip.got {color:#8a6a1a;background:#fbf3e3;border:1px solid #ecdcbd;transform:scale(1.02)}
.psy-orakul .chip.got::before {content:"✓ ";color:var(--accent);font-weight:800}
@keyframes pop {
from {opacity:0;transform:scale(.7)}
to {opacity:1;transform:none}
}
.psy-orakul .instruct {color:var(--text2);font-size:16px;line-height:1.55;padding:6px 30px 14px;text-wrap:pretty}
.psy-orakul .instruct b {color:var(--text);font-weight:600}
.psy-orakul .solveWrap {padding:18px 30px 22px;text-align:center}
.psy-orakul .btn {font-weight:700;border:none;cursor:inherit;border-radius:11px;font-size:16px;transition:transform .12s,box-shadow .2s,background .2s}
.psy-orakul .btn-green {background:var(--green);color:#fff;text-transform:uppercase;letter-spacing:.05em;padding:15px 30px;box-shadow:0 8px 20px rgba(41,65,3,.22)}
.psy-orakul .btn-green:active {transform:scale(.97)}
.psy-orakul .btn-green[disabled] {opacity:.4;cursor:default;box-shadow:none}
.psy-orakul .res {display:none;padding:6px 30px 12px;animation:fade .5s ease both}
.psy-orakul .res.on {display:block}
@keyframes fade {
from {opacity:0;transform:translateY(8px)}
to {opacity:1;transform:none}
}
.psy-orakul .lbl {font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}
.psy-orakul .big {font-family:var(--serif);font-weight:600;font-size:33px;line-height:1.06;color:var(--green);margin:0 0 3px;text-transform:capitalize}
.psy-orakul .subfocus {font-family:var(--serif);font-weight:600;font-size:21px;line-height:1.2;color:var(--green2);margin:0 0 18px;text-wrap:pretty}
.psy-orakul .rline {font-size:16px;line-height:1.6;color:var(--text);margin:0 0 12px;text-wrap:pretty}
.psy-orakul .rline b {color:var(--green);font-weight:700}
.psy-orakul .rline:last-of-type {margin-bottom:18px}
.psy-orakul .missed {font-size:15px;line-height:1.55;color:var(--text2);border-left:3px solid #ecdcbd;padding:2px 0 2px 14px;margin:22px 0 8px;text-wrap:pretty}
.psy-orakul .cta {border-top:1px solid var(--line);padding-top:20px;margin-top:8px}
.psy-orakul .lead {font-size:17px;line-height:1.55;color:var(--text);margin:0 0 14px;text-wrap:pretty}
.psy-orakul .diagname {font-family:var(--serif);font-weight:600;font-size:24px;line-height:1.16;color:var(--cta);margin:0 0 16px;text-wrap:pretty}
.psy-orakul .diagname .k {display:block;font-family:var(--sans);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text2);margin-bottom:6px}
.psy-orakul .btn-cta {background:var(--cta);color:#fff;text-decoration:none;display:block;text-align:center;width:100%;box-shadow:0 8px 22px rgba(59,108,181,.32);border-radius:11px;font-weight:700;font-size:17px;padding:17px;animation:ctaPulse 2.4s ease-in-out infinite}
.psy-orakul .btn-cta:hover {background:#356099}
@keyframes ctaPulse {
0%,100% {box-shadow:0 8px 22px rgba(59,108,181,.32)}
50% {box-shadow:0 8px 30px rgba(59,108,181,.5)}
}
.psy-orakul .secondary {margin-top:14px}
.psy-orakul .disc {width:100%;text-align:left;background:transparent;border:1px solid var(--line);border-radius:10px;padding:12px 16px;font-size:14px;font-weight:600;color:var(--text2);cursor:inherit;transition:background .15s}
.psy-orakul .disc:hover {background:#f7f5ec}
.psy-orakul .disc.open {border-bottom-left-radius:0;border-bottom-right-radius:0}
.psy-orakul .remedy {border:1px solid var(--line);border-top:none;border-radius:0 0 10px 10px;padding:16px 18px;background:#fbfcfd}
.psy-orakul .rn {font-family:var(--serif);font-weight:600;font-size:22px;color:var(--green);line-height:1.12;margin-bottom:8px}
.psy-orakul .rd {font-size:15px;line-height:1.55;color:var(--text);margin-bottom:14px;text-wrap:pretty}
.psy-orakul .btn-sess {background:transparent;color:var(--cta);border:1px solid var(--cta);text-decoration:none;display:block;text-align:center;width:100%;border-radius:9px;font-weight:700;padding:12px}
.psy-orakul .btn-sess:hover {background:#eef4fc}
.psy-orakul .guar {font-size:13px;color:var(--text2);margin-top:10px;text-align:center}
.psy-orakul .guar b {color:var(--green2);font-weight:700}
.psy-orakul .actions {padding:18px 0 4px;text-align:center}
.psy-orakul .btn-ghost {background:transparent;color:var(--green2);border:1px solid var(--line);font-size:15px;font-weight:600;padding:12px 24px;border-radius:9px;cursor:inherit}
.psy-orakul .disclaimer {font-size:13px;color:var(--text2);line-height:1.5;padding:8px 30px 24px}
@media(max-width:460px) {
.psy-orakul .title {font-size:27px}
.psy-orakul .head, .psy-orakul .instruct, .psy-orakul .disclaimer, .psy-orakul .bar, .psy-orakul .solveWrap, .psy-orakul .res {padding-left:20px;padding-right:20px}
.psy-orakul .pic-wrap {padding-left:16px;padding-right:16px}
}

.psy-orakul #ov, .psy-orakul #img {cursor:crosshair}