@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;450;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0d1016;--card:#151922;--border:#282e3b;--muted:#8e97a9;--accent:#b8f777}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f1f3f8;font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}aside{position:fixed;inset:0 0 0 auto;width:236px;border-left:1px solid var(--border);padding:33px 23px;background:#10131a}.brand{display:flex;align-items:center;text-decoration:none;color:#fff;font:700 26px Arial;gap:10px}.brand-dot{color:var(--accent);margin-left:-10px}.logo{display:grid;place-items:center;color:var(--bg);background:var(--accent);width:34px;height:34px;border-radius:10px;font-size:31px}.nav-label{color:#70798a;font-size:12px;margin:57px 12px 14px}.nav-active{padding:13px 16px;background:#b8f77712;border:1px solid #b8f77725;border-radius:10px;color:var(--accent);font-weight:500}.nav-active span{margin-left:13px;font-size:20px}.side-bottom{position:absolute;bottom:30px;color:#c5ccd8;font-size:12px}.side-bottom small{display:block;color:#737e91;margin:5px 15px}.online,.eyebrow span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-left:7px}main{margin-right:236px}header{height:85px;border-bottom:1px solid var(--border);padding:0 5%;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}header b{color:#e3e7ee;font-weight:400}.slash{margin:0 15px;color:#4d5666}.version{font:10px monospace;letter-spacing:1.5px}.version i{font-style:normal;border:1px solid var(--border);padding:5px;margin-left:8px;border-radius:5px}.content{max-width:1190px;padding:48px 5% 22px;margin:auto}.eyebrow{font-size:12px;color:var(--accent)}h1{font-size:clamp(28px,3.1vw,45px);line-height:1.5;letter-spacing:-1.1px;margin:12px 0 7px;font-weight:600}h1 em{font-style:normal;color:var(--accent)}.intro{color:var(--muted);font-size:14px;margin:0 0 32px}.workspace{display:grid;grid-template-columns:1fr 1.15fr;gap:22px}.input-card,.result-card{border:1px solid var(--border);background:var(--card);border-radius:16px;padding:25px}.result-card{background:radial-gradient(ellipse at 50% 0%,#b8f77707,transparent 65%),#12161e}.card-heading{display:flex;align-items:center;gap:10px;margin-bottom:28px}.number{border:1px solid #343b49;color:var(--muted);font:11px monospace;padding:5px;border-radius:5px}h2{font-size:15px;font-weight:500;margin:0}.tag,.status{margin-right:auto;font-size:10px;border:1px solid #323947;padding:3px 9px;border-radius:20px;color:#a5aebd}.tag{font:10px monospace}label{display:block;color:#c9cfda;font-size:12px;margin:20px 0 9px}.input-wrap{display:flex;align-items:center;border:1px solid #363e4c;background:#0e1219;border-radius:9px;padding:0 14px;gap:10px;direction:ltr}.input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #b8f77710}.input-wrap span{color:#667287;font:20px monospace}input{width:100%;min-width:0;direction:ltr;background:none;border:0;outline:none;color:#eff4fc;height:52px;font:15px monospace}input::placeholder{color:#515d70}select{width:100%;height:47px;background:#0e1219;border:1px solid #363e4c;border-radius:9px;padding:0 12px;color:#d7deea}.field-note{font-size:10px;color:#778196;margin:8px 0}.error{color:#ffa2a2;font-size:12px;min-height:18px;margin:10px 0}.primary{width:100%;display:flex;justify-content:space-between;padding:13px 17px;background:var(--accent);color:#18220e;border:0;border-radius:9px;font-weight:600}.primary:hover{background:#c9ff98}.example{font-size:10px;display:flex;justify-content:space-between;align-items:center;margin:18px 0 25px;color:#8d97a7}.example-id{border:0;background:none;color:#a9b3c3;font:10px monospace;padding:5px}.privacy{border-top:1px solid var(--border);display:flex;gap:10px;padding-top:17px;color:#adb7c8}.privacy>span{font-size:22px;color:#7d8b9e}.privacy p{font-size:11px;margin:0}.privacy small{display:block;font-size:10px;color:#707d90;margin-top:4px}#empty{text-align:center;padding:33px 0 45px}.orbit{position:relative;width:104px;height:104px;border:1px solid #333e37;border-radius:50%;display:grid;place-items:center;margin:0 auto 23px;background:radial-gradient(#b8f7770c,transparent)}.orbit:before{content:'';position:absolute;inset:11px;border:1px dashed #303a33;border-radius:50%}.orbit span{font:43px monospace;color:#b8f777}.orbit i{position:absolute;top:10px;right:16px;background:var(--accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 15px #b8f77755}#empty h3{font-size:20px;font-weight:500;margin:0 0 8px}#empty p{font-size:12px;line-height:1.9;color:#818da1}.empty-caption{display:block;font:10px monospace;color:#4d596b;margin-top:35px}.result-label{color:#95a18b;font-size:12px}#date{font-size:30px;font-weight:500;margin:8px 0}#time{font:36px monospace;letter-spacing:-1px;color:var(--accent);text-align:right}#zone-label{color:#8c98ab;font-size:11px;margin:10px 0 24px}.details>div{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid var(--border);font-size:11px}.details span{color:#808da1}.details strong{font-weight:400;color:#d4dce8;overflow-wrap:anywhere}.details strong[dir]{font:10px monospace;align-self:center}#future{color:#f2ca85;font-size:11px;line-height:1.8}.copy{background:#202734;border:1px solid #394353;border-radius:7px;color:#d4dce8;padding:9px 14px;margin-top:13px;font-size:12px}.copy span{margin-right:20px}#copy-message{font-size:11px;margin-right:10px;color:var(--accent)}.help{display:flex;align-items:center;gap:15px;background:#131720;border:1px solid var(--border);border-radius:12px;padding:20px;margin-top:22px}.help-icon{display:grid;place-items:center;border:1px solid #3b4352;border-radius:9px;width:34px;height:34px;font:18px monospace;color:#9ba8bc;flex-shrink:0}.help h2{font-size:12px}.help p{font-size:11px;color:#8490a4;line-height:1.9;margin:5px 0 0}.help b{color:#bbc5d5;font-weight:400}.help-step{white-space:nowrap;margin-right:auto;font-size:10px;color:#69768b}footer{display:flex;justify-content:space-between;gap:20px;color:#59667a;font-size:10px;margin-top:26px;line-height:1.8}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}@media(min-width:1500px){.content{padding-top:65px}}@media(max-width:1050px){aside{width:190px;padding:30px 16px}main{margin-right:190px}.workspace{gap:15px}.input-card,.result-card{padding:20px}.version{display:none}.content{padding:35px 4%}.help-step{display:none}}@media(max-width:760px){aside{position:static;width:auto;padding:18px 22px;border-left:0;border-bottom:1px solid var(--border)}.brand{font-size:23px}.nav-label,.nav-active,.side-bottom{display:none}main{margin:0}header{height:60px;padding:0 22px}.content{padding:28px 18px}.workspace{grid-template-columns:1fr}h1{font-size:30px}.intro{font-size:12px;line-height:1.9}#empty{padding:15px 0 25px}.result-card{min-height:360px}.help{align-items:flex-start}footer{flex-direction:column;gap:3px}.details strong[dir]{font-size:9px}}
/* Extended tools */
.preferences,.tabs,.actions{display:flex;gap:8px;flex-wrap:wrap}.preferences button,.tabs button,.history-id{border:1px solid var(--border);background:var(--bg);color:var(--muted);border-radius:8px;padding:8px 12px;font:inherit;font-size:12px}.preferences button:hover,.tabs button:hover,.history-id:hover{border-color:var(--accent);color:var(--accent)}.tabs{border-bottom:1px solid var(--border);padding-bottom:20px}.tabs button[aria-pressed=true]{background:var(--accent);color:#19220e;border-color:var(--accent)}textarea{width:100%;resize:vertical;max-height:360px;min-height:120px;border:1px solid #363e4c;border-radius:9px;background:var(--bg);color:inherit;padding:14px;font:13px monospace;line-height:1.8}.history-panel{border:1px solid var(--border);background:var(--card);padding:22px;border-radius:12px;margin-top:22px}.history-panel .card-heading{margin:0}.history-panel .copy{margin:0;margin-inline-start:auto}#history-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.history-id{font:11px monospace}.result-item{padding:14px 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.result-id{font:12px monospace;color:var(--muted);margin-bottom:18px}.date-value{font-size:27px;margin:8px 0;font-weight:500}.time-value{font:30px monospace;color:var(--accent);text-align:start}.hijri{font-size:15px}.ramadan{font-size:12px;color:var(--accent)}.utc-value{font:11px monospace;color:var(--muted)}.comparison-summary{white-space:pre-line;border:1px solid #b8f77744;background:#b8f7770b;border-radius:10px;padding:14px;color:var(--accent);line-height:2}.warning{color:#eabb71;font-size:12px}.result-card{min-width:0}#output{max-height:680px;overflow:auto;padding:0 4px}#copy-message,#storage-note{font-size:12px}.example-id{overflow-wrap:anywhere}html[dir=ltr] aside{left:0;right:auto;border-right:1px solid var(--border);border-left:0}html[dir=ltr] main{margin-right:0;margin-left:236px}html[dir=ltr] .tag,html[dir=ltr] .status{margin-right:0;margin-left:auto}html[dir=ltr] .side-bottom small{margin-left:0}html[dir=ltr] h1{letter-spacing:-1px}html[dir=ltr] .content h1{font-size:clamp(27px,3vw,42px)}
html[data-theme=light]{color-scheme:light;--bg:#f2f5f1;--card:#fff;--border:#d5ddd2;--muted:#596756;--accent:#467522}html[data-theme=light] body{color:#1c2c1b}html[data-theme=light] aside,html[data-theme=light] .help{background:#e9eee5}html[data-theme=light] .brand{color:#23301f}html[data-theme=light] .logo,html[data-theme=light] .primary{background:#b8f777;color:#17220e}html[data-theme=light] .result-card{background:#fafff6}html[data-theme=light] .input-wrap,html[data-theme=light] select{background:#f9fcf7;border-color:#c6d2c0;color:#243221}html[data-theme=light] input{color:#243221}html[data-theme=light] label,html[data-theme=light] header b{color:#33482c}html[data-theme=light] .copy{background:#e9f0e5;color:#2c4424;border-color:#cbd7c5}html[data-theme=light] .help b{color:#33482c}html[data-theme=light] .error{color:#b32d2d}html[data-theme=light] .warning{color:#8b580e}html[data-theme=light] .comparison-summary{background:#eaf3e2;border-color:#b6cba8}html[data-theme=light] footer{color:#5d7053}
@media(max-width:1050px){html[dir=ltr] main{margin-left:190px}.date-value{font-size:24px}.time-value{font-size:25px}}@media(max-width:760px){html[dir=ltr] aside{border-right:0}html[dir=ltr] main{margin-left:0}header{gap:12px}.preferences button{font-size:10px;padding:6px 8px}.tabs button{flex:1;padding:8px 5px}.time-value{font-size:29px}#output{max-height:600px}.history-panel{padding:18px}.result-card{min-height:300px}}
.eyebrow span[data-i18n]{display:inline;width:auto;height:auto;border-radius:0;background:none;margin:0}.nav-active span[data-i18n]{font-size:14px;margin:0}html[data-theme=light] .tabs button[aria-pressed=true]{color:#fff}html[data-theme=light] .primary:hover{background:#a4ed62}
.tool-panel{border:1px solid var(--border);background:var(--card);padding:24px;border-radius:14px;margin-top:22px}.generator-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;align-items:end}.generator-form label{margin:0}.generator-form label>span,.filters label>span{display:block;margin-bottom:8px}.generator-form input,.filters input{width:100%;height:47px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:inherit;padding:10px;font:inherit}.generator-form .primary{height:47px;align-items:center;justify-content:center}.filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border-bottom:1px solid var(--border);padding-bottom:18px}.filters label{margin:0}.filters input{font-size:12px}.filters .copy{margin:0;align-self:end;height:47px}.group-summary:not(:empty){border:1px solid var(--border);padding:14px;border-radius:10px;background:#b8f77708;margin:16px 0;font-size:12px;overflow-wrap:anywhere}.group-summary h3,.month-calendar h3{font-size:14px;margin:0 0 10px}.month-calendar h4{margin:12px 0;font:12px monospace;color:var(--muted)}.month-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:18px}.month-cell{font:inherit;color:inherit;border:1px solid var(--border);border-radius:7px;padding:7px 2px;background:rgba(141,196,83,var(--heat));display:flex;align-items:center;flex-direction:column;font-size:10px;gap:3px}.month-cell strong{font:15px monospace}.month-cell:disabled{opacity:.45;cursor:default}.month-cell:not(:disabled):hover{border-color:var(--accent)}.favorite-row{display:flex;align-items:center;gap:10px;border-top:1px solid var(--border);padding:12px 0}.favorite-row>div{margin-inline-end:auto;min-width:0;overflow-wrap:anywhere}.favorite-row small{display:block;direction:ltr;font:11px monospace;color:var(--muted);margin-top:5px}.favorite-row .copy{margin:0}.favorite-row strong{font-size:13px}#timestamp-code{display:block;font:22px monospace;color:var(--accent);background:var(--bg);padding:18px;border-radius:8px;overflow-wrap:anywhere}#timestamp-preview{font-size:15px}#favorite-message,#timestamp-message,#install-message{font-size:12px;color:var(--muted)}#timestamp-result{margin-top:18px}.tool-panel .card-heading{margin-bottom:16px}@media(max-width:600px){.generator-form{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.favorite-row{flex-wrap:wrap}.favorite-row>div{width:100%}.preferences{gap:4px}.preferences button{font-size:10px;padding:6px}header{height:auto;min-height:66px;padding-top:10px;padding-bottom:10px;flex-wrap:wrap}.tool-panel{padding:18px}}
.workspace{align-items:start}
.embed-nav{display:block;color:var(--muted);font-size:13px;text-decoration:none;padding:14px;margin-top:8px;border:1px solid var(--border);border-radius:9px}.embed-nav:hover{color:var(--accent);border-color:var(--accent)}.embed-builder{margin:0 0 28px;scroll-margin-top:20px}.embed-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:20px}.embed-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}#embed-form input:not([type=color]){width:100%;height:44px;background:var(--bg);color:inherit;border:1px solid var(--border);border-radius:8px;padding:10px;font:inherit}#embed-form input[type=color]{height:44px;min-width:48px;width:48px;padding:4px;background:var(--bg);border:1px solid var(--border);border-radius:8px}.embed-color-row{display:flex;gap:8px}.embed-preview-column{min-width:0}.embed-preview-column>h3{font-size:13px;margin:0 0 14px}.discord-message{background:#313338;color:#dbdee1;border-radius:10px;padding:18px 12px;display:flex;gap:10px;direction:ltr;font-family:Arial,Tahoma,sans-serif}.discord-avatar{background:#5865f2;color:#fff;border-radius:50%;flex-shrink:0;width:32px;height:32px;display:grid;place-items:center;font-size:23px}.discord-message-body{min-width:0;flex:1}.discord-sender{font-size:13px;color:#fff;margin-bottom:9px}.discord-sender span{font-size:9px;background:#5865f2;border-radius:3px;padding:2px 4px;margin-left:4px}.discord-embed{border-left:4px solid #b8f777;border-radius:4px;background:#2b2d31;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:14px;overflow-wrap:anywhere}.embed-text{min-width:0}.embed-author-text{font-size:12px;font-weight:bold;margin-bottom:10px;white-space:pre-wrap}.embed-title-text{font-size:16px;font-weight:bold;color:#f2f3f5;margin-bottom:9px;white-space:pre-wrap}.embed-title-text.has-url{color:#00a8fc}.embed-description-text{font-size:13px;line-height:1.6;white-space:pre-wrap}.embed-description-text code{background:#1e1f22;border-radius:3px;padding:2px 4px}.embed-thumb{width:65px;align-self:start}.embed-thumb img{width:100%;max-height:80px;object-fit:contain;border-radius:4px}.embed-large{grid-column:1/-1;min-width:0}.embed-large img{max-width:100%;max-height:300px;object-fit:contain;border-radius:4px}.embed-footer-text{grid-column:1/-1;font-size:10px;white-space:pre-wrap}.embed-preview-column pre{padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--bg);font:11px/1.7 monospace;max-height:320px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.embed-preview-column summary{cursor:pointer;color:var(--muted);font-size:12px;margin-top:18px}.embed-preview-column .primary{width:auto}.embed-preview-column .copy{margin:0}#embed-errors{font-size:12px;line-height:1.8;padding-inline-start:20px;min-height:0}#embed-message{font-size:12px;color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}.embed-preview-column{position:sticky;top:20px}@media(max-width:850px){.embed-layout{grid-template-columns:1fr}.embed-preview-column{position:static}.embed-form-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.embed-nav{display:inline-block;padding:8px 12px;margin-top:14px}.embed-form-grid{grid-template-columns:1fr}.discord-message{padding:12px 8px;gap:6px}.discord-avatar{width:25px;height:25px;font-size:18px}.discord-embed{padding:10px;gap:8px}}

.section-nav{display:flex;flex-direction:column;gap:5px;margin-top:15px}.section-nav a{display:block;padding:10px 13px;border:1px solid transparent;border-radius:8px;color:var(--muted);text-decoration:none;font-size:12px}.section-nav a:hover{border-color:var(--border);color:var(--accent)}.section-nav a[aria-current=page]{color:var(--accent);background:#b8f77712;border-color:#b8f77733}.content>[data-panel]{margin-top:0}.workspace .tabs{display:none}.workspace .input-card{padding-top:8px}#section-title:focus{outline:none}#section-description{line-height:1.9}@media(max-width:760px){.section-nav{flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:5px;margin-top:15px}.section-nav a{flex:0 0 auto;padding:8px 12px;border-color:var(--border)}.section-nav::-webkit-scrollbar{height:3px}.section-nav::-webkit-scrollbar-thumb{background:var(--border)}aside{padding-bottom:12px}}@media(max-height:760px) and (min-width:761px){.section-nav a{padding:7px 10px}.side-bottom{bottom:15px}.nav-label{margin-top:30px}} 
.format-toolbar{display:flex;flex-wrap:wrap;gap:8px}.format-toolbar button,.role-editor button{border:1px solid var(--border);color:inherit;background:var(--bg);padding:8px 12px;border-radius:7px;font:inherit;font-size:12px}.tool-input,.role-editor input:not([type=color]){width:100%;height:44px;background:var(--bg);color:inherit;border:1px solid var(--border);border-radius:8px;padding:10px;font:inherit}.message-preview{border:1px solid var(--border);background:var(--bg);padding:20px;border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font:14px/1.8 'IBM Plex Sans Arabic',Tahoma,sans-serif;min-height:100px;max-height:500px;overflow:auto}.message-preview h2,.message-preview h3{font-weight:600;font-size:22px;margin:8px 0}.message-preview h3{font-size:18px}.message-preview blockquote{border-inline-start:3px solid var(--muted);margin:4px 0;padding-inline-start:14px;color:var(--muted)}.message-preview pre,.message-preview code{background:var(--card);padding:4px 8px;border-radius:5px;white-space:pre-wrap}.spoiler-text{background:#111;color:transparent;border:0;border-radius:4px;font:inherit;padding:0 4px;cursor:pointer}.spoiler-text.revealed{background:#555;color:#fff}.roles-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:25px}.role-editor{display:flex;gap:6px;margin-bottom:12px}.role-editor input:not([type=color]){min-width:0}.role-editor input[type=color]{width:40px;height:44px;flex-shrink:0;background:var(--bg);border:1px solid var(--border);border-radius:5px}.role-editor button{padding:6px 10px}.role-member{background:#2b2d31;border-radius:12px;padding:22px;color:#eee}.member-avatar{display:grid;place-items:center;border-radius:50%;background:#5865f2;width:42px;height:42px;margin-bottom:12px}.role-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid;border-radius:5px;padding:4px 8px;font-size:12px;margin:5px}.role-badge i{width:10px;height:10px;border-radius:50%}#role-preview{margin-top:16px}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.template-card{border:1px solid var(--border);border-top-width:3px;border-radius:12px;padding:20px;min-width:0}.template-card h3{font-size:14px;color:var(--accent)}.template-card h4{font-size:16px;margin:12px 0}.template-card p{white-space:pre-wrap;color:var(--muted);font-size:12px;line-height:1.9;overflow-wrap:anywhere}.section-nav{max-height:calc(100vh - 250px);overflow-y:auto}.section-nav a{flex-shrink:0}@media(max-width:1050px){.roles-layout{grid-template-columns:1fr}}@media(max-width:760px){.template-grid{grid-template-columns:1fr}.section-nav{max-height:none;overflow-y:hidden}.role-editor{flex-wrap:wrap}.role-editor input:not([type=color]){width:calc(100% - 48px)}.message-preview{padding:14px}}
.tool-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.tool-tabs a{padding:9px 15px;border:1px solid var(--border);border-radius:8px;text-decoration:none;color:var(--muted);font-size:12px;background:var(--card)}.tool-tabs a:hover{border-color:var(--accent);color:var(--accent)}.tool-tabs a[aria-current=page]{background:var(--accent);color:#15210d;border-color:var(--accent)}html[data-theme=light] .tool-tabs a[aria-current=page]{color:#fff}.section-nav{max-height:none}@media(max-width:760px){.tool-tabs{gap:6px}.tool-tabs a{padding:8px 10px;font-size:11px}}
/* DisKit identity */
.brand{gap:10px;font-family:Arial,sans-serif;letter-spacing:-1px}.diskit-mark{width:42px;height:42px;display:block;border:1px solid #b8f77722;border-radius:12px}.diskit-wordmark{font-size:29px;font-weight:750;color:#eff3f8}.diskit-wordmark>span{color:var(--accent)}html[data-theme=light] .diskit-wordmark{color:#18271c}.app-loader{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#21322b 0%,#10151e 50%);color:#f1f5f8;transition:opacity .3s ease,visibility .3s ease}.app-loader.is-ready{opacity:0;visibility:hidden;pointer-events:none}.loader-orbit{position:relative;padding:22px;border:1px solid #b8f77721;border-radius:35px;transform:rotate(-6deg);box-shadow:0 0 90px #b8f7770b}.loader-orbit img{display:block;border-radius:22px;transform:rotate(6deg)}.loader-orbit:after{content:'';position:absolute;width:7px;height:7px;background:#b8f777;border-radius:50%;right:15px;top:12px;box-shadow:0 0 17px #b8f77777}.loader-wordmark{font:700 48px Arial,sans-serif;letter-spacing:-2px;margin-top:28px}.loader-wordmark span{color:#b8f777}.app-loader p{font-size:13px;color:#a3b2b8;margin:14px 20px 27px;text-align:center}.loader-track{width:150px;height:3px;background:#b8f77712;overflow:hidden;border-radius:5px}.loader-track span{display:block;height:100%;width:45%;background:#b8f777;border-radius:5px;animation:diskit-load 1s ease-in-out infinite}.app-loader small{font:9px monospace;letter-spacing:3px;color:#637873;margin-top:20px}@keyframes diskit-load{0%{transform:translateX(-110%)}100%{transform:translateX(330%)}}@media(prefers-reduced-motion:reduce){.loader-track span{animation:none;width:100%}.app-loader{transition:none}}.tool-panel,.input-card,.result-card{box-shadow:0 8px 32px #0000000a}.section-nav a[aria-current=page]{border-inline-start:3px solid var(--accent)}.primary{transition:background .15s ease,transform .15s ease}.primary:active:not(:disabled){transform:translateY(1px)}
/* Site-wide DisKit artwork, with legible surfaces in both themes. */
body{background:var(--bg);isolation:isolate}body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(9,14,20,.68),rgba(9,14,20,.5)),url('/diskit-background.png') center/cover no-repeat}.input-card,.result-card,.tool-panel,.history-panel{background:rgba(19,25,34,.94);border-color:#3441399c}aside{background:rgba(13,19,26,.96)}header{background:rgba(13,19,26,.7)}html[data-theme=light] body:before{background:linear-gradient(rgba(242,245,241,.89),rgba(242,245,241,.93)),url('/diskit-background.png') center/cover no-repeat}html[data-theme=light] .input-card,html[data-theme=light] .result-card,html[data-theme=light] .tool-panel,html[data-theme=light] .history-panel{background:rgba(255,255,255,.95);border-color:#d5ddd2}html[data-theme=light] aside,html[data-theme=light] header{background:rgba(237,242,233,.95)}.embed-send{margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.embed-send h3{font-size:16px}.embed-send ol{padding-inline-start:20px;color:var(--muted);font-size:12px;line-height:1.9}.embed-send li{margin-bottom:10px}#embed-webhook{height:44px;width:100%;padding:10px;border:1px solid var(--border);border-radius:8px;color:inherit;background:var(--bg);font:12px monospace}.send-consent{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.8}.send-consent input{width:17px;height:17px;flex-shrink:0;margin-top:4px;accent-color:var(--accent)}.embed-send .primary{width:100%;font-size:12px}.embed-send a{font-size:11px;color:var(--accent)}#send-status{font-size:12px;line-height:1.8}
.home-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:22px;align-items:center;padding:30px 0 48px}.home-kicker{font-size:12px;color:var(--accent)}.home-hero h1{font-size:clamp(32px,4vw,54px);line-height:1.5;font-weight:600;margin:16px 0;letter-spacing:-1.3px}.home-hero em{font-style:normal;color:var(--accent)}.home-hero-copy>p{font-size:14px;color:var(--muted);line-height:2;max-width:520px}.home-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:26px 0}.home-actions a{text-decoration:none;font-size:12px}.home-actions .primary{width:auto;display:block;padding:13px 20px}.home-secondary{padding:12px 18px;border:1px solid var(--border);border-radius:8px;color:inherit;background:var(--card)}.home-points{display:flex;gap:18px;flex-wrap:wrap;font-size:10px;color:var(--muted)}.home-art{position:relative;min-height:300px;display:grid;place-items:center}.home-art img{width:150px;border-radius:36px;border:1px solid #b8f77733;box-shadow:0 0 90px #b8f77713;transform:rotate(-8deg)}.home-ring{position:absolute;width:250px;height:250px;border:1px solid #b8f77728;border-radius:50%;box-shadow:0 0 0 30px #b8f77703,0 0 0 60px #b8f77702}.home-ring:after{content:'';position:absolute;width:8px;height:8px;background:var(--accent);top:32px;right:32px;border-radius:50%}.home-art-label{position:absolute;bottom:7px;font:8px monospace;letter-spacing:2px;color:var(--muted)}.home-section-heading{padding-top:24px;border-top:1px solid var(--border);margin-bottom:22px}.home-section-heading h2{font-size:23px}.home-section-heading p{font-size:12px;color:var(--muted)}.home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.home-card{display:block;text-decoration:none;color:inherit;background:rgba(19,25,34,.94);border:1px solid var(--border);padding:24px;border-radius:14px;transition:border-color .15s,transform .15s}.home-card:hover{border-color:var(--accent);transform:translateY(-3px)}.home-card-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#b8f77712;color:var(--accent);font:23px monospace}.home-card h3{font-size:16px;font-weight:500;margin:17px 0 9px}.home-card p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 18px}.home-card-link{font-size:11px;color:var(--accent)}.home-bottom{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:11px;margin:35px 0 10px}.home-bottom img{border-radius:7px}html[data-theme=light] .home-card{background:rgba(255,255,255,.95)}@media(max-width:950px){.home-art img{width:110px}.home-ring{width:180px;height:180px}.home-art{min-height:250px}.home-hero h1{font-size:34px}}@media(max-width:600px){.home-hero{grid-template-columns:1fr;padding:10px 0 30px}.home-art{display:none}.home-hero h1{font-size:36px}.home-grid{grid-template-columns:1fr}.home-points{gap:12px}.home-card{padding:20px}}@media(prefers-reduced-motion:reduce){.home-card{transition:none}.home-card:hover{transform:none}}