/* TAKESHI-TOOLS DOSSIER — visual layer, designed to sit above style.css.
   Backend/form/admin classes and IDs intentionally remain unchanged. */
:root{--bg:#080808;--panel:#0d0d0e;--panel2:#101011;--border:rgba(255,255,255,.115);--text:#f7f7f8;--muted:#929395;--faint:#595b5e;--aqua:#f1f1f3;--purple:#bbbfc8;--danger:#fc666e;--green:#83e5a0;--shadow:0 12px 40px rgba(0,0,0,.2)}
html{background:#080808}body{background:#080808;color:#f4f4f6;font-family:Manrope,Arial,sans-serif;letter-spacing:.004em;min-height:100vh}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;background:radial-gradient(circle at 1px 1px,rgba(230,230,230,.035) .7px,transparent 1px) 0 0/4px 4px}
body::after{background:linear-gradient(90deg,transparent 97.5%,rgba(255,255,255,.065) 98%,transparent 99%),linear-gradient(0deg,transparent 97.5%,rgba(255,255,255,.065) 98%,transparent 99%);background-size:84px 84px;opacity:.5;mask-image:none}
.ambient{display:none}#particles{opacity:.52}::selection{background:#c9c9c9;color:#070707} .frame-width{width:min(1084px,calc(100% - 48px));margin-inline:auto}.container{width:min(1084px,calc(100% - 48px))}
.site-header{position:sticky;top:0;height:55px;background:rgba(6,6,7,.94);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.1);border-right:0;border-left:0;z-index:15}
.site-header .nav{width:calc(100% - 36px);max-width:none;display:flex;justify-content:space-between;gap:14px;height:100%}
.brand{flex-shrink:0;gap:9px;min-width:160px}.brand-symbol{position:relative;width:27px;height:27px;box-shadow:none;border:1px solid #dadada;border-radius:50%;background:transparent;font:800 16px/1 'Space Grotesk';color:#f5f5f5}.brand-symbol-corner{position:absolute;right:-4px;bottom:-6px;font:800 10px monospace;background:#111;padding:1px}
.brand-name{font:900 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em;color:#f4f4f4;white-space:nowrap}.brand-sep{color:#747474}
.nav-links{height:100%;gap:5px;align-items:center}.nav-link,.nav-admin{font:700 10px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;padding:7px 12px;color:#898b8c;border:1px solid transparent;white-space:nowrap;background:none;border-radius:0;transform:none;box-shadow:none}
.nav-link:hover,.nav-admin:hover,.nav-link.active{color:#fff;border-color:rgba(255,255,255,.2);background:#1b1b1b;transform:none}.nav-link.active{color:#080808;background:#f9f9fa;border-color:#f9f9fa}.nav-glyph{font-size:12px;margin-right:3px;font-weight:400}.nav-admin{display:inline-flex;align-items:center;gap:0}.nav-admin .nav-glyph{font-size:12px}
.header-identity{display:flex;align-items:center;justify-content:end;gap:15px;min-width:165px}.header-clock{font:600 9px/1.3 ui-monospace,Consolas,monospace;letter-spacing:.08em;color:#777;white-space:nowrap}.identity-action{white-space:nowrap;display:inline-flex;border:1px solid #444;padding:8px 9px;font:700 9px/1 ui-monospace,monospace;color:#dadada;letter-spacing:.06em;transition:.2s}.identity-action:hover{border-color:#ddd;background:#eee;color:#111}
.site-footer{border-top:1px solid rgba(255,255,255,.12);padding:15px 0;color:#8a8b8e;background:#070707}.footer-row{font:600 9px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.06em;gap:20px}.footer-side .light{background:#70de92;box-shadow:0 0 10px rgba(94,226,134,.5)}
.meta-outline{display:inline-block;border:1px solid #3b3b3b;padding:4px 11px;color:#9e9e9e;font:700 9px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.27em;text-transform:uppercase}.meta-outline span{margin:0 6px}
.dossier-home{padding:35px 0 100px;min-height:calc(100vh - 125px)}.dossier-hero{padding:0}.dossier-hero h1,.account-wrap .page-hero h1{margin:8px 0 4px;color:white;font:900 clamp(62px,7vw,87px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-.07em}.headline-mark{color:#474747}
.dossier-hero p,.account-wrap .page-hero p{color:#8d8d8d;font:500 13px/1.7 Manrope,sans-serif;margin:0 0 17px;letter-spacing:.005em}
.archive-strip{display:flex;align-items:center;gap:12px;min-height:32px;border-top:1px solid #494949;color:#707070;font:600 9px/1.3 ui-monospace,Consolas,monospace;letter-spacing:.14em;flex-wrap:wrap}.archive-strip b{color:#a7a7a7;font-weight:700}.archive-strip b.status-white{color:#f3f3f3}.archive-strip i{font-style:normal;color:#404040}
.catalog{padding-top:16px}.catalog-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:19px}.catalog-filter{background:transparent;color:#999;border:1px solid #343434;border-radius:0;padding:10px 14px;font:700 9px ui-monospace,Consolas,monospace;letter-spacing:.11em;transition:background .2s,color .2s,border-color .2s}.catalog-filter:hover{background:#202020;border-color:#888;color:#f2f2f2}.catalog-filter.active{background:#f4f4f4;color:#0c0c0d;border-color:#f4f4f4}.catalog-filter span{opacity:.65}
.forms-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.form-dossier{min-height:194px;position:relative;display:flex;flex-direction:column;padding:17px 20px 18px;color:#f4f4f4;border:1px solid #303032;background:rgba(10,10,11,.96);transition:border-color .23s,transform .23s,background .23s,box-shadow .23s;overflow:hidden}.form-dossier:before,.form-dossier:after{content:"";position:absolute;width:7px;height:7px;opacity:.5;pointer-events:none}.form-dossier:before{top:7px;left:7px;border-top:1px solid #787878;border-left:1px solid #787878}.form-dossier:after{bottom:7px;right:7px;border-right:1px solid #787878;border-bottom:1px solid #787878}.form-dossier:hover{transform:translateY(-4px);border-color:#afafb3;background:#151515;box-shadow:0 25px 58px #0008}.form-dossier.is-filtered{display:none}.dossier-top{display:flex;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px dashed #272729;font:700 9px ui-monospace,Consolas,monospace;letter-spacing:.1em}.dossier-top strong{font-weight:900}.dossier-top span{font-size:8px;color:#626267;white-space:nowrap}.dossier-middle{display:flex;align-items:center;gap:15px;min-height:104px}.square-icon{width:43px;height:43px;flex:none;display:grid;place-items:center;border:1px solid #39393c;color:white;background:#060606;font:700 29px/1 'Space Grotesk';transition:border-color .2s,transform .2s}.form-dossier:hover .square-icon{border-color:white;transform:scale(1.04)}.dossier-middle h2{font-size:14px;line-height:1.35;font-weight:900;margin:0 0 3px;letter-spacing:-.01em}.dossier-middle p{color:#898a8e;font-size:11px;line-height:1.55;margin:0}.dossier-bottom{margin-top:auto;border-top:1px solid #272729;padding-top:12px;display:flex;justify-content:space-between;font:600 9px ui-monospace,Consolas,monospace;letter-spacing:.15em;color:#75757a}.dossier-bottom .card-arrow{font-size:14px;line-height:1;color:white;transition:transform .22s}.form-dossier:hover .card-arrow{transform:translateX(4px)}.filter-empty{padding:35px;border:1px solid #303030;text-align:center;color:#888;font:10px monospace;letter-spacing:.15em}
.catalog-explainer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:36px;padding:27px 0;border-top:1px solid #292929;border-bottom:1px solid #292929}.catalog-explainer .micro{font:700 9px ui-monospace,monospace;color:#747474;letter-spacing:.15em}.catalog-explainer h3{margin:8px 0 0;font:800 17px 'Space Grotesk';letter-spacing:-.03em}.explainer-items{display:flex;gap:17px;align-items:center;flex-wrap:wrap;color:#98989b;font:600 10px ui-monospace,monospace}.explainer-items b{color:white;padding-right:5px}
/* Restyling shared inner form/admin pages */
.page-hero{padding:38px 0 25px}.page-hero h1{font:800 clamp(28px,4.4vw,48px)/1.17 'Space Grotesk';letter-spacing:-.055em}.page-hero .gradient-text,.placeholder-panel .gradient-text{color:#fff;background:none;-webkit-text-fill-color:#fff;animation:none}.page-hero p{color:#858588}.breadcrumb{font:700 10px ui-monospace,monospace;letter-spacing:.12em;color:#888}.breadcrumb a{color:#d1d1d1}
.surface{border:1px solid #323234;background:rgba(11,11,12,.95);border-radius:0;box-shadow:none}.form-card,.side-card,.placeholder-panel{border-radius:0}.panel-heading h2,.side-title,.panel-heading p{color:#f5f5f5}.panel-heading-icon,.stat-icon,.login-emblem,.placeholder-mark{border:1px solid #424244;background:#111;color:#f9f9f9;border-radius:0;box-shadow:none}.panel-heading-icon svg,.side-title svg{color:#dedede}.field label{color:#d6d6d6}.control{border-radius:0;border-color:#38383a;background:#080808;color:#f9f9f9}.control::placeholder{color:#555}.control:focus{border-color:#eee;box-shadow:0 0 0 1px #c5c5c5;background:#0d0d0d}.field-note,.hint,.small.muted{color:#858585}.button-primary{border-radius:0;background:#f1f1f2!important;color:#101010!important;border:1px solid #f0f0f0!important;box-shadow:none!important;font:800 11px ui-monospace,Consolas,monospace;letter-spacing:.07em}.button-primary:hover{background:#bdbdbd!important;transform:translateY(-2px);box-shadow:none!important}.button-primary svg{color:#151515}.notice{border-radius:0;background:#111;border-color:#3c3c3c;color:#c3c3c3}.notice.danger{background:#250f12;border-color:#733338;color:#f4b8b9}.notice svg{color:#d0d0d0}.clock{color:#ececec}.steps li:before{color:#eee}.link-back{color:#ebebeb}.form-rule{background:#393939}
/* Admin */
.admin-login-wrap{min-height:calc(100vh - 110px)}.login-box{border-radius:0}.login-box h1{color:#fff}.login-emblem{border-radius:0}.button-ghost{border-radius:0;border-color:#383838;background:#111;color:#eee;font:700 10px ui-monospace,monospace}.button-ghost:hover{background:#292929;border-color:#bbb}.stat{border-radius:0}.stat b{color:white}.stat-icon{color:white}.tab{border-radius:0;font:700 10px ui-monospace,monospace}.tab.active{background:#eee;color:#090909;border-color:#eee}.app-row{border-radius:0}.app-num{background:#1c1c1c;border-radius:0;color:#ddd;border-color:#393939}.pill{border-radius:0;background:#151515}.modal{background:#101010;border-color:#414141;border-radius:0}.detail{border-radius:0;background:#090909;border-color:#363636}.radio-option input{accent-color:white}.modal-close{border-radius:0;background:#161616}.toast{border-radius:0;background:#151515;border-color:#6e7771}.toast.error-toast{border-color:#9f525b}.toast p{color:#aaa}
.account-wrap{min-height:calc(100vh - 110px);padding-bottom:100px}.account-wrap .page-hero{padding:41px 0 24px}.account-wrap .page-hero h1{font-size:clamp(37px,5.8vw,65px)}.account-card{padding:28px;min-height:230px}.account-loading{font:700 11px ui-monospace,Consolas,monospace;color:#aaa;letter-spacing:.12em}.profile-hint{font:500 11px Manrope;color:#838383;padding-top:20px}.account-row{display:flex;align-items:center;gap:19px;flex-wrap:wrap}.discord-avatar{height:64px;width:64px;display:grid;place-items:center;background:#242424;border:1px solid #454545;object-fit:cover}.account-row h2{margin:0;font:900 20px 'Space Grotesk'}.account-row p{color:#888;margin:6px 0 0;font:600 11px ui-monospace,monospace}.account-label{font:700 9px ui-monospace,monospace;color:#858585;letter-spacing:.13em}.account-actions{display:flex;gap:10px;margin-top:23px;flex-wrap:wrap}.mono-button{padding:12px 16px;background:white;color:black;border:1px solid white;font:700 10px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.06em;display:inline-block;cursor:pointer}.mono-button.secondary{background:#111;color:white;border-color:#444}.mono-button:hover{opacity:.8}.profile-history{margin-top:30px}.profile-history h3{font-size:12px;font-weight:800;letter-spacing:.08em}.history-row{display:flex;justify-content:space-between;gap:12px;padding:18px 8px;border-bottom:1px solid #272727;font-size:12px}.history-row small{color:#999;display:block;font:10px ui-monospace,monospace}.history-row .profile-state{color:#d4d4d4;font:700 11px ui-monospace,monospace}.profile-state.approved{color:#8ee2a3}.profile-state.rejected{color:#fa888c}
/* Fade, grid and accessible reduced motion */
.fade-up{animation:terminalEnter .65s both ease-out}@keyframes terminalEnter{from{opacity:0;transform:translate3d(0,11px,0);filter:blur(2px)}to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}.leaving{opacity:0;filter:blur(2px)}
@media(max-width:1170px){.header-clock{display:none}.header-identity{min-width:0}.nav-links{gap:0}.brand{min-width:auto}}
@media(max-width:900px){.forms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-explainer{align-items:start;flex-direction:column}.site-header .nav{width:calc(100% - 22px)}.nav-link,.nav-admin{padding:8px;font-size:9px}}
@media(max-width:700px){.container,.frame-width{width:calc(100% - 32px)}.site-header{height:60px}.site-header .nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.site-header .nav::-webkit-scrollbar{display:none}.brand-name{display:none}.brand{min-width:auto;flex:none}.nav-links{flex:none}.header-identity{flex:none}.nav-link.nav-vost{display:none}.nav-admin{display:inline-flex}.dossier-home{padding:30px 0 65px}.dossier-hero h1{font-size:57px}.archive-strip{font-size:8px;gap:8px}.catalog{padding-top:13px}.catalog-filter{padding:10px 9px;font-size:8px}.forms-grid{grid-template-columns:1fr}.form-dossier{min-height:170px}.dossier-middle{min-height:90px}.catalog-explainer{margin-top:25px}.account-card{padding:18px}.footer-row{font-size:8px}.nav-links .nav-link{display:inline-flex}.identity-action{font-size:9px}.account-wrap .page-hero h1{font-size:37px}}
@media(max-width:380px){.site-header .nav{gap:5px}.nav-link{padding:7px 6px}.catalog-filter{padding:8px 7px}.dossier-hero h1{font-size:48px}}
@media(prefers-reduced-motion:reduce){.fade-up{animation:none}*{scroll-behavior:auto!important}}
/* V3 / Discord verified identity */
.verified-discord{margin:14px 0 18px;padding:13px 16px;border:1px solid #335e4d;background:rgba(42,125,78,.08);font:11px ui-monospace,monospace;color:#adf6cc;letter-spacing:.035em;overflow-wrap:anywhere}
.nav-link.hidden,.identity-action.hidden{display:none!important}