.tc{--tc-paper:#f8f1e3;--tc-ink:#16181d;--tc-blue:#49b1f5;--tc-blue-deep:#1d6fa8;--u:min(1cqw, 1.5cqh);--fs:min(calc(var(--u) * 40), calc(var(--u) * 120 / var(--tl,3)));--disp:var(--font-disp,"Barlow Condensed"), "Arial Narrow", "PingFang SC", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;--mono:var(--font-mono,ui-monospace), ui-monospace, monospace;isolation:isolate;position:absolute;inset:0;overflow:hidden;container-type:size}.tc__art{transition:transform .5s cubic-bezier(.2,.7,.2,1);position:absolute;inset:-6px}.tc b,.tc small,.tc em{white-space:nowrap;font-style:normal;position:absolute}.tc b{font-family:var(--disp);letter-spacing:-.02em;font-weight:800;line-height:.85}.tc small{max-width:calc(var(--u) * 62);text-overflow:ellipsis;font:500 calc(var(--u) * 4.2) / 1.2 var(--mono);letter-spacing:.04em;overflow:hidden}.tc em{font-family:var(--disp);font-weight:800;font-size:calc(var(--u) * min(7, 29 / var(--bl,3)));letter-spacing:.02em;line-height:1}.tc:after{content:"";z-index:3;pointer-events:none;opacity:.22;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.45 0 0 0 0 0.4 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.tc:before{--curl:16px;content:"";z-index:4;width:var(--curl);height:var(--curl);clip-path:polygon(0 0,100% 0,0 100%);background:linear-gradient(135deg,#e9dcc3 0%,#fffaf0 48%,#00000047 50%,#0000 70%);transition:width .4s,height .4s;position:absolute;bottom:0;right:0;transform:rotate(180deg);box-shadow:-2px -2px 6px #00000040}.tc--hero:before{display:none}.tc-film{background:var(--tc-blue);color:var(--tc-ink)}.tc-film .sp{height:calc(var(--u) * 7);background:var(--tc-ink);position:absolute;left:0;right:0}.tc-film .sp:after{content:"";left:calc(var(--u) * 3);right:0;top:calc(var(--u) * 2);height:calc(var(--u) * 3);background:repeating-linear-gradient(90deg, var(--tc-paper) 0 calc(var(--u) * 3.6), transparent 0 calc(var(--u) * 7));border-radius:1px;position:absolute}.tc-film .sp.t{top:6px}.tc-film .sp.b{bottom:6px}.tc-film b{left:calc(var(--u) * 6);top:calc(var(--u) * 15);font-size:var(--fs);z-index:1}.tc-film small{left:calc(var(--u) * 6.5);bottom:calc(var(--u) * 11)}.tc-film em{right:calc(var(--u) * 6);bottom:calc(var(--u) * 11)}.tc-film .ring{right:calc(var(--u) * -10);top:calc(var(--u) * 12);width:calc(var(--u) * 42);height:calc(var(--u) * 42);border:calc(var(--u) * 1.8) solid var(--tc-ink);opacity:.85;border-radius:50%;position:absolute}.tc-film .ring:after{content:"";inset:calc(var(--u) * 12);background:var(--tc-ink);border-radius:50%;position:absolute}.tc-ink{background:var(--tc-ink);color:var(--tc-paper)}.tc-ink:after{mix-blend-mode:screen;opacity:.12}.tc-ink b{left:calc(var(--u) * 5);bottom:calc(var(--u) * 3);font-size:calc(var(--fs) * 1.1);letter-spacing:-.03em}.tc-ink small{left:calc(var(--u) * 7);top:calc(var(--u) * 7);font-size:calc(var(--u) * 4.6);color:var(--tc-blue)}.tc-ink em{right:calc(var(--u) * 7);top:calc(var(--u) * 21);color:#f8f1e3b3}.tc-ink .lens{right:calc(var(--u) * 7);top:calc(var(--u) * 6);width:calc(var(--u) * 11);height:calc(var(--u) * 11);background:var(--tc-blue);box-shadow:0 0 calc(var(--u) * 6) #49b1f573;border-radius:50%;position:absolute}.tc-grid{background-color:var(--tc-paper);background-image:repeating-linear-gradient(0deg, #16181d17 0 1px, transparent 1px calc(var(--u) * 8.25)), repeating-linear-gradient(90deg, #16181d17 0 1px, transparent 1px calc(var(--u) * 8.25));color:var(--tc-ink)}.tc-grid b{left:calc(var(--u) * 5);top:calc(var(--u) * 9);font-size:var(--fs);letter-spacing:-.03em}.tc-grid small{left:calc(var(--u) * 6);bottom:calc(var(--u) * 7);max-width:calc(var(--u) * 52)}.tc-grid em{right:calc(var(--u) * 6);bottom:calc(var(--u) * 5);width:calc(var(--u) * 22);height:calc(var(--u) * 22);background:var(--tc-blue);color:var(--tc-ink);box-shadow:inset 0 0 0 calc(var(--u) * .8) #16181dd9;border-radius:50%;place-items:center;display:grid;transform:rotate(-12deg)}.tc-ring{background:var(--tc-ink);color:var(--tc-paper)}.tc-ring:after{mix-blend-mode:screen;opacity:.12}.tc-ring .o{left:calc(var(--u) * 34);top:calc(var(--u) * 7);width:calc(var(--u) * 52);height:calc(var(--u) * 52);border:calc(var(--u) * 9) solid var(--tc-blue);border-radius:50%;position:absolute}.tc-ring b{left:calc(var(--u) * 6);top:calc(var(--u) * 6);font-size:calc(var(--fs) * .6);z-index:1;line-height:1}.tc-ring small{left:calc(var(--u) * 6);bottom:calc(var(--u) * 6);max-width:calc(var(--u) * 44);z-index:1}.tc-ring em{right:calc(var(--u) * 6);bottom:calc(var(--u) * 5);z-index:1}.tc--hero{--u:min(.8cqw, 1.25cqh)}.tc--hero .tc__art{inset:0}.tc--hero small{display:none}@media (prefers-color-scheme:dark){:root:not(.light) .tc{filter:brightness(.92)}}:root.dark .tc{filter:brightness(.92)}@media (prefers-reduced-motion:reduce){.tc__art,.tc:before{transition:none}}