*, *::before, *::after{box-sizing: border-box;}:root{--main-bg-color: #FFFFFF;--surface-color: #FFFFFF;--surface-subtle: #F6F6F9;--main-text-color: #14141C;--text-muted: #6B6B7B;--accent-text-color: #FFFFFF;--border-color: #ECECF2;--border-strong: #D8D8E2;--accent-color: #3C9F40;--accent-hover: #2F7D34;--light-accent-color: #EAF7EA;--accent-rgb: 60,159,64;--correct-color: #00875A;--incorrect-color: #D01B34;--correct-bg: #EFFAF4;--incorrect-bg: #FFF2F3;--gold-1: #C9971F;--gold-2: #F1D27A;--gold-3: #8A6300;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 22px;--shadow-sm: 0 1px 2px rgba(20,20,28,.05), 0 8px 20px -8px rgba(20,20,28,.14);--shadow-md: 0 4px 16px rgba(20,20,28,.08), 0 16px 40px -12px rgba(20,20,28,.18);--hover-color: var(--accent-hover);}html{scroll-padding-top: 83.6px;}body{font-family: 'M PLUS Rounded 1c', sans-serif;background-color: var(--light-accent-color);color: var(--main-text-color);margin: 0;padding: 83.6px 20px 100px 20px;display: flex;justify-content: center;align-items: center;min-height: 100vh;font-weight: 700;font-size: 18px;}.container{width: 100%;max-width: 800px;background-color: var(--main-bg-color);border-radius: 15px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);padding: 30px;text-align: center;}h1, h2{color: var(--accent-color);}h1{font-size: 2.5em;margin-bottom: 10px;}h2{font-size: 1.8em;}.hidden{display: none !important;}.ad-container{margin: 20px auto;padding: 5px;background-color: #fcfcfc;border: 1px dashed #ccc;border-radius: 8px;text-align: center;width: 100%;box-sizing: border-box;overflow: hidden;}.ad-container span.ad-label{display: block;font-size: 0.84em;color: #000000;font-weight: bold;margin-bottom: 5px;}.ad-container a{display: block !important;width: 100% !important;}.ad-container img, .ad-container iframe{width: 100% !important;max-width: 100% !important;height: auto !important;display: block !important;margin: 0 auto !important;}.ad-container img[width="1"], .ad-container img[height="1"]{width: 1px !important;height: 1px !important;position: absolute !important;visibility: hidden !important;margin: 0 !important;padding: 0 !important;}.sticky-ad-bottom{position: fixed;bottom: 0;left: 0;width: 100%;background-color: rgba(255, 255, 255, 0.95);box-shadow: 0 -2px 10px rgba(0,0,0,0.1);text-align: center;z-index: 9999;padding: 5px 0;}.sticky-ad-bottom .ad-container{margin: 0 auto;padding: 0;border: none;background-color: transparent;max-width: 800px;}#quiz-stats{background-color: #fff8e1;border: 2px solid var(--accent-color);border-radius: 10px;padding: 15px;margin: 0 auto 25px auto;display: inline-block;text-align: left;max-width: 100%;}#total-count-display{font-size: 1.4em;color: var(--main-text-color);text-align: center;margin-bottom: 10px;border-bottom: 1px dashed var(--accent-color);padding-bottom: 5px;}#category-counts-list{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;justify-content: center;gap: 10px 20px;}#category-counts-list li{font-size: 1.0em;color: #555;cursor: pointer;transition: background-color .15s ease;}#category-counts-list li:hover{background: rgba(var(--accent-rgb), .12);}.progress-summary{margin-bottom: 16px;}.progress-summary__label{display: flex;justify-content: space-between;align-items: baseline;font-size: 0.95rem;font-weight: 700;color: var(--main-text-color);margin-bottom: 6px;}.progress-summary__percent{color: var(--accent-color);font-size: 1.05rem;font-weight: 900;}.progress-bar-track{width: 100%;height: 10px;background: rgba(var(--accent-rgb), .15);border-radius: 999px;overflow: hidden;}.progress-bar-fill{height: 100%;background: var(--accent-color);border-radius: 999px;transition: width .4s ease;}.category-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 20px;margin-top: 10px;}.category-card{background-color: #f9f9f9;border: 2px solid var(--light-accent-color);border-radius: 10px;padding: 20px;}.category-card h2{min-height: 2.0em;display: flex;align-items: center;justify-content: center;margin-bottom: 10px;}.subcategory-list button{display: block;width: 100%;padding: 12px;margin-top: 8px;font-size: 1.0em;font-weight: 700;font-family: 'M PLUS Rounded 1c', sans-serif;background-color: var(--accent-color);color: var(--accent-text-color);border: none;border-radius: 8px;cursor: pointer;transition: background-color 0.3s;}.subcategory-list button:hover{background-color: #F57C00;}#quiz-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;font-size: 0.96em;color: #555;gap: 5px;}#feedback-message{font-size: 2.8em;margin: 15px 0;font-weight: 900;}.feedback-correct{color: var(--correct-color);}.feedback-incorrect{color: var(--incorrect-color);}#question-text{font-size: 1.3em;margin-bottom: 25px;line-height: 1.6;text-align: left;}.option-buttons{display: flex;flex-direction: column;gap: 15px;}.option-btn{padding: 20px;font-size: 1.1em;font-weight: 700;font-family: 'M PLUS Rounded 1c', sans-serif;background-color: #f0f0f0;border: 2px solid #ddd;border-radius: 10px;cursor: pointer;transition: all 0.2s;text-align: left;}.option-btn:hover:not(:disabled){background-color: #e0e0e0;border-color: var(--accent-color);}.option-btn.correct{background-color: var(--correct-color);color: white;border-color: var(--correct-color);}.option-btn.incorrect{background-color: var(--incorrect-color);color: white;border-color: var(--incorrect-color);}.option-btn:disabled{cursor: not-allowed;opacity: 0.7;}#explanation{margin-top: 25px;padding: 20px;background-color: var(--light-accent-color);border-radius: 10px;text-align: left;font-size: 1.1em;line-height: 1.7;}#explanation h3{margin-top: 0;color: var(--accent-color);}#explanation strong{color: var(--accent-color);}.controls{margin-top: 25px;display: flex;justify-content: space-between;align-items: center;}.quiz-nav-btn, .next-btn{padding: 15px 30px;font-size: 1.2em;font-weight: 700;font-family: 'M PLUS Rounded 1c', sans-serif;border: none;border-radius: 8px;cursor: pointer;transition: background-color 0.3s;}#home-button{background-color: #607D8B;color: white;}#home-button:hover{background-color: #546E7A;}.quiz-actions{display: flex;gap: 15px;}#give-up-button{background-color: var(--accent-color);color: white;}#give-up-button:hover{background-color: #F57C00;}.next-btn{background-color: var(--accent-color);color: var(--accent-text-color);}.next-btn:hover{background-color: #F57C00;}#score-display{font-size: 2em;margin: 20px 0;}.result-message{font-size: 1.3em;margin-bottom: 30px;}.result-controls{display: flex;gap: 20px;justify-content: center;flex-wrap: wrap;}.result-controls button{padding: 15px 30px;font-size: 1.2em;font-weight: 700;font-family: 'M PLUS Rounded 1c', sans-serif;color: var(--accent-text-color);border: none;border-radius: 8px;cursor: pointer;transition: background-color 0.3s;}#retry-button{background-color: var(--accent-color);}#retry-button:hover{background-color: #F57C00;}#back-to-category-button{background-color: #607D8B;}#back-to-category-button:hover{background-color: #546E7A;}@media (max-width: 768px){body{font-size: 16px;padding: 83.6px 0 100px 0;margin: 0;display: block;height: auto;background-color: var(--main-bg-color);}.container{width: 100%;max-width: 100%;margin: 0;padding: 15px;border-radius: 0;box-shadow: none;min-height: 100vh;background-color: var(--main-bg-color);}h1{font-size: 2.0em;}h2{font-size: 1.5em;}p{font-size: 1.1em;}#category-counts-list{flex-direction: column;gap: 5px;}.category-grid{gap: 15px;}.category-card{padding: 15px;}.subcategory-list button{padding: 12px;font-size: 1.0em;}#quiz-header{font-size: 0.8em;flex-wrap: wrap;}#question-counter{order: 1;flex: 1 1 auto;text-align: left;}#score-tracker{order: 2;flex: 1 1 auto;text-align: right;}#quiz-header .action-btns-container{order: 3;flex-basis: 100%;justify-content: center;margin-top: 6px;}#feedback-message{font-size: 2.4em;}#question-text{font-size: 1.1em;margin-bottom: 20px;}.option-btn{padding: 15px;font-size: 1.0em;}#explanation{padding: 15px;font-size: 1.0em;}.controls{flex-wrap: wrap;gap: 10px;justify-content: center;}.controls > .quiz-nav-btn{flex-grow: 1;}.quiz-actions{flex-grow: 1;justify-content: flex-end;}.quiz-nav-btn, .next-btn{padding: 12px 20px;font-size: 1.0em;}#score-display{font-size: 1.8em;}.result-message{font-size: 1.2em;}.result-controls{flex-direction: column;}.result-controls button{padding: 12px 20px;font-size: 1.1em;}}.close-ad-btn{position: absolute;top: -15px;right: 5px;background: #fff;border: 1px solid #ccc;border-radius: 50%;width: 17px;height: 17px;min-height: 0;font-size: 11px;font-weight: bold;display: flex;align-items: center;justify-content: center;padding: 0;line-height: 1;cursor: pointer;color: #666;z-index: 10000;}#bookmark-btn{background: none;border: none;font-size: 1.2em;font-weight: bold;cursor: pointer;color: #ccc;transition: color 0.3s;padding: 5px 10px;}#bookmark-btn.active{color: #FFC107;}#favorite-btn{background: none;border: none;font-size: 1.2em;font-weight: bold;cursor: pointer;color: #ccc;transition: color 0.3s;padding: 5px 10px;}#favorite-btn.active{color: #E91E63;}.action-btns-container{display: flex;gap: 5px;justify-content: center;}.special-category{background-color: #FFF3E0;border-color: #FF9800;}.seo-accordion{margin: 20px auto;max-width: 100%;background-color: var(--main-bg-color);border: 2px dashed var(--light-accent-color);border-radius: 10px;overflow: hidden;text-align: left;}.seo-accordion summary{padding: 15px;background-color: var(--light-accent-color);font-weight: bold;color: var(--accent-color);cursor: pointer;list-style: none;position: relative;}.seo-accordion summary::-webkit-details-marker{display: none;}.seo-accordion summary::after{content: "";position: absolute;right: 15px;font-size: 0.8em;color: #888;}.seo-accordion[open] summary::after{content: "";}.seo-accordion .accordion-content{padding: 15px;font-size: 0.9em;color: #555;line-height: 1.6;}.seo-accordion h3{font-size: 1.1em;color: var(--main-text-color);margin: 15px 0 5px 0;border-bottom: 1px solid #eee;padding-bottom: 3px;}.seo-accordion p{margin-top: 0;margin-bottom: 10px;}.legal-modal{display: none;position: fixed;z-index: 10001;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);backdrop-filter: blur(4px);justify-content: center;align-items: center;}.legal-modal-content{background-color: var(--main-bg-color);padding: 25px;border: 3px solid var(--accent-color);border-radius: 15px;width: 90%;max-width: 700px;max-height: 85vh;max-height: 85dvh;overflow-y: auto;-webkit-overflow-scrolling: touch;font-size: 0.9em;line-height: 1.6;color: #444;box-shadow: 0 10px 25px rgba(0,0,0,0.2);position: relative;text-align: left;}.legal-modal-content h2{color: var(--accent-color);border-bottom: 2px solid var(--light-accent-color);padding-bottom: 10px;margin-top: 0;text-align: center;}.legal-modal-content h3{color: #E65100;margin-top: 20px;font-size: 1.1em;border-left: 4px solid #E65100;padding-left: 8px;}.legal-modal-content p, .legal-modal-content li{margin-bottom: 10px;}.legal-modal-content ul{padding-left: 20px;}.close-modal-btn{position: sticky;top: -10px;float: right;background: #9E9E9E;color: white;border: none;border-radius: 50%;width: 28px;height: 28px;min-height: 0;font-size: 16px;font-weight: bold;cursor: pointer;box-shadow: 0 2px 5px rgba(0,0,0,0.2);transition: 0.3s;display: flex;align-items: center;justify-content: center;padding: 0;line-height: 1;}.close-modal-btn:hover{background: #F44336;}.footer-legal-links{display: flex;flex-wrap: wrap;justify-content: center;gap: 15px;margin: 20px 0;border-top: 1px dashed #ccc;padding-top: 15px;}.footer-legal-links a{color: #E65100;text-decoration: none;font-weight: bold;font-size: 0.95em;cursor: pointer;transition: 0.2s;background: #fff;padding: 5px 15px;border-radius: 20px;border: 1px solid #E65100;}.footer-legal-links a:hover{background: #E65100;color: #fff;}body{font-family: 'M PLUS Rounded 1c', sans-serif;background-color: var(--light-accent-color);color: var(--main-text-color);font-weight: 700;line-height: 1.85;-webkit-font-smoothing: antialiased;overflow-x: hidden;}.container{max-width: 900px;background-color: var(--surface-color);border: none;border-radius: var(--radius-lg);box-shadow: var(--shadow-md);padding: 40px 34px;}h1, h2, h3{font-family: 'M PLUS Rounded 1c', sans-serif;}h1{color: var(--accent-hover);font-size: 2rem;font-weight: 900;line-height: 1.4;letter-spacing: .01em;margin-bottom: 8px;padding-bottom: 16px;border-bottom: 3px solid var(--border-color);position: relative;}h1::after{content: "";position: absolute;left: 0;bottom: -3px;width: 72px;height: 3px;background: linear-gradient(90deg, var(--accent-color), var(--accent-hover));border-radius: 3px;}.solve-heading{text-align: center;margin: 40px 0 24px;font-size: 1.9125rem;font-weight: 800;color: var(--main-text-color);padding-bottom: 14px;border-bottom: 2px solid var(--border-color);position: relative;}.solve-heading::after{content: "";position: absolute;left: 50%;bottom: -2px;transform: translateX(-50%);width: 64px;height: 3px;background: linear-gradient(90deg, var(--accent-color), var(--accent-hover));border-radius: 3px;}h2{color: var(--main-text-color);font-size: 1.4rem;font-weight: 800;}h3{font-size: 1.1rem;font-weight: 800;}#category-selection > h2{font-size: 1.0rem;font-weight: 700;color: var(--text-muted);letter-spacing: .04em;margin-top: 0;margin-bottom: 8px;}p{line-height: 1.9;}a{color: var(--accent-hover);text-decoration: underline;text-underline-offset: 3px;font-weight: 700;}#quiz-stats{background: linear-gradient(160deg, var(--light-accent-color), var(--surface-color));border: 2px solid rgba(var(--accent-rgb), .3);border-radius: var(--radius-md);padding: 20px 24px;margin: 0 auto 36px auto;display: block;width: 100%;box-sizing: border-box;}#total-count-display{font-size: 1.1rem;font-weight: 900;color: var(--accent-hover);border-bottom: 1px solid var(--border-color);padding-bottom: 10px;margin-bottom: 12px;}#category-counts-list li{font-size: .9rem;color: var(--text-muted);font-weight: 700;}.category-grid{grid-template-columns: repeat(2, 1fr);gap: 18px;margin-top: 32px;}.category-card{background-color: var(--surface-color);border: 2px solid rgba(var(--accent-rgb), .25);border-radius: var(--radius-lg);padding: 0;overflow: hidden;box-shadow: var(--shadow-sm);transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;}.category-card:hover{transform: translateY(-2px);box-shadow: var(--shadow-md);border-color: rgba(var(--accent-rgb), .5);}.category-card h2{margin: 0 0 14px 0;padding: 16px 22px;background: linear-gradient(135deg, var(--accent-color), var(--accent-hover));color: #FFFFFF;font-size: 1.08rem;font-weight: 900;min-height: 0;letter-spacing: .01em;border-bottom: none;}.special-category{background-color: var(--surface-color);border-color: var(--gold-1) !important;}.special-category h2{background: linear-gradient(135deg, var(--gold-1), var(--gold-3));}.weak-category-card h2{display: flex;align-items: center;gap: 8px;}.weak-category-badge{display: inline-block;padding: 2px 8px;font-size: .7rem;font-weight: 900;letter-spacing: .04em;background: linear-gradient(135deg, #FFF3C4, #FFFFFF);color: #8A6D00;border-radius: 999px;}.weak-category-body{gap: 10px;}.weak-category-msg{margin: 0;font-size: .8125rem;line-height: 1.7;color: var(--text-muted);font-weight: 500;}.weak-category-row{display: flex;align-items: center;justify-content: space-between;padding: 12px 14px;background-color: var(--surface-subtle);border: 1px solid var(--gold-1);border-radius: var(--radius-sm);font-weight: 700;}.weak-category-row-name{font-size: .95rem;}.weak-category-row-pct{font-size: .9rem;color: var(--incorrect-color);font-weight: 900;}.weak-category-cta-btn{font-family: inherit;width: 100%;padding: 14px 16px;font-size: 1rem;font-weight: 900;color: #4A3600;background: linear-gradient(135deg, var(--gold-1), var(--gold-3));border: none;border-radius: var(--radius-sm);min-height: 48px;cursor: pointer;transition: transform .15s ease, box-shadow .15s ease;}.weak-category-cta-btn:hover{transform: translateY(-1px);box-shadow: 0 8px 18px -6px rgba(0,0,0,.25);}.subcategory-list{padding: 0 18px 20px;display: grid;gap: 9px;}.subcategory-list button{font-family: inherit;font-size: .96rem;font-weight: 700;line-height: 1.6;background-color: var(--surface-color);color: var(--main-text-color);border: 2px solid rgba(var(--accent-rgb), .25);border-radius: var(--radius-sm);padding: 13px 15px;margin-top: 0;min-height: 48px;display: flex;align-items: center;justify-content: space-between;gap: 10px;transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background-color .15s ease;}.subcat-label{flex: 1;}.subcat-icon{flex-shrink: 0;font-size: 1.1em;line-height: 1;}.subcat-icon--check{color: var(--correct-color, #2e7d32);}.subcat-icon--crown{filter: drop-shadow(0 1px 1px rgba(0,0,0,.15));}.subcat-badge-stack{display: flex;flex-direction: column;align-items: flex-start;gap: 6px;flex-shrink: 0;}.subcat-new-badge{flex-shrink: 0;display: inline-block;font-size: .625rem;font-weight: 800;letter-spacing: .04em;color: #fff;background-color: var(--accent-color);padding: 1px 6px;border-radius: 999px;line-height: 1;}#explanation .expl-label{display: inline-block;margin: 7px 0 6px;padding: 3px 12px;border-radius: 999px;font-size: 0.8125rem;font-weight: 800;color: #fff;background-color: var(--accent-color);}#explanation p > .expl-label:first-child{margin-top: 0;}#explanation .expl-answer{font-weight: 800;color: var(--accent-hover);}#explanation .expl-key{font-weight: 800;color: var(--accent-color);}.subcat-advanced-badge{flex-shrink: 0;display: inline-block;font-size: .625rem;font-weight: 800;letter-spacing: .04em;color: #fff;background-color: #6C4AB6;padding: 1px 6px;border-radius: 999px;line-height: 1;}.subcategory-list button:hover{border-color: var(--accent-color);background-color: var(--light-accent-color);transform: translateY(-1px);}.subcategory-list button[style*="background-color"]{border: none;box-shadow: 0 6px 16px -6px rgba(var(--accent-rgb), .5);}.subcategory-list button[style*="background-color"]:hover{opacity: .92;box-shadow: 0 10px 22px -6px rgba(var(--accent-rgb), .6);}#quiz-header{font-size: .9rem;color: var(--text-muted);font-weight: 700;border-bottom: 1px solid var(--border-color);padding-bottom: 14px;margin-bottom: 20px;}#bookmark-btn, #favorite-btn, #folder-tag-btn{font-family: inherit;font-size: .935rem;font-weight: 700;color: var(--text-muted);background-color: var(--surface-color);border: 2px solid rgba(var(--accent-rgb), .25);border-radius: 999px;padding: 7px 13px;min-height: 44px;transition: color .2s ease, border-color .2s ease, background-color .2s ease;}#bookmark-btn.active{color: var(--gold-1);border-color: var(--gold-2);background: #FFFBF0;font-weight: 900;}#favorite-btn.active{color: var(--incorrect-color);border-color: var(--incorrect-color);background: var(--incorrect-bg);font-weight: 900;}#folder-tag-btn.active{color: var(--gold-1);border-color: var(--gold-2);background: #FFFBF0;font-weight: 900;}#feedback-message{font-size: 1.6rem;font-weight: 900;letter-spacing: .01em;margin: 16px 0 14px;}.feedback-correct{color: var(--correct-color);}.feedback-incorrect{color: var(--incorrect-color);}#question-text{font-size: 1.035rem;font-weight: 800;line-height: 1.665;margin-bottom: 24px;padding-bottom: 22px;border-bottom: 1px solid var(--border-color);}.option-buttons{gap: 0;}.option-btn{display: block;width: 100%;text-align: left;font-family: inherit;background-color: var(--surface-color);color: var(--main-text-color);border: 2px solid rgba(var(--accent-rgb), .25);border-radius: var(--radius-sm);padding: 8.5px 9.5px;margin-bottom: 11px;font-size: 0.9rem;font-weight: 700;line-height: 1.53;min-height: 48px;transition: border-color .15s ease, background-color .15s ease, transform .1s ease;}.option-btn:hover:not(:disabled){border-color: var(--accent-color);background-color: var(--light-accent-color);transform: translateX(2px);}.option-btn:disabled{cursor: not-allowed;opacity: 1;color: var(--text-muted);}.option-btn.correct{border: 2px solid var(--correct-color);background-color: var(--correct-bg);color: var(--main-text-color);font-weight: 900;}.option-btn.incorrect{border: 2px solid var(--incorrect-color);background-color: var(--incorrect-bg);color: var(--main-text-color);font-weight: 800;}#explanation{background-color: var(--surface-subtle);border: 1px solid var(--border-color);border-left: 4px solid var(--accent-color);border-radius: var(--radius-md);padding: 22px 11px;margin-top: 26px;font-size: 1.0182rem;font-weight: 500;line-height: 1.2;}.controls{margin-top: 28px;gap: 12px;position: relative;}.quiz-actions{gap: 12px;}.quiz-nav-btn, .next-btn{font-family: inherit;font-size: 1.02rem;font-weight: 800;border-radius: var(--radius-sm);letter-spacing: .01em;min-height: 50px;transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;}#home-button, #give-up-button, #back-to-category-button{background-color: var(--surface-color);color: var(--main-text-color);border: 2px solid rgba(var(--accent-rgb), .25);font-weight: 700;padding: 13px 20px;}#home-button:hover, #give-up-button:hover, #back-to-category-button:hover{background-color: var(--light-accent-color);border-color: var(--accent-color);}.next-btn, #retry-button{background: linear-gradient(135deg, var(--accent-color), var(--accent-hover));color: #FFFFFF;border: none;font-weight: 900;padding: 15px 24px;box-shadow: 0 8px 20px -6px rgba(var(--accent-rgb), .55);}.next-btn:hover, #retry-button:hover{transform: translateY(-1px);box-shadow: 0 10px 24px -6px rgba(var(--accent-rgb), .65);}#score-display{font-size: 2rem;font-weight: 900;letter-spacing: .01em;margin: 22px 0 12px;color: var(--accent-hover);}.result-message{font-size: 1.02rem;color: var(--text-muted);font-weight: 700;line-height: 1.9;margin-bottom: 30px;}.result-controls{gap: 12px;position: relative;}.result-controls button{font-family: inherit;font-size: 1rem;font-weight: 800;letter-spacing: .01em;border-radius: var(--radius-sm);padding: 14px 24px;min-height: 50px;transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;}.ad-container{background-color: transparent;border: none;border-radius: 0;margin: 30px auto;padding: 10px;}.ad-container span.ad-label{font-size: .625rem;font-weight: 500;color: var(--text-muted);letter-spacing: .01em;opacity: .65;}.sticky-ad-bottom{background-color: rgba(255, 255, 255, .98);box-shadow: 0 -2px 10px rgba(20,20,28,.08);}.close-ad-btn{border: 1px solid var(--border-color);color: var(--text-muted);}.seo-accordion{background-color: var(--surface-color);border: 1px solid var(--border-color);border-radius: var(--radius-md);margin: 36px auto;}.seo-accordion summary{background-color: var(--light-accent-color);color: var(--accent-hover);font-weight: 800;font-size: .96rem;padding: 15px 20px;}.seo-accordion summary::after{color: var(--text-muted);font-weight: 700;}.seo-accordion .accordion-content{color: var(--text-muted);font-size: .9rem;font-weight: 500;line-height: 1.9;padding: 20px;}.seo-accordion h3{font-size: 1.02rem;color: var(--main-text-color);border-bottom: 1px solid var(--border-color);padding-bottom: 6px;margin: 20px 0 8px 0;}.legal-modal{background-color: rgba(20, 20, 28, .55);}.legal-modal-content{background-color: var(--surface-color);border: 1px solid var(--border-color);border-radius: var(--radius-lg);padding: 32px;max-width: 680px;font-size: .95rem;font-weight: 500;line-height: 1.9;color: var(--main-text-color);box-shadow: var(--shadow-md);}.folder-picker-list{list-style: none;padding: 0;margin: 16px 0;max-height: 40vh;overflow-y: auto;}.folder-picker-row{display: flex;align-items: center;gap: 10px;padding: 12px 10px;border: 1px solid var(--border-color);border-radius: var(--radius-sm);margin-bottom: 8px;cursor: pointer;font-weight: 600;min-height: 44px;box-sizing: border-box;}.folder-picker-row:hover{background: var(--light-accent-color);}.folder-picker-row input[type="checkbox"]{width: 18px;height: 18px;min-height: 0;min-width: 0;flex-shrink: 0;accent-color: var(--accent-color);}.folder-picker-empty{color: var(--text-muted);font-size: .9rem;padding: 8px 0;}.folder-picker-new-row{display: flex;gap: 8px;margin-top: 8px;}.folder-picker-new-row input[type="text"]{flex: 1;padding: 12px;border-radius: var(--radius-sm);border: 1px solid var(--border-strong);font-size: 1rem;font-family: inherit;box-sizing: border-box;}.folder-picker-new-row button{padding: 12px 16px;background: var(--accent-color);color: #fff;border: none;border-radius: var(--radius-sm);font-weight: 700;cursor: pointer;white-space: nowrap;}.folder-picker-actions{display: flex;gap: 10px;margin-top: 20px;}.folder-picker-actions button{flex: 1;padding: 13px;border-radius: var(--radius-md);font-weight: 700;cursor: pointer;font-size: 1rem;font-family: inherit;min-height: 44px;}.folder-picker-save-btn{background: var(--accent-color);color: #fff;border: none;}.folder-picker-cancel-btn{background: var(--surface-color);color: var(--main-text-color);border: 2px solid rgba(var(--accent-rgb), .25);}.legal-modal-content h2{color: var(--accent-hover);border-bottom: 1px solid var(--border-color);padding-bottom: 12px;font-size: 1.3rem;}.legal-modal.page-style{background-color: var(--light-accent-color);backdrop-filter: none;-webkit-backdrop-filter: none;align-items: flex-start;overflow-y: auto;-webkit-overflow-scrolling: touch;padding: 20px 16px 40px;box-sizing: border-box;}.legal-modal.page-style .legal-modal-content{width: 100%;max-width: 720px;max-height: none;margin: 0 auto;box-shadow: var(--shadow-md, 0 10px 25px rgba(0,0,0,0.15));}.page-back-btn{position: sticky;top: -10px;display: inline-flex;align-items: center;gap: 6px;background: var(--surface-color);color: var(--main-text-color);border: 2px solid rgba(var(--accent-rgb),.25);border-radius: 999px;padding: 8px 16px;font-family: inherit;font-size: .9375rem;font-weight: 700;cursor: pointer;margin-bottom: 14px;min-height: 40px;}.install-guide-section{border-radius: 10px;margin-top: 10px;transition: background-color .3s ease, border-color .3s ease;}.install-guide-section.install-guide-detected{background: var(--light-accent-color);border: 2px solid var(--accent-color);padding: 12px 14px;margin: 14px 0;}.install-guide-badge{display: inline-block;background: var(--accent-color);color: #fff;font-size: .6875rem;font-weight: 800;padding: 3px 9px;border-radius: 999px;margin-bottom: 8px;}.legal-modal-content h3{color: var(--main-text-color);border-left: 3px solid var(--accent-color);font-size: 1.02rem;padding-left: 10px;}.close-modal-btn{background: var(--surface-subtle);color: var(--main-text-color);border: 1px solid var(--border-strong);box-shadow: none;font-weight: 700;}.close-modal-btn:hover{background: var(--border-strong);}.footer-legal-links{border-top: 1px solid var(--border-color);gap: 12px;margin: 24px 0;padding-top: 20px;}.footer-legal-links a{color: var(--accent-hover);background: var(--surface-color);border: 1px solid var(--border-strong);border-radius: 999px;font-weight: 700;font-size: .86rem;padding: 9px 18px;text-decoration: none;}.footer-legal-links a:hover{background: var(--light-accent-color);border-color: var(--accent-color);}.hb-menu-item{display: block;width: 100%;box-sizing: border-box;text-align: left;padding: 13px 16px;background: none;border: none;border-bottom: 1px solid var(--border-color);font-family: inherit;font-size: 0.9375rem;font-weight: 600;color: var(--main-text-color);cursor: pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: background-color .15s ease;}.hb-menu-item:last-child{border-bottom: none;}.hb-menu-item:hover, .hb-menu-item:active{background-color: rgba(var(--accent-rgb),.08);}.hb-menu-parent{display: flex;align-items: center;justify-content: space-between;gap: 8px;}.hb-menu-subitem{display: block;width: 100%;box-sizing: border-box;text-align: left;padding: 11px 16px 11px 34px;background: var(--light-accent-color);border: none;border-bottom: 1px solid var(--border-color);font-family: inherit;font-size: 0.875rem;font-weight: 500;color: var(--main-text-color);cursor: pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: background-color .15s ease;}.hb-menu-subitem:hover, .hb-menu-subitem:active{background-color: rgba(var(--accent-rgb),.15);}#auth-section:not(.is-premium){border-color: #000 !important;}#auth-section.is-premium{position: relative;background-color: var(--surface-color) !important;background-image: linear-gradient(var(--surface-color), var(--surface-color)), linear-gradient(135deg, var(--gold-1), var(--gold-2) 45%, #FFF8DC 55%, var(--gold-2) 70%, var(--gold-3));background-origin: border-box;background-clip: padding-box, border-box;border: 2px solid transparent !important;box-shadow: 0 16px 40px -14px rgba(184,134,11,.45), 0 2px 8px rgba(20,20,28,.06) !important;}#auth-section.is-premium::before{content: "👑 PREMIUM会員";display: inline-block;font-family: 'M PLUS Rounded 1c', sans-serif;font-weight: 900;font-size: .72rem;letter-spacing: .08em;color: #6B4E00;background: linear-gradient(135deg, var(--gold-2), #FFF8DC, var(--gold-2));padding: 5px 16px;border-radius: 999px;margin-bottom: 14px;box-shadow: 0 2px 8px rgba(184,134,11,.3);}#premium-pitch-section, #premium-active-section{position: relative;background-color: var(--surface-color) !important;background-image: linear-gradient(var(--surface-color), var(--surface-color)), linear-gradient(135deg, var(--gold-1), var(--gold-2) 45%, #FFF8DC 55%, var(--gold-2) 70%, var(--gold-3));background-origin: border-box;background-clip: padding-box, border-box;border: 2px solid transparent !important;border-radius: var(--radius-lg) !important;box-shadow: 0 16px 40px -14px rgba(184,134,11,.45), 0 2px 8px rgba(20,20,28,.06) !important;padding: 36px 28px !important;overflow: hidden;}#premium-pitch-section::before, #premium-active-section::before{content: "PREMIUM";display: inline-block;font-family: 'M PLUS Rounded 1c', sans-serif;font-weight: 900;font-size: .72rem;letter-spacing: .16em;color: #6B4E00;background: linear-gradient(135deg, var(--gold-2), #FFF8DC, var(--gold-2));padding: 5px 16px;border-radius: 999px;margin-bottom: 14px;box-shadow: 0 2px 8px rgba(184,134,11,.3);}#premium-pitch-section h3, #premium-active-section h3{color: var(--main-text-color) !important;font-weight: 900 !important;font-size: 1.3rem !important;}#checkout-btn{display: block;margin: 0 auto;background: linear-gradient(135deg, var(--gold-3), var(--gold-1) 45%, var(--gold-2) 65%, var(--gold-1)) !important;color: #3A2E05 !important;border: none !important;border-radius: var(--radius-md) !important;font-weight: 900 !important;font-size: 1.08rem !important;padding: 18px 28px !important;box-shadow: 0 12px 28px -8px rgba(201,151,31,.6);transition: transform .15s ease, box-shadow .15s ease;}#checkout-btn:hover:not(:disabled){transform: translateY(-2px);box-shadow: 0 16px 34px -8px rgba(201,151,31,.7);}#checkout-btn:disabled{opacity: .5 !important;box-shadow: none;}.cancel-data-notice{background: var(--surface-subtle);border: 1px solid var(--border-color);border-left: 4px solid var(--incorrect-color);border-radius: var(--radius-md);padding: 18px 20px;margin: 0 auto 20px;max-width: 420px;text-align: left;}.cancel-data-notice__title{margin: 0 0 8px;font-weight: 900;font-size: .96rem;color: var(--incorrect-color);}.cancel-data-notice__body{margin: 0 0 8px;font-size: .86rem;font-weight: 500;line-height: 1.8;color: var(--main-text-color);}.cancel-data-notice__body:last-child{margin-bottom: 0;}.premium-feature-list{list-style: none;padding: 0;margin: 0 0 10px;text-align: left;max-width: 420px;margin-left: auto;margin-right: auto;}.premium-feature-list li{display: flex;align-items: flex-start;gap: 10px;padding: 7px 0;border-bottom: 1px dashed var(--border-color);font-size: 0.9375rem;font-weight: 500;color: var(--main-text-color);line-height: 1.4;}.premium-feature-list li:last-child{border-bottom: none;}.premium-feature-list .check-icon{flex-shrink: 0;width: 22px;height: 22px;border-radius: 50%;background: linear-gradient(135deg, var(--gold-2), var(--gold-1));color: #3A2E05;display: flex;align-items: center;justify-content: center;font-size: 0.8125rem;font-weight: 900;margin-top: 1px;}.premium-price-anchor{display: flex;align-items: baseline;justify-content: center;gap: 10px;margin: 4px 0 10px;flex-wrap: wrap;}.premium-price-anchor .price-main{font-size: 1.75rem;font-weight: 900;color: var(--main-text-color);}.premium-price-anchor .price-sub{font-size: 0.8125rem;color: var(--text-muted);font-weight: 500;}.premium-reassurance{font-size: 0.73125rem;color: var(--text-muted);font-weight: 500;margin: 10px 0 0;display: flex;align-items: center;justify-content: center;gap: 6px;flex-wrap: wrap;}.premium-reassurance .dot{opacity: .5;}@media (min-width: 769px){#site-logo-pill{font-size: 1.125rem !important;padding: 6px 6px 6px 3px !important;gap: 3.75px !important;}#site-logo-pill > span:first-child{width: 22.5px !important;height: 22.5px !important;}}@media (min-width: 769px){#nav-home-btn, #nav-quiz-picker-btn{font-size: 1.275rem !important;padding: 12px 3px !important;min-height: 54px !important;}}@media (max-width: 768px){.site-logo-pill-text{font-size: 0.675rem !important;}body{font-size: 16px;background-color: var(--light-accent-color);padding-left: 8px;padding-right: 8px;}.container{max-width: 100%;margin: 8px auto;padding: 22px 16px 26px;border-radius: 18px;box-shadow: var(--shadow-sm);background-color: var(--surface-color);}h1{font-size: 1.4rem;padding-bottom: 12px;}h2{font-size: 1.15rem;}p{font-size: 1rem;}.category-grid{grid-template-columns: 1fr;gap: 14px;margin-top: 26px;}.category-card h2{font-size: 1rem;padding: 14px 18px;cursor: pointer;position: relative;padding-right: 44px;}.category-card h2::after{content: '▾';position: absolute;right: 18px;top: 50%;transform: translateY(-50%);transition: transform .2s ease;font-size: 1.7em;}.category-card.is-collapsed h2::after{transform: translateY(-50%) rotate(-90deg);}.category-card.is-collapsed .subcategory-list{display: none;}.subcategory-list{padding: 0 14px 16px;gap: 8px;}.subcategory-list button{padding: 14px 15px;font-size: 1rem;}#quiz-stats{padding: 16px 16px;margin-bottom: 26px;}#quiz-header{font-size: 1rem;margin-bottom: 16px;}#bookmark-btn, #favorite-btn, #folder-tag-btn{font-size: 0.847rem;}#feedback-message{font-size: 1.3rem;margin: 14px 0 10px;}#question-text{font-size: 0.936rem;margin-bottom: 20px;padding-bottom: 18px;}.option-btn{padding: 7.5px 8px;font-size: 0.9rem;margin-bottom: 9px;}#explanation{padding: 17px 8.5px;font-size: 1.0182rem;line-height: 1.2;margin-top: 20px;}.controls{margin-top: 22px;}.quiz-nav-btn, .next-btn{padding: 14px 18px;font-size: 1rem;min-height: 50px;}#score-display{font-size: 1.6rem;}.result-message{font-size: 1rem;margin-bottom: 24px;}.result-controls button{padding: 13px 18px;font-size: 1rem;}.legal-modal-content{padding: 20px;font-size: 1rem;max-height: 82vh;max-height: 82dvh;}.cancel-data-notice{padding: 14px 16px;}.seo-accordion summary{padding: 13px 16px;font-size: 1rem;}.footer-legal-links{gap: 8px;}.footer-legal-links a{padding: 8px 14px;font-size: 1rem;}button{touch-action: manipulation;}#legal-agree-checkbox{width: 18px !important;height: 18px !important;min-height: 0 !important;min-width: 0 !important;}#legal-agree-checkbox + label{font-size: 0.744rem !important;}.container, .category-card, .option-btn, #explanation{max-width: 100%;}}.sticky-ad-bottom{padding-bottom: env(safe-area-inset-bottom, 0px);}@media (min-width: 900px){html{font-size: 18px;}body{font-size: 20px;}.container{max-width: 980px;}}#stripe-redirect-overlay{position: fixed;inset: 0;z-index: 99999;background: rgba(20,20,28,.82);display: none;flex-direction: column;align-items: center;justify-content: center;gap: 16px;color: #fff;font-family: 'M PLUS Rounded 1c', sans-serif;text-align: center;padding: 24px;}#stripe-redirect-overlay .spinner{width: 48px;height: 48px;border: 4px solid rgba(255,255,255,.25);border-top-color: #fff;border-radius: 50%;animation: stripeRedirectSpin .9s linear infinite;}#stripe-redirect-overlay-text{font-size: 1.05rem;font-weight: 700;line-height: 1.7;max-width: 320px;white-space: pre-line;}@keyframes stripeRedirectSpin{to{transform: rotate(360deg);}}