:root{color-scheme:dark;--otl-bg: #070a11;--otl-ink: #fff4df;--otl-muted: rgba(255, 244, 223, .68);--otl-soft: rgba(255, 244, 223, .1);--otl-surface: rgba(14, 18, 29, .78);--otl-surface-strong: rgba(18, 22, 34, .92);--otl-line: rgba(255, 244, 223, .14);--otl-line-gold: rgba(217, 164, 65, .34);--otl-gold: #d9a441;--otl-gold-bright: #ffe6a3;--otl-rose: #e67a86;--otl-blue: #6d8eeb;--otl-green: #58a67a;--qx-font-heading: "Playfair Display", Georgia, serif}*{box-sizing:border-box}html,body,#root{min-height:100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html,body{overflow-x:hidden}body{margin:0;min-height:100vh;min-height:100dvh;background:linear-gradient(180deg,#070a11,#0d111b 48%,#080910);color:var(--qx-text-main, var(--otl-ink));font-family:var(--qx-font-body, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none}body:before{z-index:-2;background:radial-gradient(circle at 14% 18%,rgba(255,255,255,.78) 0 1px,transparent 1.8px),radial-gradient(circle at 82% 24%,rgba(255,230,163,.82) 0 1px,transparent 1.8px),radial-gradient(circle at 62% 72%,rgba(109,142,235,.7) 0 1px,transparent 1.8px);background-size:260px 260px,340px 340px,300px 300px;opacity:.3}body:after{z-index:-1;background:linear-gradient(128deg,transparent 0 38%,rgba(217,164,65,.08) 45%,transparent 54%),linear-gradient(180deg,transparent 0%,rgba(0,0,0,.34) 100%)}body,button,input,textarea{font:inherit;letter-spacing:0}button,[role=button],.qx-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent}input,textarea,a,[contenteditable=true],.parchment-input{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}button:disabled{cursor:not-allowed;opacity:.56}.otl-shell{position:relative;width:min(720px,calc(100% - 36px));min-height:100vh;min-height:100dvh;margin:0 auto;padding:44px 0;display:grid;align-content:center;gap:28px}.otl-shell:before{content:"";position:absolute;inset:8% -14% auto;height:1px;background:linear-gradient(90deg,transparent,rgba(217,164,65,.42),rgba(109,142,235,.26),transparent);opacity:.82}.otl-shell .qx-note-tech,.otl-shell .qx-note-ui,.otl-shell .qx-badge,.otl-shell .qx-heading-tech,.otl-shell .qx-label{letter-spacing:0}.otl-minimal-header{position:relative;display:grid;justify-items:center;gap:10px;text-align:center}.otl-star-compass{position:relative;width:56px;height:56px;display:grid;place-items:center;color:var(--otl-gold-bright);filter:drop-shadow(0 0 12px rgba(217,164,65,.3))}.otl-star-compass svg{width:26px;height:26px;animation:otl-star-breathe 3s ease-in-out infinite alternate}.otl-star-ring{position:absolute;inset:5px;border:1px solid rgba(217,164,65,.28);border-radius:50%}.otl-star-ring:before,.otl-star-ring:after{content:"";position:absolute;inset:10px -4px;border-top:1px solid rgba(109,142,235,.24);border-bottom:1px solid rgba(109,142,235,.14);border-radius:50%}.otl-star-ring:before{transform:rotate(24deg)}.otl-star-ring:after{transform:rotate(-24deg)}.otl-brand{margin:0;color:var(--otl-gold);font-family:var(--qx-font-ui, Inter, sans-serif);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.otl-minimal-header h1{margin:0;color:var(--otl-ink);font-family:Playfair Display,Georgia,serif;font-size:3.4rem;font-style:italic;font-weight:500;line-height:.95;letter-spacing:0}.otl-title-gradient{display:inline-block;background:linear-gradient(128deg,#fff 8%,#ffe6a3 38%,#d9a441 58%,#f2a1aa);background-size:220% auto;background-clip:text;color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:otl-gradient-shimmer 7s ease-in-out infinite alternate}.otl-create-panel{position:relative;padding:28px;overflow:hidden;border:1px solid var(--otl-line);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.045),transparent 42%),linear-gradient(180deg,var(--otl-surface),rgba(9,12,20,.84));box-shadow:0 26px 64px #0006,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.otl-create-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 20%,rgba(255,255,255,.42) 0 1px,transparent 1.8px),radial-gradient(circle at 92% 34%,rgba(217,164,65,.52) 0 1px,transparent 1.8px);background-size:220px 220px,260px 260px;opacity:.12}.create-secret-form{position:relative;max-width:100%;margin:0;z-index:1}.secret-compose-form{display:grid;gap:20px}.view-transition-panel{animation:otl-view-panel-in .24s cubic-bezier(.16,1,.3,1) both}.view-transition-panel.is-exiting{pointer-events:none;animation:otl-view-panel-out .17s ease-in both}.qx-form-group{display:grid;gap:10px}.qx-label{color:#fff4dfd1;font-size:.84rem;font-weight:700}.qx-textarea,.qx-input{width:100%;border:1px solid rgba(255,244,223,.14);border-radius:12px;background:#04070d6b;color:var(--otl-ink);outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.qx-input{min-height:44px;padding:0 14px}.qx-textarea:focus,.qx-input:focus{border-color:#d9a44170;box-shadow:0 0 0 3px #d9a4411f}.qx-btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border:1px solid rgba(255,244,223,.16);border-radius:999px;background:#ffffff0a;color:var(--otl-ink);font-weight:700;text-decoration:none;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.qx-btn.is-pressing:not(:disabled){transform:translateY(0) scale(1.025);border-color:#d9a4416b;background:#d9a4411f;color:var(--otl-gold-bright);box-shadow:0 10px 22px #0000003d,0 0 18px #d9a44124}@media(hover:hover)and (pointer:fine){.qx-btn:hover:not(:disabled){transform:translateY(-1px) scale(1.035);border-color:#d9a44166;background:#d9a4411a;color:var(--otl-gold-bright)}}.qx-btn-primary{border-color:#d9a4416b;background:linear-gradient(180deg,#d9a44147,#d9a44129);color:var(--otl-gold-bright)}.qx-btn-secondary{background:#ffffff09;color:#fff4dfc7}.qx-btn-lg{min-height:50px;padding-inline:26px}.qx-error-message{color:#ffb7c0;font-size:.88rem;line-height:1.45}.secret-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:8px}.otl-secure-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:999px;background:#fff4df08;border:1px solid rgba(255,244,223,.08);transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s ease,background .3s ease,box-shadow .3s ease}.otl-secure-lock{width:16px;height:16px;color:#fff4df66;transition:color .3s ease,transform .3s ease}.otl-secure-lock .lock-shackle{transition:transform .35s cubic-bezier(.34,1.56,.64,1),stroke .3s ease;transform-origin:15px 11px}.otl-secure-lock .lock-body{transition:fill .3s ease;fill:#fff4df2e}.otl-secure-lock .lock-keyhole{stroke:#fff4df4d;transition:stroke .3s ease}.otl-secure-indicator-dot{width:6px;height:6px;border-radius:50%;background:#fff4df38;transition:transform .3s ease,opacity .3s ease,background .3s ease,box-shadow .3s ease}.otl-secure-badge.is-unencrypted .otl-secure-lock .lock-shackle{transform:rotate(-22deg) translate(-1.5px,-2.5px)}.otl-secure-badge.is-encrypted{background:#58a67a14;border-color:#58a67a38;box-shadow:0 0 12px #58a67a1a}.otl-secure-badge.is-encrypted .otl-secure-lock{color:var(--otl-green);transform:scale(1.08)}.otl-secure-badge.is-encrypted .otl-secure-lock .lock-shackle{transform:none}.otl-secure-badge.is-encrypted .otl-secure-lock .lock-body{fill:var(--otl-green)}.otl-secure-badge.is-encrypted .otl-secure-lock .lock-keyhole{stroke:#070a11}.otl-secure-badge.is-encrypted .otl-secure-indicator-dot{background:var(--otl-green);box-shadow:0 0 8px var(--otl-green);animation:otl-dot-pulse 1.6s infinite alternate ease-in-out}.secret-textarea-wrap.is-encrypting{border-color:#d9a44157;box-shadow:inset 0 1px #ffffff0f,0 0 24px #d9a44114,0 0 0 1px #d9a44124}@keyframes otl-dot-pulse{0%{transform:scale(.9);opacity:.72;box-shadow:0 0 4px var(--otl-green)}to{transform:scale(1.15);opacity:1;box-shadow:0 0 10px var(--otl-green)}}.secret-textarea-wrap{position:relative;isolation:isolate;display:flex;flex-direction:column;border:1px solid rgba(255,244,223,.13);border-radius:12px;background:linear-gradient(180deg,#ffffff0e,#ffffff07);box-shadow:inset 0 1px #ffffff0d,0 0 0 1px #00000029;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;overflow:hidden}.secret-textarea-wrap:hover,.secret-textarea-wrap:focus-within{border-color:#d9a4416b;box-shadow:inset 0 1px #ffffff0f,0 0 0 3px #d9a4411a,0 0 30px #d9a4411a}.secret-textarea-wrap:active{border-color:#d9a4416b;box-shadow:inset 0 1px #ffffff0f,0 0 0 3px #d9a4411a,0 0 30px #d9a4411a}.secret-textarea{width:100%;min-height:196px;padding:16px!important;border:none!important;background:transparent!important;color:var(--otl-ink)!important;font-family:var(--qx-font-body, Inter, sans-serif);line-height:1.58;resize:vertical;box-shadow:none!important;outline:none!important}.secret-textarea::placeholder{color:#fff4df6b}.secret-textarea-footer{display:flex;justify-content:flex-end;align-items:center;padding:8px 16px;background:#04070d52;border-top:1px solid rgba(255,244,223,.06)}.qx-byte-counter{font-family:var(--qx-font-code, "SFMono-Regular", Consolas, monospace);font-size:.76rem;color:#fff4df7a;font-weight:500}.qx-progress-wrapper{position:absolute;left:0;right:0;bottom:0}.qx-progress-track{height:3px;overflow:hidden;border-radius:999px;background:#ffffff14}.qx-progress-bar{height:100%;border-radius:999px;transition:width .22s ease,background-color .22s ease}.qx-progress-bar-green{background:var(--otl-green);box-shadow:0 0 12px #58a67a70}.qx-progress-bar-amber{background:var(--otl-gold);box-shadow:0 0 12px #d9a44170}.qx-progress-bar-red{background:var(--otl-rose);box-shadow:0 0 12px #e67a8675}.qx-segmented-container{--segment-gap: 6px;--segment-padding: 5px;--segment-gaps-width: 12px;--selected-offset: 0px;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--segment-gap);padding:var(--segment-padding);border:1px solid rgba(255,244,223,.1);border-radius:14px;background:#04070d6b;isolation:isolate;overflow:hidden}.qx-segmented-indicator{position:absolute;z-index:0;top:var(--segment-padding);bottom:var(--segment-padding);left:var(--segment-padding);width:calc((100% - (var(--segment-padding) * 2) - var(--segment-gaps-width)) / 3);border:1px solid rgba(217,164,65,.44);border-radius:10px;background:linear-gradient(180deg,#d9a4412e,#ffffff12);box-shadow:inset 0 1px #ffffff1f,0 8px 20px #0000003d,0 0 18px #d9a4411f;transform:translate(var(--selected-offset));transition:transform .28s cubic-bezier(.2,.9,.24,1.12),box-shadow .22s ease;pointer-events:none}.qx-segmented-btn{position:relative;z-index:1;min-height:42px;border:1px solid transparent;border-radius:10px;background:transparent;color:#fff4dfa8;font-size:.9rem;font-weight:600;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .22s cubic-bezier(.2,.9,.24,1.12)}.qx-segmented-btn.is-pressing{color:var(--otl-ink);background:#ffffff0e;transform:scale(1.025)}@media(hover:hover)and (pointer:fine){.qx-segmented-btn:hover{color:var(--otl-ink);background:#ffffff0e;transform:translateY(-1px)}}.qx-segmented-btn.active{border-color:transparent;background:transparent;color:var(--otl-gold-bright);text-shadow:0 0 12px rgba(217,164,65,.28)}.secret-form-error{margin:0}.secret-submit{width:fit-content;min-width:210px;justify-self:center;display:inline-flex!important;align-items:center;justify-content:center;gap:10px;border-radius:999px!important;box-shadow:0 14px 28px #d9a4412e,inset 0 1px #ffffff38}.secret-submit svg{width:18px;height:18px;stroke-width:2}.secret-submit:disabled svg{animation:otl-spin 1.1s linear infinite}.success-result{display:grid;justify-items:center;gap:20px;padding:16px 0 4px;text-align:center}.success-heading{display:grid;justify-items:center;gap:14px;max-width:56ch}.success-seal-container{position:relative;width:72px;height:72px;display:grid;place-items:center}.success-star-wax{width:52px;height:52px;color:var(--otl-gold-bright);filter:drop-shadow(0 0 16px rgba(217,164,65,.45));transform:scale(0);animation:otl-seal-stamp .55s cubic-bezier(.175,.885,.32,1.275) .1s forwards}.success-star-wax svg{width:100%;height:100%}.success-seal-ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(217,164,65,.28);transform:scale(0);opacity:0;pointer-events:none}.success-seal-ring-1{animation:otl-ring-ripple .8s cubic-bezier(.16,1,.3,1) .4s forwards}.success-seal-ring-2{animation:otl-ring-ripple .8s cubic-bezier(.16,1,.3,1) .55s forwards}.success-result h2{margin:0;color:#f5e8cc;font-family:Playfair Display,Georgia,serif;font-size:1.95rem;font-style:italic;font-weight:500;line-height:1.1;letter-spacing:0;opacity:0;animation:otl-fade-up .5s ease-out .3s forwards}.parchment-token{position:relative;width:100%;padding:8px 14px;border:1px solid rgba(217,164,65,.22);border-radius:14px;background:linear-gradient(135deg,#d9a4411a,#ffffff05);box-shadow:0 12px 28px #0000004d,inset 0 1px #ffffff0a;display:flex;align-items:center;gap:12px;cursor:pointer;overflow:hidden;transition:transform .22s cubic-bezier(.2,.9,.24,1.12),border-color .22s ease,box-shadow .22s ease,background-color .22s ease}.parchment-token.is-pressing{border-color:#d9a4417a;background:linear-gradient(135deg,#d9a44124,#ffffff0a);box-shadow:0 16px 36px #00000061,0 0 15px #d9a4411f,inset 0 1px #ffffff0d;transform:scale(1.012)}@media(hover:hover)and (pointer:fine){.parchment-token:hover{border-color:#d9a4417a;background:linear-gradient(135deg,#d9a44124,#ffffff0a);box-shadow:0 16px 36px #00000061,0 0 15px #d9a4411f,inset 0 1px #ffffff0d}}.parchment-token-glow{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,230,163,.12),transparent);transform:translate(-100%) skew(-20deg);transition:transform .65s cubic-bezier(.25,1,.5,1);pointer-events:none}.parchment-token.is-pressing .parchment-token-glow{transform:translate(100%) skew(-20deg)}.parchment-lock-icon{width:18px;height:18px;color:var(--otl-gold);flex-shrink:0;filter:drop-shadow(0 0 3px rgba(217,164,65,.25))}.parchment-input{flex:1;min-width:0;border:0!important;background:transparent!important;color:var(--otl-ink)!important;font-family:var(--qx-font-code, "SFMono-Regular", Consolas, monospace);font-size:.86rem;text-align:left!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:4px 0!important;pointer-events:auto}.parchment-copy-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--otl-gold-bright);background:#d9a44126;border:1px solid rgba(217,164,65,.28);padding:3px 10px;border-radius:99px;flex-shrink:0;transition:background-color .15s ease,border-color .15s ease}.parchment-token.is-pressing .parchment-copy-badge{background:#d9a4413d;border-color:#d9a44170}@media(hover:hover)and (pointer:fine){.parchment-token:hover .parchment-token-glow{transform:translate(100%) skew(-20deg)}.parchment-token:hover .parchment-copy-badge{background:#d9a4413d;border-color:#d9a44170}}.otl-modal-overlay{position:fixed;inset:0;z-index:9999;background:#04070dc7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;animation:otl-fade-in .22s ease-out forwards;cursor:pointer;-webkit-tap-highlight-color:transparent}.otl-modal-overlay.is-exiting{pointer-events:none;animation:otl-fade-out .18s ease-in forwards}.otl-modal-card{position:relative;width:min(92vw,400px);background:linear-gradient(180deg,var(--otl-surface-strong),rgba(8,10,18,.98));border:1px solid rgba(255,244,223,.12);border-radius:20px;padding:28px;box-shadow:0 24px 64px #000000ad,0 0 0 1px #fff4df08;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;animation:otl-scale-up .3s cubic-bezier(.34,1.56,.64,1) forwards;cursor:default;max-height:85dvh;overflow-y:auto;overscroll-behavior:contain}.otl-modal-overlay.is-exiting .otl-modal-card{animation:otl-scale-down .18s ease-in forwards}.otl-modal-card h3{margin:0;color:var(--otl-ink);font-family:Playfair Display,Georgia,serif;font-size:1.45rem;font-style:italic;font-weight:500}.otl-modal-hint{margin:0;font-size:.78rem;color:var(--otl-muted);line-height:1.45}.otl-modal-close-btn{width:100%;min-height:38px;border-radius:10px;border:1px solid rgba(255,244,223,.08);background:#ffffff05;color:#fff4df99;font-size:.84rem;font-weight:600;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;margin-top:8px}.otl-modal-close-btn.is-pressing{background:#ffffff0d;color:var(--otl-ink);border-color:#fff4df26;transform:scale(1.018)}@media(hover:hover)and (pointer:fine){.otl-modal-close-btn:hover{background:#ffffff0d;color:var(--otl-ink);border-color:#fff4df26;transform:translateY(-1px)}}.otl-share-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%;padding:8px 0}.otl-share-item-btn{border:none;background:transparent;display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff4dfad;font-size:.74rem;font-weight:600;cursor:pointer;text-decoration:none;transition:color .15s ease}.otl-share-item-btn.is-pressing{color:var(--otl-ink)}.share-icon-circle{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease}.otl-share-item-btn.is-pressing .share-icon-circle{transform:translateY(-2px) scale(1.06)}@media(hover:hover)and (pointer:fine){.otl-share-item-btn:hover{color:var(--otl-ink)}.otl-share-item-btn:hover .share-icon-circle{transform:translateY(-3px) scale(1.08)}}.bg-gold-gradient{background:radial-gradient(circle at 30% 30%,#ffd066,#d9a441);box-shadow:0 6px 14px #d9a44147}.bg-telegram-gradient{background:radial-gradient(circle at 30% 30%,#44bbf3,#229ed9);box-shadow:0 6px 14px #229ed952}.bg-zalo-gradient{background:radial-gradient(circle at 30% 30%,#38f,#0050d0);box-shadow:0 6px 14px #0050d052}.share-zalo-text{font-family:Arial,sans-serif;font-weight:900;font-size:1.3rem;color:#fff}.bg-email-gradient{background:radial-gradient(circle at 30% 30%,#f1959f,#e67a86);box-shadow:0 6px 14px #e67a8647}.bg-messenger-gradient{background:radial-gradient(circle at 30% 30%,#a464ff,#0084ff);box-shadow:0 6px 14px #0084ff52}.bg-sms-gradient{background:radial-gradient(circle at 30% 30%,#5fd87c,#20b043);box-shadow:0 6px 14px #20b04352}@keyframes otl-seal-stamp{0%{transform:scale(3.5) rotate(-35deg);opacity:0;filter:blur(4px) drop-shadow(0 0 0 rgba(217,164,65,0))}75%{transform:scale(.92) rotate(4deg);opacity:.95;filter:blur(0)}to{transform:scale(1) rotate(0);opacity:1;filter:drop-shadow(0 0 16px rgba(217,164,65,.44))}}@keyframes otl-ring-ripple{0%{transform:scale(.6);opacity:.9;border-color:#d9a44199}to{transform:scale(1.6);opacity:0;border-color:#d9a44100}}@keyframes otl-fade-up{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes otl-fade-in{0%{opacity:0}to{opacity:1}}@keyframes otl-fade-out{0%{opacity:1}to{opacity:0}}@keyframes otl-scale-up{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@keyframes otl-scale-down{0%{transform:scale(1);opacity:1}to{transform:scale(.96);opacity:0}}@keyframes otl-view-panel-in{0%{opacity:0;transform:translateY(8px) scale(.985);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes otl-view-panel-out{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(-6px) scale(.985);filter:blur(2px)}}.success-action-group{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;width:100%}.minimal-icon-action{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,244,223,.12);border-radius:50%;background:#ffffff0a;color:var(--otl-ink);cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.minimal-icon-action.is-pressing{border-color:#d9a44161;background:#d9a4411a;color:var(--otl-gold-bright);transform:translateY(-1px) scale(1.07);box-shadow:0 10px 22px #0000003d,0 0 18px #d9a44129}@media(hover:hover)and (pointer:fine){.minimal-icon-action:hover{border-color:#d9a44161;background:#d9a4411a;color:var(--otl-gold-bright);transform:translateY(-2px) scale(1.11);box-shadow:0 10px 22px #0000003d,0 0 18px #d9a44129}}.copy-status{color:var(--otl-green)!important;font-size:.86rem}.copy-status-error{color:var(--otl-rose)!important}.otl-qrcode-toggle-card{width:100%;display:grid;justify-items:center;padding:2px 0}.otl-qrcode-canvas-wrapper{display:inline-flex;align-items:center;justify-content:center;padding:9px;border:1px solid rgba(217,164,65,.32);border-radius:14px;background:#fff;box-shadow:0 18px 36px #0000005c,0 0 28px #d9a44129;animation:otl-qr-in .26s ease-out forwards}.otl-qrcode-canvas-wrapper canvas{display:block;max-width:100%;height:auto!important}.success-result>.qx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 24px;border-radius:999px;border:1px solid rgba(255,244,223,.15)!important;background:#ffffff08!important;color:var(--otl-muted)!important;font-size:.84rem;font-weight:600;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease;box-shadow:inset 0 1px #ffffff0a;margin-top:10px}.success-result>.qx-btn.is-pressing{border-color:#d9a44161!important;background:#d9a44114!important;color:var(--otl-gold-bright)!important;box-shadow:0 8px 20px #0000003d,0 0 12px #d9a4411f;transform:translateY(0) scale(1.025)}@media(hover:hover)and (pointer:fine){.success-result>.qx-btn:hover{border-color:#d9a44161!important;background:#d9a44114!important;color:var(--otl-gold-bright)!important;box-shadow:0 8px 20px #0000003d,0 0 12px #d9a4411f;transform:translateY(-1px) scale(1.035)}}@keyframes otl-star-breathe{0%{opacity:.72;transform:scale(.94) rotate(0)}to{opacity:1;transform:scale(1.08) rotate(18deg)}}@keyframes otl-gradient-shimmer{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes otl-qr-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes otl-spin{to{transform:rotate(360deg)}}@media(max-width:760px){.otl-shell{width:min(100% - 22px,720px);padding:28px 0;align-content:start;gap:24px}.otl-minimal-header h1{font-size:2.7rem}.otl-create-panel{padding:20px;border-radius:16px}.secret-submit,.secret-link-box{width:100%}.secret-submit{min-width:0}.otl-create-panel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.otl-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}@media(max-width:480px){.otl-shell{width:min(100% - 18px,720px)}.otl-star-compass{width:54px;height:54px}.otl-minimal-header h1{font-size:2.45rem}.secret-label-row{align-items:flex-start;flex-direction:column;gap:4px}.secret-textarea{min-height:176px}.qx-segmented-container{--segment-gap: 4px;--segment-padding: 4px;--segment-gaps-width: 8px;grid-template-columns:repeat(3,minmax(0,1fr))}.qx-segmented-btn{min-height:36px;font-size:.8rem;padding:0 4px}.secret-link-box{border-radius:18px}.secret-link-box input{text-align:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}@media(max-width:760px){body:before{background:radial-gradient(circle at 20% 10%,rgba(217,164,65,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(109,142,235,.12) 0%,transparent 50%);background-size:cover;opacity:1;transform:translateZ(0)}body:after{background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.4) 100%);transform:translateZ(0)}.otl-create-panel,.reveal-secret-card,.otl-modal-overlay,.qx-segmented-container,.parchment-token{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.otl-create-panel,.reveal-secret-card{background:linear-gradient(145deg,rgba(255,255,255,.06),transparent 42%),linear-gradient(180deg,#0e121df5,#090c14fa)!important;box-shadow:0 16px 40px #0009,inset 0 1px #ffffff14!important}.otl-modal-overlay{background:#070a11e6!important}.qx-segmented-container,.parchment-token{background:#121622f2!important}}