/* TAKESHI-TOOLS V4 - SILVER CURRENT
   Visual layer only. Does not modify authentication, CSRF, or data handling. */
:root{
  color-scheme:dark;--bg:#06080d;--panel:#0d1118;--panel2:#111722;
  --border:rgba(190,199,216,.19);--text:#f3f5fa;--muted:#a0a8b8;
  --faint:#7d879b;--aqua:#dbe2ed;--purple:#a7b4c8;
  --green:#8ce2b5;--danger:#f2959b;--shadow:0 28px 90px rgba(0,0,0,.46);
  --silver:linear-gradient(113deg,#7a8597 1%,#d4dae5 21%,#fff 38%,#a3adbf 57%,#f8fafc 74%,#748094 100%);
  --edge:linear-gradient(135deg,rgba(255,255,255,.39),rgba(196,209,229,.10) 37%,rgba(176,193,218,.20) 74%,rgba(255,255,255,.35));
}
html{background:#06080d}
body{background:radial-gradient(ellipse 65% 30% at 81% 5%,rgba(115,129,159,.095),transparent 75%),radial-gradient(ellipse 65% 50% at 5% 80%,rgba(78,90,119,.07),transparent 80%),#06080d;color:#f2f4f8;font-family:Manrope,'Segoe UI',sans-serif}
body::before{opacity:.6;background-image:radial-gradient(circle at center,rgba(234,240,250,.095) .7px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(180deg,black,transparent 93%)}
body::after{background-image:linear-gradient(90deg,transparent 99%,rgba(178,191,219,.055) 100%),linear-gradient(transparent 99%,rgba(178,191,219,.045) 100%);background-size:96px 96px;opacity:.37}
.ambient{display:block;inset:-25vh -25vw;opacity:.9;background:radial-gradient(ellipse 27% 29% at 15% 24%,rgba(153,170,200,.12),transparent 88%),radial-gradient(ellipse 27% 31% at 89% 35%,rgba(95,109,145,.22),transparent 89%),radial-gradient(ellipse 24% 27% at 50% 85%,rgba(113,126,152,.11),transparent 88%);animation:silverAmbient 17s ease-in-out infinite alternate}
@keyframes silverAmbient{0%{transform:translate3d(-2%,1%,0) rotate(-3deg)}100%{transform:translate3d(3%,-3%,0) rotate(3deg)}}
#particles{opacity:.5}
::selection{background:#dae0e8;color:#090b10}
.container,.frame-width{width:min(1200px,calc(100% - 58px));margin-inline:auto}
/* Suspended glass navigation */
.site-header{position:sticky;top:0;z-index:25;height:auto;min-height:96px;padding:13px 0;background:linear-gradient(to bottom,rgba(5,8,14,.83),rgba(5,8,14,.16));border:0;backdrop-filter:none}
.site-header .nav{width:min(1340px,calc(100% - 34px));max-width:1340px;min-height:67px;height:auto;margin:auto;padding:9px 15px;display:flex;align-items:center;gap:18px;border-radius:22px;border:1px solid rgba(217,227,244,.19);background:linear-gradient(110deg,rgba(24,29,40,.93),rgba(12,16,24,.93) 58%,rgba(27,32,43,.92));box-shadow:0 17px 50px #0008,inset 0 1px rgba(255,255,255,.09);backdrop-filter:blur(28px);position:relative;overflow:visible}
.site-header .nav:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(112deg,transparent 20%,rgba(255,255,255,.047) 34%,transparent 56%);background-size:230% 100%;animation:headerGlide 11s linear infinite}
@keyframes headerGlide{to{background-position:-230% 0}}
.brand{position:relative;z-index:1;gap:12px;min-width:225px}.brand-symbol{height:43px;width:43px;border-radius:15px;border:1px solid #a4adbd;background:linear-gradient(135deg,#e3e8f1,#5c6779 47%,#11151f 48%,#303a4b);box-shadow:inset 0 1px #ffffff70,0 4px 23px #c5d4f51c;color:#fff;font:800 21px 'Space Grotesk',sans-serif}.brand-symbol-corner{position:absolute;right:-4px;bottom:-4px;color:#111827;background:#e2e6ef;border-radius:6px;font:800 9px monospace;padding:3px 4px}.brand-name{font:800 10px/1.3 Manrope,sans-serif;letter-spacing:.18em;color:#e9eef8;white-space:nowrap}.brand-sep{color:#6a788d}
.nav-links{z-index:1;display:flex;align-items:center;gap:4px;height:auto}.nav-link,.nav-admin{padding:11px 13px;display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:12px;color:#a5adbb;font:800 10px/1.3 Manrope,sans-serif;letter-spacing:.04em;transition:background .25s,border-color .25s,color .25s,box-shadow .25s}.nav-glyph{font-size:15px;margin:0;color:#9ca7b8}.nav-link:hover,.nav-admin:hover{background:#d1d9ec16;color:#fff;border-color:#ced6e533}.nav-link.active{background:linear-gradient(120deg,#f9fafc,#9fa9bb);color:#11141a;border-color:#dde3ec;box-shadow:0 4px 18px #bec8da25}.nav-link.active .nav-glyph{color:#202734}
.header-identity{position:relative;z-index:1;display:flex;align-items:center;gap:7px;min-width:unset}.header-clock{display:none!important}.identity-action{border-radius:13px;padding:11px 15px;border:1px solid rgba(198,210,232,.28);background:rgba(211,223,245,.075);font:800 10px/1.25 Manrope,sans-serif;color:#ecf0f9;letter-spacing:.03em;max-width:250px;overflow:hidden;text-overflow:ellipsis}.identity-action:hover{border-color:#dfe7f7;background:#ecf0f9;color:#131821}
/* Top hero: soft rounded alloy frame rather than terminal layout */
.dossier-home{padding:14px 0 90px;min-height:calc(100vh - 180px)}
.dossier-hero{position:relative;isolation:isolate;min-height:325px;padding:45px 47px 40px;border-radius:30px;border:1px solid rgba(223,232,248,.22);overflow:hidden;background:linear-gradient(107deg,rgba(25,30,40,.90),rgba(10,14,22,.94) 56%,rgba(32,39,53,.89));box-shadow:0 30px 90px #0008,inset 0 1px rgba(255,255,255,.12)}
.dossier-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 83% 45%,rgba(198,210,234,.24),transparent 26%),linear-gradient(115deg,transparent 45%,rgba(248,250,255,.057) 56%,transparent 71%);background-size:100% 100%,225% 100%;animation:heroSweep 12s linear infinite;pointer-events:none}
@keyframes heroSweep{to{background-position:0 0,-225% 0}}
.dossier-hero:after{content:"";position:absolute;z-index:-1;right:5%;top:13%;height:225px;width:225px;border-radius:50%;border:1px solid rgba(246,250,255,.28);background:radial-gradient(circle at 42% 32%,rgba(247,250,255,.14),transparent 48%);box-shadow:0 0 0 23px rgba(205,216,236,.035),0 0 0 47px rgba(207,216,234,.024),0 0 80px rgba(224,232,249,.13),inset 0 0 45px rgba(196,208,229,.09);animation:orbFloat 9s ease-in-out infinite alternate;pointer-events:none}
@keyframes orbFloat{to{transform:translate3d(-14px,9px,0) scale(1.05)}}
.meta-outline{display:inline-flex;align-items:center;gap:5px;padding:8px 13px;border-radius:30px;background:rgba(215,222,238,.08);border:1px solid rgba(222,231,249,.22);color:#c3cbd9;letter-spacing:.12em;font:800 9px Manrope,sans-serif;text-transform:uppercase}
.dossier-hero h1{max-width:720px;margin:19px 0 16px;font:900 clamp(41px,5.3vw,69px)/1.06 'Space Grotesk',Manrope,sans-serif;letter-spacing:-.065em;color:#fff}
.hero-metal{display:inline-block;white-space:normal;background:var(--silver);background-size:220% 100%;color:transparent;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;animation:silverShimmer 7s linear infinite}
@keyframes silverShimmer{0%{background-position:100% 0}100%{background-position:-120% 0}}
.headline-mark{color:#94a0b5}.dossier-hero p{max-width:595px;color:#b6bfcd;font-size:13px;line-height:1.8;margin:0 0 24px}
.archive-strip{display:flex;align-items:center;gap:12px;min-height:auto;padding-top:14px;max-width:650px;border-top:1px solid rgba(218,227,245,.18);font:800 9px/1.5 Manrope,sans-serif;letter-spacing:.09em;color:#8692a6}.archive-strip b{color:#e7edf8}.archive-strip i{color:#697588}
/* Form cards and filters */
.catalog{padding-top:35px}.section-caption{display:flex;align-items:center;gap:10px;margin-bottom:19px;color:#95a2b7;font:800 10px Manrope,sans-serif;letter-spacing:.18em}.section-caption-dot{height:8px;width:8px;background:#d5dfeb;border-radius:50%;box-shadow:0 0 0 4px #d5dfeb13,0 0 16px #cad9ec85}.section-caption-line{height:1px;background:linear-gradient(90deg,#65748b4d,transparent);flex:1}
.catalog-tabs{display:flex;gap:9px;margin-bottom:21px}.catalog-filter{padding:10px 20px;border-radius:999px;border:1px solid rgba(212,223,243,.18);background:rgba(18,24,34,.78);color:#a5afbf;font:800 11px Manrope,sans-serif;letter-spacing:.01em;transition:transform .22s,border .22s,background .22s,color .22s}.catalog-filter:hover{transform:translateY(-2px);color:#fff;border-color:#adbbd2}.catalog-filter.active{color:#10151c;border-color:#dce4ef;background:linear-gradient(115deg,#f7f8fc,#9daabd);box-shadow:0 9px 28px #c7d0e525}
.forms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.form-dossier{min-height:244px;padding:27px 30px 23px;border-radius:24px;border:1px solid rgba(208,219,238,.17);background:linear-gradient(145deg,rgba(24,31,44,.89),rgba(12,17,25,.97) 75%);box-shadow:0 18px 50px #0006,inset 0 1px rgba(250,252,255,.065);position:relative;isolation:isolate;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}
.form-dossier:before{content:"";position:absolute;inset:0;z-index:-1;height:auto;width:auto;opacity:1;border:0;background:radial-gradient(260px circle at var(--pointer-x,25%) var(--pointer-y,10%),rgba(234,240,251,.17),transparent 79%);transition:opacity .4s;pointer-events:none}
.form-dossier:after{content:"";position:absolute;inset:0;z-index:-1;height:auto;width:auto;opacity:.45;border:0;background:linear-gradient(119deg,transparent 14%,rgba(250,251,255,.095) 32%,transparent 43%);background-size:300% 100%;background-position:100% 0;pointer-events:none;transition:opacity .3s}
.form-dossier:hover{transform:translateY(-7px);border-color:rgba(235,240,250,.58);background:linear-gradient(145deg,rgba(32,39,54,.97),rgba(14,20,31,.99) 75%);box-shadow:0 28px 77px #000a,0 0 35px rgba(196,214,245,.09),inset 0 1px rgba(255,255,255,.12)}
.form-dossier:hover:after{opacity:1;animation:cardSweep 1.2s ease}
@keyframes cardSweep{from{background-position:100% 0}to{background-position:-100% 0}}
.dossier-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid rgba(229,235,248,.095);font:800 10px Manrope,sans-serif;letter-spacing:.08em}.dossier-top strong{color:#f0f4fc}.dossier-top span{color:#8490a4;font:800 9px Manrope,sans-serif}
.dossier-middle{gap:18px;min-height:119px}.square-icon{height:58px;width:58px;border:1px solid rgba(223,232,246,.25);border-radius:18px;background:linear-gradient(140deg,rgba(224,233,247,.18),rgba(40,49,67,.12));font:800 30px 'Space Grotesk';color:#e6edf8;box-shadow:inset 0 1px rgba(255,255,255,.08)}.form-dossier:hover .square-icon{border-color:#e4eaf5;transform:rotate(-4deg) scale(1.06);box-shadow:0 0 31px #d8e7f21f}.dossier-middle h2{font:800 19px/1.28 'Space Grotesk',sans-serif;letter-spacing:-.035em;margin-bottom:7px}.dossier-middle p{max-width:330px;color:#9ca7bb;font-size:12px;line-height:1.7}
.dossier-bottom{padding-top:17px;border-top:1px solid rgba(224,233,248,.11);color:#bbc5d4;font:800 10px Manrope,sans-serif;letter-spacing:.07em}.dossier-bottom .card-arrow{display:grid;place-items:center;height:28px;width:28px;border:1px solid #adb9cc55;border-radius:50%;color:#f5f8fd;font-size:16px}.form-dossier:hover .card-arrow{transform:translateX(5px);border-color:#edf2fb;background:#f5f7fb1c}
.filter-empty{border-radius:20px;border:1px solid #dce5f12a;background:#101720;color:#abb7c9}
.catalog-explainer{margin-top:29px;padding:29px 31px;border:1px solid #bec9df30;border-radius:22px;background:linear-gradient(100deg,#141b27d1,#0c1119d9);display:flex;justify-content:space-between}.catalog-explainer .micro{color:#d7deed;font:800 10px Manrope,sans-serif;letter-spacing:.08em}.catalog-explainer h3{font:800 19px 'Space Grotesk';color:#f2f4f9}.explainer-items{font:700 11px Manrope,sans-serif;color:#aeb9c9}.explainer-items b{color:#fff}
/* Form, profile, placeholders, dashboard */
.page-hero{padding:31px 0 27px}.breadcrumb{font:700 11px Manrope,sans-serif;letter-spacing:0}.page-hero h1{font:800 clamp(33px,4.4vw,53px)/1.11 'Space Grotesk';color:white}.page-hero .gradient-text{background:var(--silver);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:silverShimmer 8s linear infinite}.page-hero p{color:#a8b4c8;font-size:13px}
.surface,.form-card,.side-card,.placeholder-panel,.login-box,.account-card{border-radius:25px;border:1px solid rgba(213,223,242,.19);background:linear-gradient(140deg,rgba(24,30,42,.95),rgba(12,17,26,.96));box-shadow:0 23px 75px #0008,inset 0 1px #ffffff0b}
.form-card{padding:33px}.side-card{padding:23px}.panel-heading h2{font-size:20px}.panel-heading-icon,.stat-icon,.login-emblem,.placeholder-mark{border-radius:17px;background:linear-gradient(135deg,rgba(222,233,249,.19),rgba(97,115,148,.07));border:1px solid #d0deef35;color:#f4f7ff}.panel-heading-icon svg,.side-title svg,.placeholder-mark svg{color:#d5dfec}
.field label{color:#dce4f1}.control{background:rgba(5,8,14,.59);border:1px solid rgba(193,205,226,.23);border-radius:13px;color:#f8fafd;transition:border-color .22s,background .22s,box-shadow .22s}.control::placeholder{color:#778397}.control:focus{border-color:#d5e1f3;background:#141b28;box-shadow:0 0 0 4px #d9e5f112,0 0 35px #bcd3f319}.field-note,.hint,.small.muted{color:#96a4bb}.form-rule{background:linear-gradient(90deg,transparent,#b7c5d643,transparent)}
.button-primary,.mono-button{border:1px solid #e5eaf4!important;border-radius:14px;background:linear-gradient(116deg,#fbfdff,#bdc7d9 52%,#f0f4fb 100%)!important;background-size:180% 100%!important;color:#111925!important;box-shadow:0 7px 25px #cbd7ee2d,inset 0 1px #ffffffcb!important;font:800 11px Manrope,sans-serif;letter-spacing:.02em;transition:background-position .45s,box-shadow .25s,transform .25s,border-color .25s}.button-primary:hover,.mono-button:hover{transform:translateY(-3px);background-position:100% 0;box-shadow:0 12px 31px #c9d7f04a!important}.button-primary svg{color:#111925}.button-ghost,.mono-button.secondary{border:1px solid #cad5e344!important;border-radius:13px;background:#ffffff09!important;color:#e4edf9!important;font:800 11px Manrope,sans-serif}.button-ghost:hover{background:#e0eaf118!important;border-color:#d6e3fa9e!important}
.notice,.verified-discord{border-radius:15px;border:1px solid #c5d2e94a;background:rgba(185,200,225,.085);color:#ced8e6}.notice.danger{border-color:#bb6876;background:#3b1e2b5c;color:#ffd6df}.verified-discord{font:700 11px Manrope,sans-serif;color:#c8f0d9;border-color:#7baa8b75;background:#33614924}.side-title{color:#f0f3fa}.link-back{color:#e4edf7}
.tab,.tab.active,.app-row,.app-num,.pill,.stat,.modal,.detail,.modal-close,.toast,.discord-avatar{border-radius:14px}.tab{border:1px solid #d3dff51c;background:#101725;color:#aab6c9;font:800 11px Manrope,sans-serif}.tab.active{border-color:#c9d6e9;color:#0d121c;background:linear-gradient(120deg,#fff,#9caabe)}.pill{border-radius:999px}.modal{background:linear-gradient(145deg,#1d2636,#0d121d);border:1px solid #d9e2f24a;box-shadow:0 35px 100px #000b}.detail{background:#060a12a8;border:1px solid #c5d6ec24}.radio-option input{accent-color:#d9e4f1}.modal-close{background:#c7d5e711;border:1px solid #d2deec33}
.account-wrap{padding-bottom:90px}.account-wrap .page-hero h1{font:900 clamp(33px,5.4vw,62px) 'Space Grotesk'}.account-card{padding:31px}.account-label{font:800 10px Manrope,sans-serif;color:#aab8cc}.discord-avatar{border-radius:18px}.account-row h2{color:#f4f6fa}.profile-hint{color:#9fadc2}.mono-button{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:11px 18px}.history-row{border-color:#dee8f622}.history-row .profile-state{color:#d0d8e6}
.placeholder-wrap{min-height:65vh}.placeholder-panel{padding:50px;max-width:710px}.placeholder-mark{border-radius:22px}
/* Footer */
.site-footer{background:transparent;border:0;padding:12px 0 28px;color:#8795aa}.footer-row{padding:18px 22px;background:#101621a6;border:1px solid #d1dff12a;border-radius:18px;font:700 10px Manrope,sans-serif;letter-spacing:.04em}.footer-side .light{background:#d5e0f1;box-shadow:0 0 13px #d3dfee}
.fade-up{animation:silverRise .72s cubic-bezier(.2,.74,.2,1) both}@keyframes silverRise{0%{opacity:0;transform:translate3d(0,17px,0);filter:blur(5px)}100%{opacity:1;transform:none;filter:blur(0)}}
.leaving{opacity:0;filter:blur(10px);transform:translateY(7px)}
@media(max-width:1050px){.brand{min-width:0}.brand-name{font-size:9px}.nav-link{padding:9px 10px}.dossier-hero:after{right:2%;opacity:.55}}
@media(max-width:850px){.forms-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-dossier{padding:22px;min-height:230px}.dossier-middle h2{font-size:17px}.dossier-hero{padding:34px}.dossier-hero:after{height:160px;width:160px;top:29%}.site-header .nav{gap:9px}.nav-link,.nav-admin{font-size:9px;padding:10px 9px}.brand-name{display:none}}
@media(max-width:700px){.container,.frame-width{width:calc(100% - 30px)}.site-header{min-height:auto;padding:9px 0}.site-header .nav{width:calc(100% - 20px);min-height:63px;gap:4px;padding:8px;border-radius:18px;overflow-x:auto;scrollbar-width:none}.site-header .nav::-webkit-scrollbar{display:none}.brand{min-width:0;flex:none}.brand-symbol{height:39px;width:39px;border-radius:13px}.nav-links{flex:none}.nav-link{padding:9px 10px;border-radius:10px;white-space:nowrap}.nav-link.nav-vost{display:none}.nav-admin{display:inline-flex}.header-identity{flex:none}.identity-action{font-size:9px;padding:10px}.dossier-home{padding-top:11px;padding-bottom:62px}.dossier-hero{min-height:290px;padding:32px 24px;border-radius:23px}.dossier-hero h1{font-size:clamp(37px,8vw,52px);max-width:90%}.dossier-hero p{font-size:12px;max-width:85%}.dossier-hero:after{right:-70px;top:37%;opacity:.33}.archive-strip{font-size:8px;gap:8px}.catalog{padding-top:26px}.catalog-tabs{gap:6px}.catalog-filter{padding:10px 12px;font-size:10px}.forms-grid{grid-template-columns:1fr}.form-dossier{min-height:200px;border-radius:20px;padding:23px}.dossier-middle{min-height:103px}.dossier-middle h2{font-size:18px}.catalog-explainer{padding:24px;border-radius:20px}.catalog-explainer h3{font-size:18px}.form-card{padding:22px}.page-hero h1{font-size:37px}.footer-row{padding:16px;font-size:9px}.account-card{padding:20px}}
@media(max-width:420px){.dossier-hero h1{font-size:34px}.dossier-hero p{max-width:100%}.dossier-hero:after{opacity:.18}.catalog-filter{padding:9px 10px;font-size:9px}.dossier-middle{gap:13px}.square-icon{width:49px;height:49px;border-radius:15px}.footer-side{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:0s!important}}