.probation-notice{--probation-ink:var(--site-accent);--probation-hand:"Segoe Print", "Bradley Hand", "Comic Sans MS", cursive;border:1px solid var(--site-border);border-radius:var(--site-radius);background:radial-gradient(80% 60% at 100% 0%, #6b83ee1a, transparent 65%), var(--site-surface);width:min(660px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--site-text);font:400 14px/1.65 var(--font-geist-sans), sans-serif;margin:auto;padding:28px 32px 24px;overflow-y:auto}.probation-notice::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05070bdb}.probation-notice :is(h2,h3,p){margin:0}.probation-burak{align-items:flex-start;gap:12px;display:flex}.probation-burak>img{object-fit:cover;border:1px solid #8da4ff40;border-radius:50%;flex:0 0 44px;width:44px;height:44px}.probation-burak-bubble{border:1px solid var(--site-border);background:var(--site-raised);border-radius:4px 14px 14px;min-width:0;min-height:52px;padding:9px 14px 10px}.probation-burak-bubble b{color:var(--site-muted);font-size:12px;font-weight:550;display:block}.probation-burak-bubble p{color:var(--site-text);margin-top:3px;font-size:13px;line-height:1.6}.probation-typing{align-items:center;gap:4px;min-height:24px;display:flex}.probation-typing i{background:var(--probation-ink);border-radius:50%;width:5px;height:5px;animation:.9s infinite alternate probation-dot}.probation-typing i:nth-child(2){animation-delay:.15s}.probation-typing i:nth-child(3){animation-delay:.3s}.probation-sheet{opacity:0;margin-top:22px}.probation-sheet.is-open{animation:.6s ease-out both probation-write}.probation-eyebrow{color:var(--site-muted);font:500 12px/1.4 var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;display:flex}.probation-eyebrow svg{width:14px;height:14px;color:var(--probation-ink)}.probation-sheet h2{letter-spacing:-.03em;margin-top:10px;font-size:26px;font-weight:650;line-height:1.25}.probation-sheet>p{color:var(--site-muted);margin-top:8px}.probation-underline{width:min(220px,60%);height:12px;margin-top:10px;display:block}.probation-summary{border-radius:var(--site-radius);background:#ffffff03;border:1px dashed #ffffff1f;margin-top:20px;padding:16px 18px 14px;transition:border-color .5s,background .5s}.probation-summary>*{opacity:0}.probation-summary.is-shown{border-style:solid;border-color:var(--site-border);background:#0a0d1373}.probation-summary.is-shown>*{animation:.6s ease-out both probation-write}.probation-summary.is-shown>dl{animation-delay:.2s}.probation-summary>header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;display:flex}.probation-summary h3{font-size:14px;font-weight:600}.probation-summary>header>span{color:var(--site-muted);font-size:12px}.probation-summary dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 0;display:grid}.probation-summary dl>div{border:1px solid var(--site-border);border-radius:var(--site-radius);background:var(--site-surface);min-width:0;padding:9px 11px}.probation-summary dt{color:var(--site-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.probation-summary dd{color:#eef1f8;letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;margin:2px 0 0;font-size:19px;font-weight:650;display:flex;overflow:hidden}.probation-summary dd small{color:var(--site-muted);font-size:12px;font-weight:400}.probation-summary dl>.is-up dd{color:#94d6b8}.probation-summary dd svg{flex:none;width:16px;height:16px}.probation-take{margin-top:12px}.probation-take>span{color:var(--probation-ink);font:400 15px/1.3 var(--probation-hand);align-items:center;gap:7px;display:flex}.probation-take>span svg{width:14px;height:14px}.probation-take ul{gap:4px;margin:6px 0 0;padding:0;list-style:none;display:grid}.probation-take li{color:#d7dceb;min-height:22px;padding-left:16px;font-size:13px;line-height:1.55;position:relative}.probation-take li:before{content:"";background:var(--probation-ink);opacity:0;border-radius:50%;width:6px;height:6px;transition:opacity .3s;position:absolute;top:9px;left:2px}.probation-take li>span{opacity:0;display:block}.probation-take li:not(.is-shown):after{content:"";background:repeating-linear-gradient(90deg,#ffffff14 0 7px,#0000 7px 12px);border-radius:4px;width:64%;height:7px;position:absolute;top:8px;left:16px}.probation-take li.is-shown:before{opacity:.8}.probation-take li.is-shown>span{animation:.7s ease-out both probation-write}.probation-steps-title{color:var(--site-muted);font:500 12px/1.4 var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase;margin-top:20px!important}.probation-steps{gap:6px;margin:12px 0 0;padding:0;list-style:none;display:grid}.probation-steps li{grid-template-columns:48px minmax(0,1fr);gap:16px;min-height:76px;padding-bottom:8px;display:grid;position:relative}.probation-steps li>div{position:relative}.probation-steps li>div>*{opacity:0}.probation-steps li:not(.is-shown)>div:before,.probation-steps li:not(.is-shown)>div:after{content:"";background:repeating-linear-gradient(90deg,#ffffff14 0 7px,#0000 7px 12px);border-radius:4px;height:7px;position:absolute;left:0}.probation-steps li:not(.is-shown)>div:before{width:34%;top:11px}.probation-steps li:not(.is-shown)>div:after{width:70%;top:35px}.probation-steps li.is-shown>div>*{animation:.65s ease-out .15s both probation-write}.probation-steps li.is-shown>div>p{animation-delay:.35s}.probation-ticket{color:#e2c48c;vertical-align:2px;white-space:nowrap;border:1px solid #dbb87959;border-radius:999px;align-items:center;gap:5px;margin-left:10px;padding:1px 8px;font-size:12px;font-weight:500;display:inline-flex}.probation-ticket svg{width:12px;height:12px}.probation-ticket:not(.is-found) svg{animation:1.6s linear infinite probation-spin}.probation-ticket.is-found{color:#94d6b8;border-color:#71cea459}.probation-discord{border-radius:0 var(--site-radius) var(--site-radius) 0;background:#211e19;border-left:2px solid #dbb879;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:10px;padding:10px 12px;display:flex}.probation-discord>span{color:#e2d3b6;flex:220px;font-size:13px}.probation-discord>a{border-radius:var(--site-radius);color:#fff;background:#5865f2;border:1px solid #5865f2;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.probation-discord>a:hover{background:#6d78f5}.probation-discord>a svg{width:14px;height:14px}.probation-marker{width:48px;height:48px;color:var(--probation-ink);place-items:center;display:grid;position:relative}.probation-marker:before{content:"";border:1px dashed #ffffff21;border-radius:50%;transition:opacity .4s;position:absolute;inset:7px}.probation-steps li.is-shown .probation-marker:before{opacity:0}.probation-marker>svg:first-child{opacity:0;width:18px;height:18px;transition:opacity .4s .35s}.probation-steps li.is-shown .probation-marker>svg:first-child{opacity:1}.probation-marker>svg:last-child{width:48px;height:48px;position:absolute;inset:0;overflow:visible}.probation-connector{width:12px;height:calc(100% - 46px);position:absolute;top:50px;left:18px;overflow:visible}.probation-steps h3{letter-spacing:-.01em;padding-top:4px;font-size:15px;font-weight:600}.probation-steps p{color:var(--site-muted);margin-top:3px;font-size:13px}.probation-stroke{stroke:var(--probation-ink);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px}.probation-sheet.is-open .probation-underline .probation-stroke{opacity:.55;animation:.7s ease-out .35s forwards probation-draw}.probation-steps li.is-shown .probation-marker .probation-stroke{animation:.8s ease-out .1s forwards probation-draw}.probation-steps li.is-shown .probation-connector .probation-stroke{opacity:.4;stroke-width:1.3px;animation:1.2s ease-in-out .7s forwards probation-draw}.probation-hint{color:var(--site-muted);opacity:0;margin-top:12px;font-size:12px;transition:opacity .5s}.probation-hint.is-shown{opacity:1}.probation-signature{color:var(--probation-ink);font:400 22px/1.2 var(--probation-hand);opacity:0;flex-direction:column;align-items:flex-end;margin-top:4px;display:flex}.probation-signature span{transform:rotate(-4deg)}.probation-signature svg{width:96px;height:12px}.probation-signature.is-shown{animation:.6s ease-out both probation-write}.probation-signature.is-shown .probation-stroke{opacity:.6;animation:.6s ease-out .35s forwards probation-draw}.probation-error{color:#f0c3c9;margin-top:12px;font-size:13px}.probation-notice footer{z-index:1;background:var(--site-surface);flex-wrap:wrap;gap:10px;margin:16px -32px -24px;padding:14px 32px 24px;display:flex;position:sticky;bottom:-24px}.probation-notice footer button{border:1px solid var(--site-border);border-radius:var(--site-radius);background:var(--site-raised);min-height:46px;color:var(--site-text);font:600 13px/1.4 var(--font-geist-sans), sans-serif;cursor:pointer;flex:200px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;display:inline-flex;position:relative;overflow:hidden}.probation-notice footer button:hover:not(:disabled){background:#1f2533;border-color:#8da4ff59}.probation-notice footer button.is-primary{border-color:var(--site-primary);background:var(--site-primary);color:#fff}.probation-notice footer button.is-primary:hover:not(:disabled){background:#7e96ff}.probation-notice footer button.is-reading{color:#c9d3ff;cursor:not-allowed;background:#6b83ee1f;border-color:#6b83ee73}.probation-notice footer button>i{background:#6b83ee47;width:0;position:absolute;inset:0 auto 0 0}.probation-notice footer button.is-reading>i{animation:probation-fill var(--probation-read) linear forwards}.probation-notice footer button.is-waiting{color:#e2c48c;cursor:not-allowed;background:#211e19;border-color:#dbb87959}.probation-notice footer button.is-waiting svg{animation:1.6s linear infinite probation-spin}.probation-notice footer button>:not(i){position:relative}.probation-notice footer button:disabled:not(.is-reading,.is-waiting){opacity:.6;cursor:progress}.probation-notice footer button:focus-visible{outline:2px solid var(--site-accent);outline-offset:3px}.probation-notice footer svg{flex:none;width:18px;height:18px}.probation-read-first{color:var(--site-muted);text-align:center;flex-basis:100%;font-size:12px}@keyframes probation-dot{0%{opacity:.35;transform:translateY(1px)}to{opacity:1;transform:translateY(-2px)}}@keyframes probation-draw{to{stroke-dashoffset:0}}@keyframes probation-write{0%{opacity:0;clip-path:inset(0 100% 0 -20px);transform:translateY(5px)}to{opacity:1;clip-path:inset(-20px);transform:none}}@keyframes probation-fill{to{width:100%}}@keyframes probation-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.probation-typing i,.probation-notice footer button.is-reading>i,.probation-ticket:not(.is-found) svg,.probation-notice footer button.is-waiting svg{animation:none}.probation-notice :is(.probation-sheet.is-open,.probation-steps li.is-shown>div>*,.probation-summary.is-shown>*,.probation-take li.is-shown>span,.probation-signature.is-shown){opacity:1;animation:none}.probation-marker:before,.probation-marker>svg:first-child{transition:none}.probation-notice :is(.probation-sheet.is-open,.probation-steps li.is-shown,.probation-signature.is-shown) .probation-stroke{stroke-dashoffset:0;animation:none}}@media (max-width:480px){.probation-notice{padding:22px 18px 18px}.probation-sheet h2{font-size:22px}.probation-summary{padding:14px 12px 12px}.probation-summary dl{grid-template-columns:repeat(2,minmax(0,1fr))}.probation-ticket{margin:4px 0 0}.probation-steps h3{flex-wrap:wrap;align-items:center;display:flex}.probation-steps li{grid-template-columns:40px minmax(0,1fr);gap:12px}.probation-marker,.probation-marker>svg:last-child{width:40px;height:40px}.probation-connector{height:calc(100% - 38px);top:42px;left:14px}.probation-notice footer{flex-direction:column;margin:12px -18px -18px;padding:12px 18px 18px;bottom:-18px;box-shadow:0 -12px 18px -12px #0000008c}.probation-notice footer :is(button,.probation-read-first){flex-basis:auto}}
