:root{color-scheme:light;--ink:#24213b;--muted:#7c7a91;--purple:#7658eb;--purple-dark:#6242d9;--line:#ffffffb0;--glass:rgba(255,255,255,.69);--serif:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}
body{min-height:100vh;margin:0;color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 9% 12%,#fff 0,transparent 30%),radial-gradient(ellipse at 90% 18%,#d9d2ff 0,transparent 32%),radial-gradient(ellipse at 73% 84%,#f7dff0 0,transparent 29%),linear-gradient(135deg,#eeedff,#f7f4ff 50%,#efeaff);background-attachment:fixed}
body:before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.23;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.11'/%3E%3C/svg%3E")}
.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;max-width:1150px;padding:0 30px;margin:auto}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:800 22px var(--serif);letter-spacing:-1.1px}.brand-mark{display:grid;place-items:center;background:linear-gradient(145deg,#9178ff,#6849df);color:#fff;width:34px;height:34px;border-radius:12px;font:800 23px var(--serif);letter-spacing:-2px;padding-bottom:4px;box-shadow:0 7px 18px #7459e944}.brand-dot{color:var(--purple)}
.top-note{display:flex;align-items:center;gap:9px;color:#696780;font-size:12px;font-weight:650}.secure-dot{width:8px;height:8px;background:#4bb58a;border-radius:50%;box-shadow:0 0 0 5px #58c79a22}
.intro{max-width:700px;margin:42px auto 34px;text-align:center;padding:0 20px}.eyebrow,.section-kicker{color:#765de2;font-size:10px;letter-spacing:1.55px;text-transform:uppercase;font-weight:800}.eyebrow{display:flex;align-items:center;justify-content:center;gap:8px}.eyebrow-icon{font-size:14px}h1{font:750 clamp(39px,5vw,58px)/1.08 var(--serif);letter-spacing:-3.4px;margin:16px 0 13px}h1 span{background:linear-gradient(100deg,#896af1,#6546d7 74%);color:transparent;background-clip:text}.intro-copy{margin:0;color:#77758c;font-size:15px;line-height:1.65}
.workspace{max-width:1010px;margin:0 auto;background:var(--glass);border:1px solid #ffffffd9;border-radius:24px;box-shadow:0 25px 85px #453a8e17,0 5px 18px #42388b0b,inset 0 1px #fff;backdrop-filter:blur(26px) saturate(155%);-webkit-backdrop-filter:blur(26px) saturate(155%);overflow:hidden}.workspace-head{height:72px;border-bottom:1px solid #ffffffb8;display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#ffffff35}.tabs{display:flex;gap:28px;height:100%}.tab{border:0;background:none;color:#9693a8;font:650 13px var(--sans);padding:0 4px;position:relative;cursor:pointer}.tab.active{color:var(--ink)}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,#9c86ff,#704ee8);border-radius:4px}.tab-icon{font-size:16px;margin-right:7px;color:var(--purple)}.crypto-badge{font-size:10px;font-weight:750;color:#6c6884;background:#ffffff8a;border:1px solid #fff;padding:8px 12px;border-radius:30px;box-shadow:0 2px 9px #39316908}.lock-icon{color:var(--purple);font-size:14px;margin-right:4px}
.panel{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.panel[hidden],.panel:not(.active){display:none}.form-column{padding:32px 38px 34px}.preview-column{padding:36px 38px;background:linear-gradient(150deg,#ffffff63,#f9f7ff82);border-left:1px solid #fff;display:flex;flex-direction:column}.field-label{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;font-size:12px;font-weight:750;color:#33314d}.optional{color:#9895a9;font-weight:450;font-size:10px}.textarea-wrap{position:relative}.textarea-wrap textarea,.emoji-paste-wrap textarea{display:block;width:100%;height:118px;resize:vertical;border:1px solid #ffffffd9;border-radius:12px;padding:15px 15px 29px;font:13px/1.55 var(--sans);outline:none;color:var(--ink);background:#ffffffad;box-shadow:inset 0 1px 3px #514a7908;transition:border .2s,box-shadow .2s}.textarea-wrap textarea:focus,.password-wrap input:focus,.emoji-paste-wrap textarea:focus{border-color:#a998fa;box-shadow:0 0 0 4px #8269e51b}.textarea-wrap textarea::placeholder,.password-wrap input::placeholder,.emoji-paste-wrap textarea::placeholder{color:#aaa7b8}.char-count{position:absolute;right:13px;bottom:10px;color:#a5a2b2;font-size:9px}.field-hint{font-size:10px;line-height:1.5;color:#8c899e;margin-top:7px}.password-label{margin-top:22px}.password-wrap{position:relative}.password-wrap input{width:100%;height:44px;border:1px solid #ffffffd9;border-radius:11px;padding:0 64px 0 13px;outline:none;font:12px var(--sans);color:var(--ink);background:#ffffffad;box-shadow:inset 0 1px 3px #514a7908;transition:border .2s,box-shadow .2s}.show-password{position:absolute;right:11px;top:0;height:44px;border:0;background:transparent;color:#745dde;font:700 10px var(--sans);cursor:pointer}.carrier-label{margin-top:22px}.source-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.source-option{min-height:66px;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #ffffffd9;background:#ffffff82;padding:9px 11px;border-radius:12px;cursor:pointer;position:relative;color:var(--ink);transition:.18s}.source-option:hover{transform:translateY(-1px);background:#fff}.source-option.selected{border-color:#a999f6;background:#ffffffc9;box-shadow:0 0 0 3px #886dec16,0 7px 18px #5942b70c}.source-option>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.source-option strong{font:700 10px var(--sans)}.source-option small{font-size:9px;color:#8e8b9e}.option-emoji{font-size:23px}.upload-symbol{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#eeeaff;color:var(--purple);font-size:19px}.radio-dot{width:13px;height:13px;border:1px solid #c9c4d9;border-radius:50%;margin-left:auto;flex:none}.selected .radio-dot{border:4px solid var(--purple)}
.emoji-picker{display:flex;align-items:center;gap:14px;margin-top:12px;min-height:34px}.emoji-hint{font-size:9px;color:#9290a2}.emoji-list{display:flex;gap:6px}.emoji-choice{border:1px solid transparent;background:#ffffff8a;border-radius:9px;width:31px;height:31px;font-size:17px;cursor:pointer;transition:.15s}.emoji-choice:hover{transform:translateY(-2px)}.emoji-choice.active{border-color:#b4a5fa;background:#f2efff;box-shadow:0 3px 8px #5e49ae13}.image-picker{margin-top:11px}.mini-drop{width:100%;height:40px;border:1px dashed #bdb5db;background:#ffffff87;border-radius:10px;display:flex;align-items:center;gap:9px;padding:0 11px;text-align:left;color:#77748b;font:10px var(--sans);cursor:pointer}.mini-upload{font-size:18px;color:var(--purple)}.browse-link{margin-left:auto;color:#7058dd;font-weight:750}.mode-note{display:flex;align-items:flex-start;gap:9px;padding:10px 11px;background:#f4f0ffad;border:1px solid #fff;border-radius:11px;margin-top:13px;color:#78748d;font-size:10px;line-height:1.5}.mode-note strong{color:#514b70}.mode-note-icon{font-size:14px;color:#8068e6}
.primary-button{width:100%;height:48px;background:linear-gradient(105deg,#8569f1,#6849dc);border:0;border-radius:12px;color:#fff;font:700 12px var(--sans);display:flex;align-items:center;justify-content:space-between;padding:0 16px;margin-top:17px;cursor:pointer;box-shadow:0 8px 18px #7458df38,inset 0 1px #ffffff55;transition:filter .2s,transform .2s}.primary-button:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 10px 23px #7458df44}.primary-button:disabled{opacity:.5;cursor:not-allowed}.button-arrow{font-size:18px;font-weight:450}.status{min-height:16px;margin-top:9px;font-size:10px;line-height:1.5;color:#b34e5d}.status.success{color:#25785d}
.preview-heading{display:flex;justify-content:space-between;align-items:flex-start}.preview-heading h2,.decode-intro h2{font:750 21px/1.3 var(--serif);letter-spacing:-.8px;margin:8px 0 0}.preview-sparkle{font-size:23px;color:#9b89ed}.preview-card{height:260px;margin-top:20px;border:1px solid #ffffffd9;border-radius:17px;background:radial-gradient(ellipse at center,#fff 0, #fff9 38%,transparent 72%),linear-gradient(140deg,#f4f1ffbd,#ffffff7d 55%,#f6eafaad);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:inset 0 1px #fff,0 8px 22px #5a4c9910}.preview-glow{position:absolute;width:190px;height:190px;border-radius:50%;background:#fff9;filter:blur(14px)}.preview-art{position:relative;font-size:88px;line-height:1;filter:drop-shadow(0 12px 15px #6e58ae26);z-index:1}.preview-caption{position:absolute;bottom:17px;color:#8e8aa3;font-size:10px;letter-spacing:.2px}.preview-file{z-index:2;display:flex;align-items:center;gap:10px;background:#ffffffd9;border:1px solid #fff;border-radius:11px;padding:11px;width:80%;box-shadow:0 8px 22px #34277813}.preview-file>div:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}.preview-file strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:190px}.preview-file small{font-size:9px;color:#8f8ba2}.file-thumb{display:grid;place-items:center;background:#f0edff;color:var(--purple);width:34px;height:34px;border-radius:9px;font-size:19px}.file-check{margin-left:auto;color:#48a77e}.privacy-note{display:flex;gap:11px;padding:14px;background:#ffffff91;border:1px solid #ffffffbb;border-radius:12px;margin-top:auto;box-shadow:0 4px 15px #55468f08}.privacy-icon{flex:none;color:#8069e7;font-size:19px}.privacy-note p{margin:0;color:#79768c;font-size:10px;line-height:1.6}.privacy-note strong{color:#4e4a66;font-size:10px}
.output-card{background:#ffffffa8;border:1px solid #ffffffde;border-radius:13px;padding:13px;margin-top:13px;box-shadow:0 7px 21px #2924530b;backdrop-filter:blur(10px)}.output-top{display:flex;align-items:center;gap:9px;margin-bottom:11px}.output-check{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e4f5ec;color:#288464;font-size:13px}.output-top>span:last-child{display:flex;flex-direction:column;gap:3px}.output-top strong{font-size:10px}.output-top small{font-size:9px;color:#89869b}.output-actions{display:flex;gap:8px;margin-top:8px}.secondary-button{min-height:36px;border:1px solid #ffffff;background:#ffffffbb;border-radius:9px;padding:0 12px;color:#514d69;font:700 10px var(--sans);cursor:pointer;box-shadow:0 2px 7px #3f36730b;transition:.16s}.secondary-button:hover,.icon-button:hover{border-color:#b4a5f5;color:var(--purple);transform:translateY(-1px)}.output-actions .secondary-button{flex:1}.emoji-copy{width:100%;min-height:39px;background:linear-gradient(110deg,#f2efff,#fff);border-color:#e8e1ff;color:#6348ce}.icon-button{height:36px;width:40px;border:1px solid #ffffff;background:#ffffffbb;border-radius:9px;color:#77748b;font-size:15px;cursor:pointer}.copy-warning{font-size:9px;margin-top:8px}.text-button{display:block;border:0;background:none;color:#775edd;font:700 9px var(--sans);margin:10px auto 0;cursor:pointer}.hidden{display:none!important}.page-footer{max-width:1010px;margin:22px auto 30px;display:flex;justify-content:space-between;color:#8e8ba0;font-size:10px;padding:0 5px}.footer-seal{font-size:9px;letter-spacing:1px;color:#8e89a4;font-weight:800}
.decode-panel{min-height:600px}.decode-form{padding-top:38px}.decode-intro p{color:#7e7a91;font-size:12px;line-height:1.65;margin:8px 0 18px;max-width:370px}.decode-options{display:inline-flex;gap:4px;padding:4px;background:#ffffff7c;border:1px solid #fff;border-radius:10px;margin-bottom:18px}.decode-option{border:0;border-radius:7px;background:transparent;padding:8px 12px;color:#858198;font:700 10px var(--sans);cursor:pointer}.decode-option.active{background:#fff;color:#5e48ca;box-shadow:0 2px 7px #483c850f}.emoji-paste-wrap textarea{height:105px;padding:12px;resize:vertical}.dropzone{width:100%;height:153px;background:#ffffff83;border:1px dashed #bdb5db;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#858198;font:10px var(--sans);cursor:pointer}.dropzone:hover,.dropzone.dragover{border-color:#9583ef;background:#f8f5ff}.dropzone strong{color:#514d69;font-size:12px;font-weight:700}.drop-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#f0edff;color:#806ce4;font-size:21px}.drop-format{font-size:9px;color:#a09cad;margin-top:3px}.decode-form .password-label{margin-top:22px}.decode-form .primary-button{margin-top:19px}.decode-aside{justify-content:center}.decode-illustration{height:340px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #e2dcf5;border-radius:50%;width:250px;height:250px}.orbit-two{width:190px;height:190px;border-style:dashed}.decode-lock{width:108px;height:108px;display:grid;place-items:center;background:linear-gradient(145deg,#947df1,#6a4bdd);border-radius:33px;color:#fff;font-size:54px;box-shadow:0 20px 45px #7766dd45;transform:rotate(-8deg)}.floating-star{position:absolute;color:#9b8df0}.star-a{font-size:22px;top:74px;right:75px}.star-b{font-size:19px;bottom:83px;left:75px}.message-result{border:1px solid #ffffff;background:#ffffffb8;border-radius:12px;padding:14px;margin-top:14px;box-shadow:0 5px 16px #3d326e0a}.result-heading{display:flex;align-items:center;gap:8px;font-size:11px;color:#33785e}.message-result-body{margin:12px 0;padding:12px;border-radius:9px;background:#ffffffd9;border:1px solid #fff;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.65;color:#37354d;max-height:190px;overflow:auto}.copy-text{width:100%}
@media(max-width:760px){.topbar{height:68px;padding:0 20px}.intro{margin:31px auto 25px}.workspace{margin:0 14px;border-radius:19px}.workspace-head{padding:0 20px;height:62px}.panel{grid-template-columns:1fr;min-height:0}.form-column{padding:25px 21px 22px}.preview-column{padding:22px 21px 20px;border-left:0;border-top:1px solid #fff}.preview-card{height:205px;margin-top:15px}.preview-art{font-size:76px}.privacy-note{margin-top:14px}.page-footer{margin:18px 17px 24px}.decode-form{padding-top:27px}.decode-aside{display:none}.crypto-badge{font-size:9px;padding:7px 9px}.tabs{gap:20px}.preview-heading h2{font-size:19px}}
@media(max-width:390px){.source-options{grid-template-columns:1fr}.source-option{min-height:56px}.emoji-picker{gap:8px}.emoji-list{gap:3px}.emoji-choice{width:28px;height:28px}.workspace-head{padding:0 15px}.form-column{padding-left:16px;padding-right:16px}.crypto-badge{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
.emoji-picker{gap:11px;min-height:48px;margin-top:12px}.emoji-input{width:64px;height:46px;border:1px solid #ffffffd9;border-radius:12px;background:#ffffffad;box-shadow:inset 0 1px 3px #514a7908,0 3px 10px #44397809;text-align:center;font:30px/1 var(--sans);outline:none;color:var(--ink)}.emoji-input:focus{border-color:#a998fa;box-shadow:0 0 0 4px #8269e51b}.emoji-help{font-size:9px;color:#8e8b9e}
@media(max-width:390px){.emoji-picker{gap:8px}.emoji-input{width:58px;height:42px}.emoji-help{font-size:8px}}
:root{--aq-cyan:#37d7e5;--aq-violet:#8062ff;--aq-blue:#5d8bff}
.top-actions{display:flex;align-items:center;gap:17px}.powered-by{display:flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid #fff;background:#ffffff73;border-radius:999px;box-shadow:0 4px 14px #46397b0b,inset 0 1px #fff}.powered-label{font-size:10px;color:#817d94}.aqerion-mark{font-size:12px;color:var(--aq-cyan);text-shadow:0 0 9px #37d7e577}.powered-by strong{font-size:10px;font-weight:850;letter-spacing:1.15px;background:linear-gradient(95deg,var(--aq-violet),#5f79f5 52%,#26aecb);color:transparent;background-clip:text}.theme-toggle{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;background:#ffffff73;border:1px solid #fff;border-radius:999px;color:#656179;font:650 10px var(--sans);cursor:pointer;box-shadow:0 4px 14px #46397b0b,inset 0 1px #fff;transition:.18s}.theme-toggle:hover{transform:translateY(-1px);box-shadow:0 7px 18px #46397b16}.theme-icon{font-size:15px;line-height:1;color:#7054e8}.brand-mark{background:linear-gradient(145deg,var(--aq-cyan),#7583ff 48%,var(--aq-violet));box-shadow:0 7px 18px #7459e944}.primary-button{background:linear-gradient(105deg,var(--aq-violet),#6f67ee 52%,#36bfcf);box-shadow:0 8px 18px #7458df38,inset 0 1px #ffffff66}.primary-button:hover:not(:disabled){box-shadow:0 10px 24px #5572dc3d}.source-option,.textarea-wrap textarea,.password-wrap input,.emoji-paste-wrap textarea,.emoji-input{border-color:#ffffffed;box-shadow:inset 0 1px #fff,0 6px 20px #5b50a30a}.source-option.selected{border-color:#9d91ff;box-shadow:0 0 0 3px #8a79ee1c,0 10px 26px #5b48ad13}.textarea-wrap textarea,.password-wrap input,.emoji-paste-wrap textarea{background:linear-gradient(145deg,#ffffffd9,#ffffffa8)}
body[data-theme="dark"]{color-scheme:dark;--ink:#f3f1ff;--muted:#b1aec9;--glass:rgba(28,25,50,.78);background:radial-gradient(ellipse at 8% 12%,#302b55 0,transparent 33%),radial-gradient(ellipse at 90% 16%,#253d60 0,transparent 31%),radial-gradient(ellipse at 74% 86%,#4a2b61 0,transparent 29%),linear-gradient(135deg,#11101d,#171528 52%,#121422)}
body[data-theme="dark"] .workspace{border-color:#ffffff24;box-shadow:0 28px 90px #0005,0 5px 20px #0003,inset 0 1px #ffffff19}
body[data-theme="dark"] .workspace-head{background:#ffffff05;border-color:#ffffff17}
body[data-theme="dark"] .preview-column{background:linear-gradient(150deg,#ffffff0a,#a49af30a);border-color:#ffffff19}
body[data-theme="dark"] .top-note,body[data-theme="dark"] .powered-label,body[data-theme="dark"] .theme-toggle,body[data-theme="dark"] .intro-copy,body[data-theme="dark"] .optional,body[data-theme="dark"] .field-hint,body[data-theme="dark"] .emoji-hint,body[data-theme="dark"] .emoji-help,body[data-theme="dark"] .source-option small,body[data-theme="dark"] .preview-caption,body[data-theme="dark"] .privacy-note p,body[data-theme="dark"] .output-top small,body[data-theme="dark"] .page-footer,body[data-theme="dark"] .dropzone,body[data-theme="dark"] .decode-intro p{color:#b7b3ce}
body[data-theme="dark"] .field-label,body[data-theme="dark"] .source-option,body[data-theme="dark"] .source-option strong,body[data-theme="dark"] .preview-file strong,body[data-theme="dark"] .output-top strong,body[data-theme="dark"] .privacy-note strong,body[data-theme="dark"] .decode-option,body[data-theme="dark"] .decode-intro h2,body[data-theme="dark"] .preview-heading h2{color:#f0edff}
body[data-theme="dark"] .tab{color:#a6a2bb}body[data-theme="dark"] .tab.active{color:#fff}
body[data-theme="dark"] .crypto-badge,body[data-theme="dark"] .powered-by,body[data-theme="dark"] .theme-toggle{background:#ffffff0b;border-color:#ffffff1c;box-shadow:inset 0 1px #ffffff10}
body[data-theme="dark"] .source-option,body[data-theme="dark"] .textarea-wrap textarea,body[data-theme="dark"] .password-wrap input,body[data-theme="dark"] .emoji-paste-wrap textarea,body[data-theme="dark"] .emoji-input,body[data-theme="dark"] .mini-drop,body[data-theme="dark"] .dropzone{background:linear-gradient(145deg,#ffffff10,#ffffff08);border-color:#ffffff24;box-shadow:inset 0 1px #ffffff10}
body[data-theme="dark"] .source-option.selected{background:#8876ec1a;border-color:#a495ff;box-shadow:0 0 0 3px #8b7bef23,0 9px 26px #0002}
body[data-theme="dark"] .source-option:hover{background:#ffffff18}body[data-theme="dark"] .emoji-input{text-shadow:0 2px 10px #0004}
body[data-theme="dark"] .mode-note,body[data-theme="dark"] .privacy-note,body[data-theme="dark"] .output-card,body[data-theme="dark"] .message-result,body[data-theme="dark"] .decode-options{background:#ffffff0b;border-color:#ffffff19;box-shadow:inset 0 1px #ffffff0c,0 8px 24px #0002}
body[data-theme="dark"] .mode-note,body[data-theme="dark"] .mode-note strong{color:#c7c0e4}body[data-theme="dark"] .emoji-choice{background:#ffffff0b;color:#fff}body[data-theme="dark"] .decode-option{color:#b7b3ce}body[data-theme="dark"] .decode-option.active{background:#ffffff19;color:#fff}
body[data-theme="dark"] .preview-card{background:radial-gradient(ellipse at center,#ffffff16 0,#ffffff09 38%,transparent 72%),linear-gradient(140deg,#b7a5ff10,#ffffff06 55%,#e99cf20c);border-color:#ffffff1b;box-shadow:inset 0 1px #ffffff16,0 8px 22px #0002}
body[data-theme="dark"] .preview-glow{background:#d5ccff13}body[data-theme="dark"] .preview-file{background:#211e37e8;border-color:#ffffff1d}body[data-theme="dark"] .file-thumb{background:#8d79e72a;color:#c3b7ff}body[data-theme="dark"] .preview-file small{color:#aaa5c1}
body[data-theme="dark"] .secondary-button,body[data-theme="dark"] .icon-button{background:#ffffff0d;border-color:#ffffff21;color:#e5e1f7;box-shadow:inset 0 1px #ffffff0c}body[data-theme="dark"] .emoji-copy{background:linear-gradient(110deg,#7155d533,#35c9d21a);border-color:#9383ee66;color:#e5dfff}
body[data-theme="dark"] .message-result-body{background:#ffffff0a;border-color:#ffffff19;color:#f0edff}body[data-theme="dark"] .orbit{border-color:#ffffff20}body[data-theme="dark"] .decode-lock{box-shadow:0 20px 45px #0006}
body[data-theme="dark"] .emoji-choice.active{background:#7968d932;border-color:#aa9cff}body[data-theme="dark"] .upload-symbol{background:#7c67e52d;color:#c3b7ff}body[data-theme="dark"] .mini-upload,body[data-theme="dark"] .browse-link{color:#b8aaff}
/* Search-friendly product and privacy guide */
.site-guide{max-width:1010px;margin:36px auto 0;padding:40px;background:var(--glass);border:1px solid #ffffffd9;border-radius:24px;box-shadow:0 18px 58px #453a8e12,inset 0 1px #fff;backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%)}
.guide-heading{max-width:690px;margin:0 auto 25px;text-align:center}.guide-heading h2{font:750 clamp(25px,3.4vw,34px)/1.2 var(--serif);letter-spacing:-1.3px;margin:11px 0;color:var(--ink)}.guide-heading>p,.guide-card p,.guide-privacy p,.guide-faq details p{color:#79768c;font-size:12px;line-height:1.75;margin:0}
.guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.guide-card,.guide-privacy,.guide-faq{background:#ffffff83;border:1px solid #ffffffd9;border-radius:15px;padding:20px;box-shadow:0 7px 20px #463a8610,inset 0 1px #fff}.guide-number{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(145deg,#ebe7ff,#e5f9fa);color:#7259df;font-size:10px;font-weight:850;letter-spacing:.4px}.guide-card h3,.guide-privacy h3,.guide-faq h3{font:750 15px/1.35 var(--serif);letter-spacing:-.3px;color:#34314c;margin:15px 0 7px}.guide-bottom{display:grid;grid-template-columns:.9fr 1.1fr;gap:13px;margin-top:13px}.guide-privacy h3,.guide-faq h3{font-size:17px;margin-top:9px}.guide-faq details{border-top:1px solid #e6e2f0;padding:12px 0}.guide-faq details:first-of-type{margin-top:6px}.guide-faq summary{color:#514d68;font-size:11px;font-weight:700;cursor:pointer;line-height:1.5}.guide-faq details p{padding:8px 0 0;font-size:11px}.page-footer{margin-top:22px}
body[data-theme="dark"] .site-guide{border-color:#ffffff24;box-shadow:0 20px 60px #0003,inset 0 1px #ffffff13}body[data-theme="dark"] .guide-card,body[data-theme="dark"] .guide-privacy,body[data-theme="dark"] .guide-faq{background:#ffffff09;border-color:#ffffff1b;box-shadow:inset 0 1px #ffffff0c,0 8px 24px #0002}body[data-theme="dark"] .guide-heading h2,body[data-theme="dark"] .guide-card h3,body[data-theme="dark"] .guide-privacy h3,body[data-theme="dark"] .guide-faq h3,body[data-theme="dark"] .guide-faq summary{color:#f0edff}body[data-theme="dark"] .guide-heading>p,body[data-theme="dark"] .guide-card p,body[data-theme="dark"] .guide-privacy p,body[data-theme="dark"] .guide-faq details p{color:#b7b3ce}body[data-theme="dark"] .guide-faq details{border-color:#ffffff19}
@media(max-width:760px){.site-guide{margin:22px 15px 0;padding:26px 20px}.guide-steps{grid-template-columns:1fr}.guide-bottom{grid-template-columns:1fr}.guide-card{padding:17px}.guide-card h3{margin-top:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:560px){.top-actions{gap:7px}.powered-by{padding:7px 8px;gap:4px}.powered-label{font-size:9px}.powered-by strong{font-size:9px;letter-spacing:.7px}.theme-toggle{padding:7px 9px}.theme-text{display:none}.theme-icon{font-size:17px}}