.Box{color:gray;flex-direction:column;justify-content:center;align-items:center;width:auto;display:flex}.border1{border:1px solid #000}.gap15v{height:15vh}.gap10h{width:10vw}.landingPage{box-sizing:border-box;background:linear-gradient(160deg,#fff 0%,#f0f2f5 50%,#e8ecf0 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:40px 20px;display:flex}.landingCard{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #fff9;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:1100px;padding:60px 48px;display:flex;box-shadow:0 8px 32px #0000000f}.landing_title{text-align:center;background:linear-gradient(135deg,#2d3436 0%,#636e72 50%,#2d3436 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-family:Helvetica Neue,helvetica,sans-serif;font-size:4.2em;font-weight:700;line-height:1.15}.landing_subtitle{color:#4a5568;text-align:center;box-sizing:border-box;background:#f8f9fa;border:1px solid #e9ecef;border-radius:16px;width:100%;max-width:none;margin:16px 0;padding:24px 28px;font-family:Helvetica Neue,helvetica,sans-serif;font-size:1.1em;line-height:1.7}.disclosure{color:#6c757d;text-align:center;box-sizing:border-box;background:#f8f9fa;border:1px solid #e9ecef;border-radius:16px;width:100%;max-width:none;margin:8px 0 0;padding:20px 28px;font-family:Helvetica Neue,helvetica,sans-serif;font-size:.92em;line-height:1.65}.disclosure a{color:#495057;text-underline-offset:2px;font-weight:600;text-decoration:underline;transition:color .2s}.disclosure a:hover{color:#1a73e8}.iconSelections{flex-direction:row;gap:16px;margin:8px 0;display:flex}.selectionButton{border:2px solid gray;border-radius:10px;padding:10px}.landingSeparator{background:linear-gradient(90deg,#adb5bd,#ced4da,#adb5bd);border-radius:2px;width:80px;height:3px;margin:12px 0}.galleryPage{box-sizing:border-box;background:linear-gradient(160deg,#fff 0%,#f0f2f5 50%,#e8ecf0 100%);flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:40px 20px;display:flex}.galleryCard{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #fff9;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:1400px;padding:40px 36px;display:flex;box-shadow:0 8px 32px #0000000f}.galleryTitle{text-align:center;background:linear-gradient(135deg,#2d3436 0%,#636e72 50%,#2d3436 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin:0 0 4px;font-family:Helvetica Neue,helvetica,sans-serif;font-size:3em;font-weight:700;line-height:1.15}.gallerySubtitle{text-align:center;color:#6c757d;text-transform:uppercase;letter-spacing:2px;margin:8px 0 12px;font-family:Helvetica Neue,helvetica,sans-serif;font-size:1em;font-weight:600}.exhibitBox{width:100%;max-width:1400px}.exhibitSelectionBox{flex-flow:wrap;justify-content:center;gap:10px;margin:0 0 24px;display:flex}.galleryCaption{color:#4a5568;text-align:center;box-sizing:border-box;background:#f8f9fa;border:1px solid #e9ecef;border-radius:16px;width:100%;max-width:900px;margin:16px auto;padding:24px 28px;font-family:Helvetica Neue,helvetica,sans-serif;font-size:1.05em;line-height:1.7}.galleryCaption a{color:#495057;text-underline-offset:2px;font-weight:600;text-decoration:underline;transition:color .2s}.galleryCaption a:hover{color:#1a73e8}.galleryChart{background:#fff;border:2px solid #dee2e6;border-radius:20px;width:100%;max-width:1000px;height:50vh;margin:16px auto;transition:box-shadow .2s;box-shadow:0 4px 16px #0000000a}.galleryChart:hover{box-shadow:0 8px 24px #00000014}.logoImage{object-fit:contain;background:#fff;border:2px solid #dee2e6;border-radius:12px;width:60px;height:60px;margin:6px;padding:4px;transition:transform .2s,box-shadow .2s}.logoImage:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.logoBox{box-sizing:border-box;background:#f8f9fa;border:1px solid #e9ecef;border-radius:16px;flex-flow:wrap;justify-content:center;align-items:center;gap:4px;margin:8px 0 12px;padding:12px 25px;display:flex}.backendImage{border:2px solid #dee2e6;border-radius:16px;width:100%;max-width:900px;box-shadow:0 4px 16px #0000000f}.backendImageBox{flex-direction:row;justify-content:center;width:100%;margin:16px 0;display:flex}.hr{width:95vw}.h1px{height:1px}.fontRed{color:red}.drawingCanvasBox{width:500px;max-width:90vw;height:500px;max-height:90vw;margin:20px}.aiDigitSelectionButtonBox{flex-direction:row;display:flex}.metricsContainer{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;width:100%;max-width:1400px;margin:0 auto;padding:24px;display:grid}.metricTile{cursor:default;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:2px solid #dee2e6;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:32px 24px;transition:transform .2s,box-shadow .2s;display:flex}.metricTile:hover{border-color:#adb5bd;transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.metricIcon{margin-bottom:12px;font-size:2.5em;line-height:1}.metricLabel{color:#6c757d;text-transform:uppercase;letter-spacing:1.5px;text-align:center;margin-bottom:8px;font-family:helvetica,sans-serif;font-size:1em;font-weight:600}.metricValue{color:#495057;text-align:center;font-family:helvetica,sans-serif;font-size:3em;font-weight:700;line-height:1.2}.metricsHeader{color:#495057;text-align:center;width:100%;margin:16px 0 8px;font-family:helvetica,sans-serif;font-size:1.8em;font-weight:600}._7LettersContent{flex-direction:column;height:100svh;display:flex}._7LettersHeader{color:#555;background:#fafafa;border-bottom:1px solid #e0e0e0;flex-direction:row;flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 12px;font-family:sans-serif;font-size:.9em;display:flex}._7LettersHeaderBackButton{cursor:pointer;color:#555;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-family:sans-serif;font-size:.95em;transition:background .15s}._7LettersHeaderBackButton:hover{background:#e8e8e8}._7LettersHeaderTitle{color:#333;letter-spacing:1px;font-size:1em;font-weight:700}._7LettersHeaderDate{color:#888;font-size:.85em}._7LettersHeaderRight{flex-direction:row;align-items:center;gap:8px;display:flex}._7LettersHeaderMenuContainer{position:relative}._7LettersHeaderMenuButton{cursor:pointer;color:#888;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:1.2em;line-height:1;transition:background .15s}._7LettersHeaderMenuButton:hover{background:#e8e8e8}._7LettersHeaderMenuDropdown{z-index:100;background:#fff;border:1px solid #e0e0e0;border-radius:8px;min-width:200px;margin-top:4px;padding:4px 0;position:absolute;top:100%;right:0;box-shadow:0 4px 16px #0000001f}._7LettersHeaderMenuItem{text-align:left;color:#555;cursor:pointer;background:0 0;border:none;width:100%;padding:8px 16px;font-family:sans-serif;font-size:.9em;transition:background .15s;display:block}._7LettersHeaderMenuItem:hover{background:#f0f0f0}._7LettersKeyboardDiv{box-sizing:border-box;width:100%;max-width:1000px;height:35svh;min-height:200px;max-height:350px;padding:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:#d1d5db;flex-direction:column;gap:6px;margin:0 auto;display:flex}._7LettersKeyboardRow{flex:1;gap:6px;width:100%;display:flex}._7LettersKeyboardRow.row1{padding:0}._7LettersKeyboardKey{color:#000;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#fff;border-radius:5px;flex:1 0 0;justify-content:center;align-items:center;font-size:clamp(14px,4vw,20px);font-weight:700;display:flex;position:relative;box-shadow:0 1px 2px #0003}._7LettersKeyboardKey:after{content:"";background:0 0;border-radius:8px;position:absolute;inset:-3px}._7LettersKeyboardKey.specialKey{text-transform:uppercase;background-color:#9ca3af;flex:1.5;font-size:clamp(11px,3vw,16px)}._7LettersKeyboardKey.exact{background-color:#90ee90}._7LettersKeyboardKey.misplaced{background-color:#ffffe0}._7LettersKeyboardKey.wrong{color:gray;background-color:#a9a9a9}._7LettersKeyboardSpacer{visibility:hidden;box-sizing:border-box;flex:.5 0 0}._7LettersGuessRows{box-sizing:border-box;flex-direction:column;flex-grow:1;flex-shrink:1;justify-content:center;align-items:center;gap:4px;width:100%;min-height:0;padding:8px 10px;display:flex}._7LettersGuessRow{box-sizing:border-box;width:100%;min-height:0;max-width:calc(100cqh * var(--total-slots,7));flex-direction:row;flex:1 1 0;justify-content:center;align-items:center;gap:4px;display:flex}._7LettersGuessSlot{aspect-ratio:1;color:#000;box-sizing:border-box;background:#d3d3d3;border:1px solid gray;border-radius:5px;flex-direction:row;justify-content:center;align-items:center;height:100%;font-size:clamp(22px,6vw,38px);font-weight:700;display:flex}._7LettersGuessSlot.exact{background:#90ee90}._7LettersGuessSlot.misplaced{background:#ffffe0}._7LettersGuessSlot.wrong{background-color:#a9a9a9}._7LettersSnackbar{z-index:999;color:#000;pointer-events:none;background-color:#ff0;border-radius:4px;padding:12px 24px;font-family:sans-serif;font-weight:700;animation:.3s ease-out forwards fadeIn;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #00000080}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}._7LettersResultOverlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out forwards fadeIn;display:flex;position:fixed;top:0;left:0}._7LettersResultModal{background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:12px;min-width:280px;max-width:420px;padding:32px 40px;animation:.2s ease-out forwards fadeIn;display:flex;position:relative;box-shadow:0 8px 32px #0000004d}._7LettersResultCloseButton{cursor:pointer;color:#6c757d;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:20px;line-height:1;position:absolute;top:12px;right:12px}._7LettersResultCloseButton:hover{color:#333;background:#f0f0f0}._7LettersResultTitle{color:#333;text-align:center;font-family:sans-serif;font-size:1.6em;font-weight:700}._7LettersResultAnswer{color:#555;text-align:center;font-family:sans-serif;font-size:1.1em}._7LettersResultPlayAgain{color:#888;text-align:center;margin-top:4px;font-family:sans-serif;font-size:.95em;font-style:italic}._7LettersTutorialOverlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out forwards fadeIn;display:flex;position:fixed;top:0;left:0}._7LettersTutorialModal{background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:16px;min-width:280px;max-width:420px;max-height:90vh;padding:32px 40px;animation:.2s ease-out forwards fadeIn;display:flex;position:relative;overflow-y:auto;box-shadow:0 8px 32px #0000004d}._7LettersTutorialCloseButton{cursor:pointer;color:#6c757d;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:20px;line-height:1;position:absolute;top:12px;right:12px}._7LettersTutorialCloseButton:hover{color:#333;background:#f0f0f0}._7LettersTutorialTitle{color:#333;text-align:center;font-family:sans-serif;font-size:1.4em;font-weight:700}._7LettersTutorialSubtitle{color:#666;text-align:center;margin-top:-8px;font-family:sans-serif;font-size:.95em}._7LettersTutorialSection{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}._7LettersTutorialExample{justify-content:center;display:flex}._7LettersTutorialRow{flex-direction:row;gap:4px;display:flex}._7LettersTutorialSlot{color:#000;box-sizing:border-box;background:#d3d3d3;border:1px solid gray;border-radius:5px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:700;display:flex}._7LettersTutorialSlot.exact{background:#90ee90}._7LettersTutorialSlot.misplaced{background:#ffffe0}._7LettersTutorialSlot.wrong{background:#a9a9a9}._7LettersTutorialLabel{color:#555;text-align:center;font-family:sans-serif;font-size:.85em}