.main-container-secret-messages {
    min-height: calc(100vh - 70px);
    padding: 90px max(20px, calc((100vw - 1160px) / 2)) 100px;
    color: #f7f8ff;
    background:
        radial-gradient(circle at 10% 0, rgba(139,92,246,.15), transparent 28%),
        radial-gradient(circle at 95% 25%, rgba(236,72,153,.1), transparent 30%),
        #090c18;
}
.main-container-secret-messages,.main-container-secret-messages * { box-sizing:border-box; }

.secret-protection-button {
    position: relative;
    width: 100%;
    min-height: 92px;
    margin: 0 0 26px;
    padding: 17px 20px;
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    overflow: hidden;
    border: 1px solid rgba(72, 220, 170, .3);
    border-radius: 18px;
    background:
        radial-gradient(circle at 92% 10%, rgba(55, 215, 165, .17), transparent 35%),
        linear-gradient(135deg, rgba(20, 46, 49, .96), rgba(18, 25, 43, .96));
    color: #ffffff;
    text-align: left;
    box-shadow: 0 15px 38px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .04);
    cursor: pointer;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.secret-protection-button::after {
    content: '';
    position: absolute;
    top: -70px;
    right: 12%;
    width: 130px;
    height: 220px;
    transform: rotate(28deg);
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .045), transparent);
    pointer-events: none;
}

.secret-protection-button:hover {
    transform: translateY(-2px);
    border-color: rgba(83, 235, 184, .56);
    box-shadow: 0 19px 45px rgba(0, 0, 0, .27), 0 0 25px rgba(45, 205, 154, .08);
}

.secret-protection-icon {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(102, 239, 194, .26);
    border-radius: 15px;
    background: rgba(54, 209, 160, .13);
    color: #71ebc1;
    font-size: 22px;
    box-shadow: inset 0 0 18px rgba(74, 222, 170, .06);
}

.secret-protection-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.secret-protection-copy small {
    color: #77d8b8;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.secret-protection-copy strong {
    color: #ffffff;
    font-size: 17px;
}

.secret-protection-copy > span {
    color: #9fabbc;
    font-size: 12px;
    line-height: 1.5;
}

.secret-protection-action {
    min-height: 42px;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid rgba(104, 236, 193, .27);
    border-radius: 11px;
    background: rgba(56, 207, 159, .13);
    color: #baf9e3;
    font-size: 13px;
    font-weight: 800;
}

.secret-protection-modal{position:fixed;inset:0;z-index:1250;padding:18px;display:none;align-items:center;justify-content:center;background:rgba(3,5,12,.84);backdrop-filter:blur(8px)}
.secret-protection-modal.active{display:flex}.secret-protection-dialog{width:min(100%,760px);max-height:calc(100dvh - 44px);overflow:auto;background:#151927;border:1px solid rgba(111,235,194,.18);border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.58)}
.secret-protection-modal-head{padding:23px 25px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(135deg,rgba(42,103,84,.16),transparent)}.secret-protection-modal-head>div>span{display:inline-flex;align-items:center;gap:7px;color:#73e0ba;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.secret-protection-modal-head h2{margin:6px 0;color:#fff;font-size:24px}.secret-protection-modal-head p{margin:0;color:#959db1;font-size:13px}.secret-protection-modal-head>button{width:40px;height:40px;flex:0 0 40px;border:0;border-radius:50%;background:#252a3a;color:#b9bfce;cursor:pointer}
.secret-protection-form{padding:23px 25px 25px}.secret-protection-option{padding:19px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:rgba(255,255,255,.025)}.secret-protection-option+.secret-protection-option{margin-top:14px}.secret-protection-option-title{display:flex;align-items:center;gap:13px}.secret-protection-option-title>span{width:43px;height:43px;display:grid;place-items:center;flex:0 0 43px;border-radius:12px;background:rgba(72,220,170,.11);color:#72e2bc}.secret-protection-option-title h3{margin:0 0 4px;color:#fff;font-size:16px}.secret-protection-option-title p{margin:0;color:#9199ad;font-size:12px}
.secret-protection-fixed,.secret-protection-ai-note{margin-top:16px;padding:13px;display:flex;align-items:center;gap:11px;border-radius:12px}.secret-protection-fixed{border:1px solid rgba(104,236,193,.17);background:rgba(56,207,159,.07);color:#75dfbc}.secret-protection-fixed div{display:flex;flex-direction:column;gap:2px}.secret-protection-fixed strong{color:#dffaf1;font-size:13px}.secret-protection-fixed span{color:#929fad;font-size:11px}.secret-protection-ai-note{background:rgba(139,92,246,.09);color:#baa8ff;font-size:11px;line-height:1.5}.secret-protection-choices{margin:16px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;border:0}.secret-protection-choices label{padding:14px;display:flex;align-items:flex-start;gap:9px;border:1px solid #343a4e;border-radius:12px;background:#202534;cursor:pointer}.secret-protection-choices label:has(input:checked){border-color:#51cda3;background:rgba(66,197,154,.09)}.secret-protection-choices input{margin-top:3px;accent-color:#52d0a6}.secret-protection-choices span{display:flex;flex-direction:column;gap:3px}.secret-protection-choices strong{color:#f1f4f8;font-size:13px}.secret-protection-choices small{color:#8f97aa;font-size:11px;line-height:1.4}
.secret-protection-summary{margin-top:15px;padding:13px 15px;display:flex;align-items:flex-start;gap:10px;border-radius:12px;background:#101522;color:#8f98aa}.secret-protection-summary i{margin-top:3px;color:#7ca6e8}.secret-protection-summary p{margin:0;font-size:12px;line-height:1.55}.secret-protection-form-actions{margin-top:20px;display:flex;justify-content:flex-end;gap:10px}.secret-protection-form-actions button{min-height:45px;padding:0 17px;border:0;border-radius:11px;font-weight:800;cursor:pointer}.secret-protection-cancel{background:#292e3e;color:#c3c8d3}.secret-protection-save{background:linear-gradient(135deg,#36a77f,#537bd9);color:#fff;box-shadow:0 10px 25px rgba(45,169,128,.18)}

.secret-dashboard-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:32px; }
.secret-plan-usage{margin-bottom:25px;padding:16px 19px;display:grid;grid-template-columns:.55fr 1fr 1fr auto;align-items:center;gap:22px;border:1px solid rgba(167,139,250,.17);border-radius:17px;background:rgba(17,20,36,.9)}.secret-plan-usage>div{display:grid;gap:5px}.secret-plan-usage span{color:#929aaf;font-size:11px;font-weight:700;text-transform:uppercase}.secret-plan-usage strong{color:#f3f0ff}.secret-plan-usage progress{width:100%;height:6px;border:0;border-radius:8px;overflow:hidden}.secret-plan-usage progress::-webkit-progress-bar{background:#292d40}.secret-plan-usage progress::-webkit-progress-value{background:linear-gradient(90deg,#7657ea,#d3489a)}.secret-plan-subscribe{min-height:52px;padding:8px 18px;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:9px;border-radius:13px;background:linear-gradient(135deg,#7657ea,#d3489a);color:#fff;text-decoration:none;box-shadow:0 10px 25px rgba(118,87,234,.25)}.secret-plan-subscribe>i{grid-row:1/3}.secret-plan-subscribe span{color:#f0eaff;font-size:10px}.secret-plan-subscribe strong{font-size:14px}.secret-plan-upgrade{display:inline-flex;align-items:center;gap:7px;color:#aaa0c8;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}.secret-plan-upgrade:hover{color:#d4caff}
.secret-dashboard-heading > div { max-width:720px; }
.secret-dashboard-kicker { display:inline-flex; align-items:center; gap:8px; color:#bda7ff; font-size:13px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.secret-dashboard-heading h1 { margin:10px 0 9px; color:#fff; font-size:clamp(31px,5vw,48px); line-height:1.1; letter-spacing:-.035em; }
.secret-dashboard-heading p { margin:0; color:#aeb5ca; font-size:16px; line-height:1.65; }

.secret-create-button,.secret-save-button,.secret-view-button,.secret-cancel-button,.secret-share-button { border:0; cursor:pointer; text-decoration:none; transition:.2s ease; }
.secret-create-button,.secret-save-button { min-height:50px; padding:0 20px; display:inline-flex; align-items:center; justify-content:center; gap:9px; color:#fff; background:linear-gradient(135deg,#7657ea,#d3489a); border-radius:13px; font-size:14px; font-weight:800; box-shadow:0 12px 28px rgba(118,87,234,.23); }
.secret-create-button:hover,.secret-save-button:hover { color:#fff; transform:translateY(-2px); box-shadow:0 16px 35px rgba(118,87,234,.34); }
.secret-save-button:disabled { opacity:.6; cursor:wait; transform:none; }
.secret-links-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.secret-links-search{position:relative;margin-bottom:18px;display:flex;align-items:center}.secret-links-search>i{position:absolute;left:15px;color:#969db1;pointer-events:none}.secret-links-search input{width:100%;height:49px;padding:0 82px 0 43px;border:1px solid rgba(167,139,250,.17);border-radius:13px;background:rgba(22,26,45,.8);color:#fff;outline:0}.secret-links-search input:focus{border-color:#8066eb;box-shadow:0 0 0 4px rgba(128,102,235,.12)}.secret-links-search span{position:absolute;right:14px;color:#aaa2c4;font-size:12px}.secret-links-no-results{grid-column:1/-1;padding:48px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;border:1px dashed rgba(167,139,250,.23);border-radius:18px;color:#999fb2}.secret-links-no-results[hidden]{display:none}.secret-links-no-results i{font-size:24px;color:#a78bfa}.secret-links-no-results strong{color:#f1effa}
.secret-link-card { padding:25px; background:rgba(22,26,45,.86); border:1px solid rgba(255,255,255,.08); border-radius:20px; box-shadow:0 14px 40px rgba(0,0,0,.16); }
.secret-link-card-top { display:flex; align-items:center; justify-content:space-between; gap:15px; }
.secret-link-icon { width:46px; height:46px; display:grid; place-items:center; color:#d9ccff; background:rgba(139,92,246,.15); border:1px solid rgba(167,139,250,.18); border-radius:13px; }
.secret-link-status { display:inline-flex; align-items:center; gap:6px; color:#aeb5ca; font-size:12px; font-weight:700; }
.secret-link-status i { font-size:7px; }
.secret-link-status.active i { color:#45db91; }
.secret-link-status.inactive i { color:#f87171; }
.secret-link-card h2 { margin:19px 0 13px; color:#fff; font-size:20px; overflow-wrap:anywhere; }
.secret-link-url { padding:11px 12px; display:flex; align-items:center; gap:10px; background:#0e1120; border:1px solid rgba(255,255,255,.07); border-radius:11px; }
.secret-link-url span { min-width:0; flex:1; overflow:hidden; color:#aeb5ca; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.secret-link-url button { width:34px; height:34px; flex:0 0 34px; color:#c9bbff; background:rgba(139,92,246,.12); border:0; border-radius:9px; cursor:pointer; }
.secret-link-meta { margin:17px 0; display:flex; flex-wrap:wrap; gap:10px 18px; color:#949cb1; font-size:12px; }
.secret-link-meta span { display:inline-flex; align-items:center; gap:7px; }
.secret-link-actions { display:flex; gap:10px; }
.secret-view-button { min-height:43px; padding:0 16px; flex:1; display:flex; align-items:center; justify-content:space-between; color:#eeeaff; background:rgba(139,92,246,.12); border:1px solid rgba(167,139,250,.18); border-radius:11px; font-size:13px; font-weight:800; }
.secret-view-button:hover { color:#fff; background:rgba(139,92,246,.2); }
.secret-share-button { width:43px; color:#d6cdf5; background:#282d40; border-radius:11px; }
.secret-share-button:hover { color:#fff; background:#363d55; }

.secret-empty-state { grid-column:1/-1; padding:70px 25px; text-align:center; background:rgba(22,26,45,.65); border:1px dashed rgba(167,139,250,.25); border-radius:22px; }
.secret-empty-state > div { width:66px; height:66px; margin:0 auto 18px; display:grid; place-items:center; color:#cdbfff; background:rgba(139,92,246,.14); border-radius:19px; font-size:25px; }
.secret-empty-state h2 { margin:0 0 9px; color:#fff; font-size:23px; }
.secret-empty-state p { margin:0 0 23px; color:#9fa7bb; }

.secret-create-modal { position:fixed; inset:0; z-index:1200; padding:20px; display:none; align-items:center; justify-content:center; background:rgba(3,5,12,.8); backdrop-filter:blur(7px); }
.secret-create-modal.active { display:flex; }
.secret-create-dialog { width:min(100%,680px); max-height:min(760px,calc(100dvh - 72px)); overflow:auto; overscroll-behavior:contain; scrollbar-gutter:stable; background:#171a2a; border:1px solid rgba(255,255,255,.1); border-radius:22px 0 0 22px; box-shadow:0 30px 90px rgba(0,0,0,.5); }
.secret-create-modal-head { padding:23px 25px; display:flex; justify-content:space-between; gap:20px; border-bottom:1px solid rgba(255,255,255,.07); }
.secret-create-modal-head span { color:#af99fb; font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.secret-create-modal-head h2 { margin:4px 0 0; color:#fff; font-size:22px; }
.secret-create-modal-head > button { width:39px; height:39px; color:#b3b8c8; background:#242838; border:0; border-radius:50%; cursor:pointer; }
.secret-create-form { padding:5px 25px 25px 25px; }
.secret-form-field { display:flex; flex-direction:column; gap:8px; margin-top:25px; }
.secret-form-field label,.secret-repeat-options legend { color:#e9eaf3; font-size:14px; font-weight:750; }
.secret-form-field input,.secret-form-field textarea { width:100%; padding:0 14px; box-sizing:border-box; color:#fff; background:#222637; border:1px solid #373d52; border-radius:12px; outline:0; font-family:inherit; font-size:14px; line-height:1.5; }
.secret-form-field input{min-height:51px}.secret-form-field textarea{min-height:92px;padding-top:12px;padding-bottom:12px;resize:vertical}
.secret-form-field input:focus,.secret-form-field textarea:focus { border-color:#8066eb; box-shadow:0 0 0 4px rgba(128,102,235,.13); }
.secret-theme-field{margin-top:22px}.secret-theme-field select{width:100%;min-height:49px;padding:0 13px;color:#fff;background:#222637;border:1px solid #373d52;border-radius:12px;outline:0}
.secret-form-field small,.secret-repeat-options small { color:#929aaf; font-size:12px; line-height:1.5; }
.secret-slug-input{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid #373d52;border-radius:12px;background:#222637;overflow:hidden}.secret-slug-input:focus-within{border-color:#8066eb;box-shadow:0 0 0 4px rgba(128,102,235,.13)}.secret-slug-input input{border:0;border-radius:0;box-shadow:none!important}.secret-slug-input span{padding:0 13px;color:#969db0;font-size:12px}.secret-token-fallback{display:block;margin-top:7px;color:#858da2;font-size:11px;overflow-wrap:anywhere}@media(max-width:560px){.secret-slug-input{grid-template-columns:1fr}.secret-slug-input span{padding:0 13px 11px;overflow-wrap:anywhere}}
.secret-remove-pin{margin-top:10px;padding:11px 13px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,91,119,.2);border-radius:11px;background:rgba(190,45,68,.08);color:#ffbdc6;font-size:13px;cursor:pointer}.secret-remove-pin[hidden]{display:none}.secret-remove-pin input{accent-color:#e24e68}
.secret-current-image{display:flex;align-items:center;gap:11px;margin-top:5px;padding:9px;border:1px solid #34394d;border-radius:11px;background:#141827}.secret-current-image[hidden]{display:none}.secret-current-image img{width:64px;height:52px;object-fit:cover;border-radius:8px}.secret-current-image span{color:#a9afc1;font-size:12px}.secret-form-field input[type=file]{height:auto;min-height:51px;padding:11px}.secret-form-field input[type=file]::file-selector-button{margin-right:10px;border:0;border-radius:8px;padding:8px 10px;background:#7651ea;color:#fff;cursor:pointer}
.secret-repeat-options { margin:24px 0 0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:11px; border:0; }
.secret-repeat-options legend { margin-bottom:12px; }
.secret-repeat-options label { padding:15px; display:flex; gap:10px; cursor:pointer; background:#202434; border:1px solid #343a4f; border-radius:12px; }
.secret-repeat-options input { margin-top:3px; accent-color:#8b5cf6; }
.secret-repeat-options span { display:flex; flex-direction:column; gap:3px; }
.secret-repeat-options strong { color:#fff; font-size:14px; }
.secret-create-form-actions { margin-top:27px; display:flex; justify-content:flex-end; gap:10px; }
.secret-cancel-button { min-height:47px; padding:0 18px; color:#c2c6d2; background:#292d3d; border-radius:12px; font-weight:700; }

body.secret-modal-open { overflow:hidden; }

.secret-inbox-heading { margin-bottom:27px; }
.secret-back-button { margin-bottom:25px; display:inline-flex; align-items:center; gap:8px; color:#b7a6f6; font-size:13px; font-weight:750; text-decoration:none; background:rgba(77, 12, 230, 0.13); padding: 5px 8px; border-radius: 8px; }
.secret-back-button:hover { color:#dfd7ff; }
.secret-inbox-title-row { display:flex; align-items:flex-end; justify-content:space-between; gap:25px; }
.secret-inbox-title-row h1 { margin:10px 0 7px; color:#fff; font-size:clamp(30px,5vw,46px); line-height:1.12; letter-spacing:-.035em; }
.secret-inbox-title-row p { margin:0; color:#9fa7bb; }
.secret-inbox-summary { margin-bottom:22px; padding:18px; display:grid; grid-template-columns:minmax(0,1.5fr) minmax(220px,.7fr) auto; align-items:end; gap:15px; background:rgba(22,26,45,.86); border:1px solid rgba(255,255,255,.08); border-radius:18px; }
.secret-inbox-link-info > span,.secret-inbox-setting span { margin-bottom:8px; display:block; color:#9098ad; font-size:11px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.secret-inbox-setting { min-height:48px; display:flex; align-items:center; gap:11px; }
.secret-inbox-setting > i { width:39px; height:39px; display:grid; place-items:center; color:#c9baff; background:rgba(139,92,246,.13); border-radius:11px; }
.secret-inbox-setting span { margin-bottom:3px; }
.secret-inbox-setting strong { color:#e9eaf3; font-size:13px; }
.secret-share-inbox { min-height:46px; padding:0 17px; display:inline-flex; align-items:center; justify-content:center; gap:8px; color:#fff; background:linear-gradient(135deg,#7355df,#b446a1); border:0; border-radius:11px; cursor:pointer; font-weight:750; }
.secret-current-theme{grid-column:1/3}.secret-current-theme>label{margin-bottom:8px;display:block;color:#9098ad;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.secret-current-theme>div{display:flex;gap:8px}.secret-current-theme select{min-width:170px;min-height:43px;padding:0 12px;color:#fff;background:#222637;border:1px solid #373d52;border-radius:11px}.secret-current-theme button,.secret-current-theme a{min-height:43px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(167,139,250,.2);border-radius:11px;color:#e7e1ff;background:rgba(118,87,234,.13);font-weight:700;text-decoration:none;cursor:pointer}.secret-manage-actions{grid-column:3}
.secret-manage-actions{display:flex;gap:8px}.secret-disable-button,.secret-delete-button,.secret-export-button,.secret-disable-icon,.secret-delete-icon{min-height:43px;border:1px solid rgba(255,255,255,.1);border-radius:11px;color:#d8dae5;background:#282d40;cursor:pointer;font-weight:700}.secret-disable-button,.secret-delete-button,.secret-export-button{padding:0 13px;display:inline-flex;align-items:center;gap:7px}.secret-export-button{color:#d8ceff;background:rgba(118,87,234,.13)}.secret-delete-button,.secret-delete-icon{color:#ffb5bf;background:rgba(190,45,68,.14);border-color:rgba(255,91,119,.2)}.secret-disable-icon,.secret-delete-icon{width:43px;flex:0 0 43px}.secret-disable-button:hover,.secret-disable-icon:hover{background:#373d54}.secret-delete-button:hover,.secret-delete-icon:hover{color:#fff;background:#a72f43}
.secret-messages-inbox { min-height:330px; padding:25px; display:grid; place-items:center; background:rgba(18,22,38,.65); border:1px solid rgba(255,255,255,.07); border-radius:20px; }
.secret-messages-inbox:has(.secret-received-message){display:block}.secret-inbox-stats{margin-bottom:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.secret-inbox-stats>div{padding:15px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(22,26,45,.7)}.secret-inbox-stats i{color:#a78bfa}.secret-inbox-stats span{color:#989fb3;font-size:12px}.secret-inbox-stats strong{color:#fff;font-size:18px}.secret-inbox-tools{margin-bottom:14px;display:grid;grid-template-columns:1fr 190px;gap:10px}.secret-inbox-tools label{position:relative}.secret-inbox-tools label i{position:absolute;top:15px;left:14px;color:#8e95a8}.secret-inbox-tools input,.secret-inbox-tools select{width:100%;height:45px;border:1px solid #34394d;border-radius:11px;background:#171b2b;color:#fff;outline:0}.secret-inbox-tools input{padding:0 13px 0 40px}.secret-inbox-tools select{padding:0 12px}.secret-received-message-head>div{display:flex;align-items:center;gap:9px}.secret-favorite-button{width:34px;height:34px;border:0;border-radius:9px;background:#292d40;color:#9299ae;cursor:pointer}.secret-favorite-button.active{color:#ffc94a;background:rgba(255,190,45,.12)}.secret-filter-empty{padding:40px;text-align:center;color:#969db0}
.secret-inbox-empty { max-width:470px; text-align:center; }
.secret-inbox-empty-icon { width:70px; height:70px; margin:0 auto 19px; display:grid; place-items:center; color:#cdbfff; background:rgba(139,92,246,.14); border-radius:21px; font-size:27px; }
.secret-inbox-empty h2 { margin:0 0 9px; color:#fff; font-size:23px; }
.secret-inbox-empty p { margin:0 auto 22px; color:#9fa7bb; line-height:1.6; }
.secret-inbox-empty button { min-height:44px; padding:0 17px; color:#ece8ff; background:rgba(139,92,246,.14); border:1px solid rgba(167,139,250,.2); border-radius:11px; cursor:pointer; font-weight:750; }
.secret-campaign-not-found { margin-top:20px; padding:14px 17px; display:flex; align-items:center; gap:9px; color:#ffd0d7; background:rgba(185,40,65,.16); border:1px solid rgba(255,91,119,.2); border-radius:12px; font-size:14px; }

@media (max-width:760px) {
    .main-container-secret-messages { padding:75px 15px 80px; }
    .secret-dashboard-heading { align-items:stretch; flex-direction:column; }
    .secret-dashboard-heading .secret-create-button { width:100%; }
    .secret-links-grid { grid-template-columns:minmax(0,1fr); width:100%; min-width:0; }
    .secret-inbox-title-row { align-items:flex-start; flex-direction:column; }
    .secret-inbox-summary { grid-template-columns:1fr; align-items:stretch; }
    .secret-current-theme,.secret-manage-actions { grid-column:auto; }
    .secret-inbox-summary > * { min-width:0; max-width:100%; }
    .secret-current-theme>div { display:grid; grid-template-columns:1fr 1fr; width:100%; }
    .secret-current-theme select { width:100%; min-width:0; grid-column:1/-1; }
    .secret-current-theme button,.secret-current-theme a { min-width:0; padding:0 10px; }
    .secret-share-inbox { width:100%; }
    .secret-manage-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; }
    .secret-manage-actions > button { width:100%; min-width:0; padding:0 9px; justify-content:center; font-size:12px; white-space:normal; text-align:center; }
    .secret-manage-actions .secret-delete-button:last-child { grid-column:1/-1; }
    .secret-plan-usage { grid-template-columns:1fr; }
    .secret-inbox-stats { grid-template-columns:1fr; }
    .secret-inbox-tools { grid-template-columns:1fr; }
    .secret-create-modal { padding:12px; }
    .secret-create-dialog { width:100%; max-height:calc(100dvh - 56px); border-radius:18px 0 0 18px; }
    .secret-create-modal-head { padding:18px 18px 15px; }
    .secret-create-form { padding: 5px 18px 18px 18px; }
    .secret-protection-button { grid-template-columns:48px minmax(0,1fr); padding:16px; }
    .secret-protection-icon { width:48px; height:48px; }
    .secret-protection-action { grid-column:1/-1; width:100%; }
    .secret-protection-modal{padding:10px}.secret-protection-dialog{max-height:calc(100dvh - 24px);border-radius:17px}.secret-protection-modal-head,.secret-protection-form{padding:18px}.secret-protection-choices{grid-template-columns:1fr}.secret-protection-form-actions{flex-direction:column-reverse}.secret-protection-form-actions button{width:100%}
}

@media (max-width:480px) {
    .main-container-secret-messages { width:100%; max-width:100vw; padding-right:10px; padding-left:10px; overflow-x:hidden; }
    .secret-links-grid,.secret-link-card { width:100%; max-width:100%; min-width:0; }
    .secret-link-card { padding:16px; overflow:hidden; }
    .secret-link-card h2 { font-size:18px; }
    .secret-link-url { width:100%; min-width:0; padding:9px 10px; }
    .secret-link-url span { max-width:calc(100% - 44px); }
    .secret-link-meta { gap:8px 12px; }
    .secret-link-actions { display:flex; flex-wrap:wrap; gap:8px; width:100%; min-width:0; }
    .secret-link-actions .secret-view-button { width:100%; flex:0 0 100%; min-width:0; }
    .secret-link-actions > button { width:0; max-width:100%; min-width:0; padding-right:8px; padding-left:8px; flex:1 1 0; }
    .secret-repeat-options { grid-template-columns:1fr; }
    .secret-create-form-actions { flex-direction:column-reverse; }
    .secret-create-form-actions > button { width:100%; }
}
.secret-received-message{width:min(100%,800px);margin:0 auto 14px;border:1px solid rgba(139,92,246,.16);border-radius:18px;padding:20px 22px;background:rgba(255,255,255,.04)}
.secret-received-message-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;color:#a78bfa;font-size:.82rem;font-weight:700}
.secret-received-message-head time{color:#9290a0;font-weight:500}.secret-received-message p{margin:0;color:inherit;line-height:1.65;overflow-wrap:anywhere}
.secret-received-message.is-pending{border-color:rgba(245,183,67,.35);background:rgba(245,158,11,.055)}.secret-moderation-review{margin-top:17px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(245,183,67,.22);border-radius:12px;background:rgba(245,158,11,.07)}.secret-moderation-review>div{display:flex;align-items:center;gap:9px}.secret-moderation-review>div:first-child>i{color:#f5ba52}.secret-moderation-review span{display:flex;flex-direction:column;gap:3px}.secret-moderation-review strong{color:#ffe7b3;font-size:12px}.secret-moderation-review small{color:#b6a987;font-size:11px}.secret-moderation-review button{min-height:37px;padding:0 12px;border:1px solid rgba(95,220,167,.25);border-radius:9px;background:rgba(52,194,139,.12);color:#a8efd2;font-weight:700;cursor:pointer}.secret-moderation-review button.danger{border-color:rgba(255,91,119,.25);background:rgba(190,45,68,.13);color:#ffb5bf}@media(max-width:600px){.secret-moderation-review{align-items:stretch;flex-direction:column}.secret-moderation-review>div:last-child{display:grid;grid-template-columns:1fr 1fr}.secret-moderation-review button{width:100%}}
.secret-message-copy-button,.secret-message-share-button{width:34px;height:34px;border:0;border-radius:9px;cursor:pointer}.secret-message-copy-button{background:rgba(45,190,173,.13);color:#7ee0d4}.secret-message-copy-button:hover{color:#fff;background:rgba(45,190,173,.27)}.secret-message-share-button{background:rgba(118,87,234,.14);color:#bcaaff}.secret-message-share-button:hover{color:#fff;background:rgba(118,87,234,.28)}.secret-message-share-button:disabled{opacity:.65;cursor:wait}
@media(max-width:600px){.secret-messages-inbox{padding:12px}.secret-received-message{width:100%;padding:17px 15px}.secret-received-message-head{align-items:flex-start;flex-direction:column;gap:5px}}
.secret-message-reply{margin-top:17px;padding-top:15px;border-top:1px solid rgba(255,255,255,.08)}.secret-message-reply label{display:flex;align-items:center;gap:7px;margin-bottom:8px;color:#b9a4ff;font-size:.82rem;font-weight:700}.secret-message-reply textarea{display:block;width:100%;min-height:88px;resize:vertical;border:1px solid #34394d;border-radius:12px;padding:12px 13px;background:#141827;color:#fff;font:inherit;line-height:1.5;outline:0}.secret-message-reply textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.13)}.secret-message-reply>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px}.secret-message-reply small{color:#8f96aa;font-size:.75rem}.secret-message-reply button{flex:0 0 auto;min-height:39px;border:0;border-radius:10px;padding:0 15px;background:linear-gradient(135deg,#7651ea,#9b4fd0);color:#fff;font-weight:700;cursor:pointer}.secret-message-reply button:disabled{opacity:.7}@media(max-width:560px){.secret-message-reply>div{align-items:stretch;flex-direction:column}.secret-message-reply button{width:100%}}
.secret-reply-upgrade{display:flex;align-items:center;gap:9px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);color:#9299ae;font-size:.8rem}.secret-reply-upgrade i{color:#a78bfa}.secret-reply-upgrade span{flex:1}.secret-reply-upgrade a{border:1px solid rgba(167,139,250,.35);border-radius:9px;padding:7px 11px;color:#c4b5fd;font-weight:700;text-decoration:none}@media(max-width:480px){.secret-reply-upgrade{align-items:flex-start;flex-wrap:wrap}.secret-reply-upgrade span{flex-basis:calc(100% - 28px)}.secret-reply-upgrade a{margin-left:28px}}
.secret-received-message{transition:opacity .25s ease,transform .25s ease,border-color .25s ease,background .25s ease}.secret-received-message.is-removing{opacity:0;transform:translateX(18px);pointer-events:none}

/* Mantém a animação atrás do conteúdo, sem alterar a camada dos modais. */
.main-container-secret-messages > :not(.secret-create-modal):not(.secret-protection-modal){position:relative;z-index:1}
.main-container-secret-messages .secret-link-card,
.main-container-secret-messages .secret-plan-usage,
.main-container-secret-messages .secret-empty-state,
.main-container-secret-messages .secret-inbox-summary,
.main-container-secret-messages .secret-inbox-stats>div{background:#161a2d}
.main-container-secret-messages .secret-messages-inbox{background:#121626}
.main-container-secret-messages .secret-received-message{background:#1b1f2f}
.main-container-secret-messages .secret-received-message.is-pending{background:#242022}

.secret-cycle-note{font-size:12px;line-height:1.7;color:#aab6cc;margin:12px 0 22px}