.cc-page{touch-action:manipulation;padding-bottom:4rem}.cc-page *{-webkit-tap-highlight-color:transparent}.cc-page .tool-page__container{max-width:720px}.cc__screen{animation:.45s cubic-bezier(.16,1,.3,1) cc-in}@keyframes cc-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.cc__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#02aab0;margin:0 0 1rem;font-family:ui-monospace,Menlo,monospace;font-size:1.1rem}.cc__title{color:var(--text-primary);margin:0 0 1rem;font-family:Fraunces,Georgia,serif;font-size:clamp(2.8rem,8vw,4rem);font-weight:600;line-height:1.05}.cc__accent{background:linear-gradient(120deg,#02aab0,#00cdac);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cc__sub{color:var(--text-secondary);max-width:56ch;margin:0 0 2.4rem;font-size:1.55rem;line-height:1.6}.cc__btn{cursor:pointer;letter-spacing:.04em;border:1px solid var(--card-border);color:var(--text-primary);background:0 0;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;padding:.95rem 1.9rem;font-family:ui-monospace,Menlo,monospace;font-size:1.15rem;font-weight:600;transition:transform .2s,border-color .2s,box-shadow .2s;display:inline-flex}.cc__btn:hover{border-color:#02aab080;transform:translateY(-2px)}.cc__btn--primary{color:#04121a;background:linear-gradient(135deg,#02aab0,#00cdac);border-color:#0000;font-weight:700;box-shadow:0 10px 28px #02aab04d}.cc__back{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;margin-bottom:1.4rem;padding:0;font-family:ui-monospace,Menlo,monospace;font-size:1.15rem}.cc__back:hover{color:#02aab0}.cc__cases{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}@media (width<=40em){.cc__cases{grid-template-columns:1fr}}.cc-case{text-align:left;cursor:pointer;border:1px solid var(--card-border);background:var(--card-bg);animation:.5s cubic-bezier(.16,1,.3,1) both cc-in;animation-delay:calc(var(--i) * .1s);border-radius:16px;flex-direction:column;gap:.5rem;padding:1.6rem;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.cc-case:before{content:"";background:linear-gradient(#02aab0,#00cdac);width:3px;position:absolute;inset:0 auto 0 0}.cc-case:hover{border-color:#02aab066;transform:translateY(-4px);box-shadow:0 14px 40px #00000047}.cc-case__no{letter-spacing:.12em;color:#02aab0;font-family:ui-monospace,Menlo,monospace;font-size:1rem;font-weight:700}.cc-case__diff{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);border:1px solid var(--card-border);border-radius:50px;padding:.2rem .7rem;font-family:ui-monospace,Menlo,monospace;font-size:.9rem;position:absolute;top:1.6rem;right:1.6rem}.cc-case__title{color:var(--text-primary);font-family:Fraunces,Georgia,serif;font-size:2rem;font-weight:600;line-height:1.2}.cc-case__hook{color:var(--text-secondary);font-size:1.35rem;line-height:1.5}.cc-case__go{text-transform:uppercase;letter-spacing:.06em;color:#02aab0;margin-top:.4rem;font-family:ui-monospace,Menlo,monospace;font-size:1.1rem;font-weight:600}.cc__filehead{align-items:center;gap:.8rem;margin-bottom:.6rem;display:flex}.cc__fileno{letter-spacing:.1em;color:#02aab0;font-family:ui-monospace,Menlo,monospace;font-size:1.15rem;font-weight:700}.cc__diff{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);border:1px solid var(--card-border);border-radius:50px;padding:.2rem .7rem;font-family:ui-monospace,Menlo,monospace;font-size:.9rem}.cc__casetitle{color:var(--text-primary);margin:0 0 1.4rem;font-family:Fraunces,Georgia,serif;font-size:clamp(2.2rem,6vw,3rem);font-weight:600;line-height:1.1}.cc__brief{border:1px solid var(--card-border);background:var(--card-bg);border-left:3px solid #02aab0;border-radius:12px;margin-bottom:2.2rem;padding:1.3rem 1.5rem;position:relative}.cc__brief-tag{letter-spacing:.14em;color:#02aab0;margin-bottom:.5rem;font-family:ui-monospace,Menlo,monospace;font-size:.95rem;font-weight:700;display:block}.cc__brief p{color:var(--text-primary);margin:0;font-size:1.45rem;line-height:1.6}.cc__section{letter-spacing:.06em;text-transform:uppercase;color:var(--text-primary);flex-wrap:wrap;align-items:baseline;gap:.8rem;margin:0 0 1rem;font-family:ui-monospace,Menlo,monospace;font-size:1.25rem;font-weight:700;display:flex}.cc__hint{letter-spacing:.04em;text-transform:none;color:#02aab0;font-size:.95rem;font-weight:600}.cc__evidence{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;display:grid}@media (width<=40em){.cc__evidence{grid-template-columns:1fr}}.cc-ev{text-align:left;cursor:pointer;border:1px solid var(--card-border);background:var(--card-bg);animation:.5s cubic-bezier(.16,1,.3,1) both cc-in;animation-delay:calc(var(--i) * 80ms);border-radius:14px;gap:.4rem;padding:1.3rem;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid;position:relative;overflow:hidden}.cc-ev:hover{border-color:#02aab066;transform:translateY(-2px);box-shadow:0 8px 22px #00000029}.cc-ev.is-open{border-color:#02aab0;box-shadow:inset 0 0 0 1px #02aab0}.cc-ev__icon{font-size:1.9rem;line-height:1}.cc-ev__label{color:var(--text-primary);font-family:ui-monospace,Menlo,monospace;font-size:1.25rem;font-weight:700}.cc-ev__preview{color:var(--text-secondary);font-family:ui-monospace,Menlo,monospace;font-size:1.1rem}.cc-ev__detail{color:var(--text-primary);opacity:0;background:#0b1220;border-radius:8px;max-height:0;margin:0;padding:0 .9rem;font-family:ui-monospace,Menlo,monospace;font-size:1.1rem;line-height:1.6;transition:max-height .35s,opacity .35s,margin .35s;overflow:hidden}[data-theme=light] .cc-ev__detail{color:#e7ecf5;background:#0d1526}.cc-ev.is-open .cc-ev__detail{opacity:1;max-height:400px;margin:.5rem 0 .2rem;padding:.9rem}.cc-ev__tag{letter-spacing:.06em;text-transform:uppercase;color:#02aab0;font-family:ui-monospace,Menlo,monospace;font-size:.95rem;font-weight:600}.cc__progress{background:var(--card-border);border-radius:50px;height:6px;margin:0 0 1.4rem;overflow:hidden}.cc__progress-bar{background:linear-gradient(90deg,#02aab0,#00cdac);border-radius:50px;width:0;height:100%;transition:width .4s cubic-bezier(.16,1,.3,1)}.cc__qcount{color:#02aab0;margin:0 0 .8rem;font-family:ui-monospace,Menlo,monospace;font-size:1.2rem;font-weight:700}.cc__q{color:var(--text-primary);margin:0 0 1.6rem;font-family:Fraunces,Georgia,serif;font-size:clamp(2rem,5vw,2.6rem);font-weight:600;line-height:1.3}.cc__options{flex-direction:column;gap:.8rem;display:flex}.cc-opt{text-align:left;cursor:pointer;border:1px solid var(--card-border);background:var(--card-bg);width:100%;color:var(--text-primary);animation:.4s cubic-bezier(.16,1,.3,1) both cc-in;animation-delay:calc(var(--i) * 60ms);border-radius:14px;align-items:center;gap:1rem;padding:1.1rem 1.25rem;font-size:1.45rem;line-height:1.4;transition:transform .18s,border-color .2s,background .2s;display:flex}.cc-opt:not(.is-locked):hover{border-color:#02aab080;transform:translateY(-2px)}.cc-opt-key{color:#02aab0;background:#02aab016;border:1px solid #02aab033;border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;font-family:ui-monospace,Menlo,monospace;font-size:1.15rem;font-weight:700;display:grid}.cc-opt.is-locked{cursor:default}.cc-opt.is-correct{background:#0aa06e1f;border-color:#0aa06e}.cc-opt.is-correct .cc-opt-key{color:#fff;background:#0aa06e;border-color:#0000}.cc-opt.is-wrong{background:#ff6b6b1a;border-color:#ff6b6b}.cc-opt.is-wrong .cc-opt-key{color:#fff;background:#ff6b6b;border-color:#0000}.cc__feedback{border:1px solid var(--card-border);background:var(--card-bg);border-radius:14px;margin-top:1.6rem;padding:1.4rem 1.5rem;animation:.3s cc-in}.cc__feedback-verdict{margin:0 0 .5rem;font-family:ui-monospace,Menlo,monospace;font-size:1.4rem;font-weight:700}.cc__feedback-verdict.is-ok{color:#0aa06e}.cc__feedback-verdict.is-bad{color:#ff6b6b}.cc__feedback-explain{color:var(--text-secondary);margin:0 0 1.2rem;font-size:1.4rem;line-height:1.6}.cc__screen[data-screen=verdict]{text-align:center}.cc__stamp{letter-spacing:.1em;color:#ff6b6b;opacity:.9;border:4px solid #ff6b6b;border-radius:10px;margin:1rem 0 1.6rem;padding:.5rem 1.4rem;font-family:ui-monospace,Menlo,monospace;font-size:clamp(1.8rem,6vw,2.6rem);font-weight:800;display:inline-block}.cc__stamp.is-in{animation:.5s cubic-bezier(.34,1.56,.64,1) cc-stamp}@keyframes cc-stamp{0%{opacity:0;transform:scale(2.2)rotate(-18deg)}60%{opacity:1}to{opacity:.9;transform:scale(1)rotate(-7deg)}}.cc__stamp{transform:rotate(-7deg)}.cc__rank-label{letter-spacing:.12em;text-transform:uppercase;color:#02aab0;margin:0 0 .4rem;font-family:ui-monospace,Menlo,monospace;font-size:1.1rem}.cc__rank{color:var(--text-primary);margin:0 0 .3rem;font-family:Fraunces,Georgia,serif;font-size:clamp(2.4rem,7vw,3.4rem);font-weight:700;line-height:1.1}.cc__score{color:var(--text-secondary);margin:0 0 2rem;font-family:ui-monospace,Menlo,monospace;font-size:1.5rem}.cc__report{text-align:left;flex-direction:column;gap:.7rem;max-width:560px;margin:0 auto 2.4rem;display:flex}.cc-rep{border:1px solid var(--card-border);background:var(--card-bg);border-radius:12px;align-items:flex-start;gap:.9rem;padding:1rem 1.2rem;display:flex}.cc-rep__mark{flex-shrink:0;font-family:ui-monospace,Menlo,monospace;font-weight:800}.cc-rep.is-ok .cc-rep__mark{color:#0aa06e}.cc-rep.is-bad .cc-rep__mark{color:#ff6b6b}.cc-rep__body{color:var(--text-secondary);font-size:1.3rem;line-height:1.5}.cc-rep__body b{color:var(--text-primary);font-weight:600}.cc-rep__ans{color:#02aab0}.cc__controls{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}
