Initial commit

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
2026-09-23 14:43:16 +07:00
commit bef9f8b4ed
663 changed files with 81305 additions and 0 deletions
@@ -0,0 +1,93 @@
+.dialog-ad-mask {
+    position: fixed;
+    inset: 0;
+    z-index: 1900;
+    padding: 24px;
+    display: none;
+    align-items: center;
+    justify-content: center;
+    overflow-y: auto;
+    background: rgba(0, 0, 0, 0.70);
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+    box-sizing: border-box;
+}
+
+.dialog-ad-mask.is-open {
+    display: flex;
+}
+
+.dialog-ad-panel {
+    width: min(400px, calc(100vw - 48px));
+    margin: auto;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 24px;
+}
+
+.dialog-ad-panel[hidden] {
+    display: none;
+}
+
+.dialog-ad-media {
+    width: 100%;
+    display: block;
+    overflow: hidden;
+    border-radius: 40px;
+}
+
+.dialog-ad-image {
+    width: 100%;
+    height: auto;
+    display: block;
+}
+
+.dialog-ad-close {
+    width: 36px;
+    height: 36px;
+    flex: 0 0 36px;
+    padding: 0;
+    display: block;
+    overflow: hidden;
+    background: transparent;
+    border: 0;
+    border-radius: 50%;
+    cursor: pointer;
+    transition: opacity 180ms ease, transform 180ms ease;
+}
+
+.dialog-ad-close img {
+    width: 36px;
+    height: 36px;
+    display: block;
+}
+
+.dialog-ad-close:hover,
+.dialog-ad-close:focus-visible {
+    opacity: 0.8;
+    transform: scale(1.06);
+}
+
+@media (max-width: 767px) {
+    .dialog-ad-mask {
+        padding: 16px;
+        -webkit-backdrop-filter: blur(2px);
+        backdrop-filter: blur(2px);
+    }
+
+    .dialog-ad-panel {
+        width: min(300px, calc(100vw - 32px));
+        gap: 36px;
+    }
+
+    .dialog-ad-media {
+        border-radius: 24px;
+    }
+}
+
+@media (prefers-reduced-motion: reduce) {
+    .dialog-ad-close {
+        transition: none;
+    }
+}