:root{--color-primary:#a29bba;--color-primary-light:#c4bfd6;--color-primary-dark:#7d7599;--color-accent:#8b7fb8;--color-bg:linear-gradient(180deg, #bdb7cf 0%, #a29bba 100%);--color-surface:#fff;--color-text:#2d2a33;--color-text-muted:#6b6777;--color-border:#7d759933;--font-body:var(--font-nunito), system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-size-base:16px;--font-size-sm:.875rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--line-height:1.6;--spacing-xs:.5rem;--spacing-sm:.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--max-width:720px;--header-height:70px;--border-radius:12px;--border-radius-lg:20px;--shadow-sm:0 2px 8px #2d2a3314;--shadow-md:0 4px 16px #2d2a331f;--shadow-lg:0 8px 32px #2d2a3329;--safe-area-top:env(safe-area-inset-top);--safe-area-bottom:env(safe-area-inset-bottom)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:1rem;line-height:var(--line-height);color:var(--color-text);background:var(--color-bg);min-height:100svh}a{color:var(--color-primary-dark);text-decoration:none;transition:color .2s}a:hover{color:var(--color-accent)}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4{color:var(--color-text);font-weight:700;line-height:1.3}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl);margin-top:var(--spacing-xl)}p{margin-bottom:var(--spacing-md)}.header{background:var(--color-surface);box-shadow:var(--shadow-sm);z-index:100;padding-top:var(--safe-area-top);position:sticky;top:0}.header-inner{max-width:var(--max-width);padding:var(--spacing-md);align-items:center;gap:var(--spacing-sm);flex-direction:column;margin:0 auto;display:flex}.logo{flex-shrink:0}.logo a{background:url(/img/logo.png) 50%/contain no-repeat;width:160px;height:30px;display:block}.logodescr{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;display:none}@media (width>=768px){.header-inner{padding:var(--spacing-md) var(--spacing-lg);height:var(--header-height);flex-direction:row;justify-content:space-between}.logo a{width:186px;height:34px}.logodescr{text-align:left;padding-left:var(--spacing-md);border-left:1px solid var(--color-border);margin-left:var(--spacing-md);flex:1;display:block}}.window{width:100%;max-width:var(--max-width);padding:var(--spacing-md);margin:0 auto}@media (width>=768px){.window{padding:var(--spacing-xl)}}.video-chat-wrapper{background:var(--color-surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-lg);position:relative;overflow:hidden}.chat-poster{object-fit:cover;z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}@media (width<=767px){.video-chat-wrapper{height:calc(100svh - 60px);min-height:calc(100svh - 60px);margin-left:calc(-1 * var(--spacing-md));margin-right:calc(-1 * var(--spacing-md));width:calc(100% + 2 * var(--spacing-md));border-radius:0;margin-bottom:0}.video-chat-wrapper #coomeet_container{width:100%!important;height:100%!important}}@media (width>=768px){.video-chat-wrapper{aspect-ratio:7/5.8;max-height:580px}.video-chat-wrapper #coomeet_container{width:100%!important;height:100%!important}}.flash-in{width:100%}#flashDiv{width:100%;margin:0 auto}#featured,#coomeet_container{z-index:1;position:relative}#featured{width:100%;height:100%}#bottom{background:linear-gradient(135deg, var(--color-surface) 0%, #f8f7fa 100%);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--shadow-md);margin-top:var(--spacing-lg)}.bg_story_title{font-size:var(--font-size-lg);color:var(--color-text);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-primary-light);font-weight:700}.latest-stories{gap:var(--spacing-md);flex-direction:column;display:flex}.story-card{gap:var(--spacing-md);color:inherit;padding:var(--spacing-sm);border-radius:var(--border-radius);align-items:flex-start;text-decoration:none;transition:background .2s;display:flex}.story-card:hover{background:#8b7fb80f}.story-card-image{object-fit:cover;border-radius:var(--border-radius);flex-shrink:0;width:120px;height:68px}@media (width>=480px){.story-card-image{width:160px;height:90px}}.story-card-body{flex:1;min-width:0}.story-card-date{color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.story-card-title{font-size:var(--font-size-base);color:var(--color-text);margin:0 0 var(--spacing-xs);font-weight:700;line-height:1.3;transition:color .2s}.story-card:hover .story-card-title{color:var(--color-primary-dark)}.story-card-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.bg_story_more{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.bg_story_more a{color:var(--color-primary-dark);align-items:center;gap:var(--spacing-xs);font-weight:600;display:inline-flex}.bg_story_more a:before{content:"→"}#bottom_full{margin-top:var(--spacing-xl)}.bg_story_title_full{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius) var(--border-radius) 0 0;font-size:var(--font-size-lg);font-weight:700}.bg_story_list{background:var(--color-surface);padding:var(--spacing-lg);border-radius:0 0 var(--border-radius) var(--border-radius);box-shadow:var(--shadow-sm)}.bg_story_list p{margin-bottom:var(--spacing-lg)}.bg_story_list h2{font-size:var(--font-size-lg);color:var(--color-primary-dark);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md)}.bg_story_footer{text-align:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.bg_story_footer a{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary-light);color:var(--color-text);border-radius:var(--border-radius);font-weight:600;transition:background .2s;display:inline-flex}.bg_story_footer a:hover{background:var(--color-primary);color:#fff}.bg_story_footer a:before{content:"←"}.bg_story_full{background:var(--color-surface);padding:var(--spacing-lg);border-radius:0 0 var(--border-radius) var(--border-radius);box-shadow:var(--shadow-sm)}.bg_story_full h1{text-align:center;font-size:var(--font-size-xl);margin:var(--spacing-lg) 0;color:var(--color-text)}.bg_story_full img{float:none;border-radius:var(--border-radius);width:100%;max-width:300px;height:auto;margin:0 auto var(--spacing-lg)}@media (width>=768px){.bg_story_full img{float:left;margin:0 var(--spacing-lg) var(--spacing-md) 0}}.bg_story_full p{margin-bottom:var(--spacing-md);text-indent:0}.bg_story_list p{gap:var(--spacing-sm);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.bg_story_list p:last-of-type{border-bottom:none}.bg_story_list h2{font-size:var(--font-size-lg);margin-top:0}.bg_story_list img{border-radius:var(--border-radius);object-fit:cover;width:100%;max-width:200px;height:auto}@media (width>=768px){.bg_story_list p{flex-direction:row;align-items:flex-start}.bg_story_list img{margin-right:var(--spacing-md);flex-shrink:0}}.bg_story_list a{color:var(--color-accent);font-weight:600}#bottom_banner2{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:#fff;padding:var(--spacing-xl);border-radius:var(--border-radius);text-align:center;font-size:var(--font-size-lg)}#bottom_banner2 a{color:#fff;font-weight:700;text-decoration:underline}@media (width<=480px){:root{--font-size-base:15px;--spacing-md:.875rem;--spacing-lg:1.25rem}.window{padding:var(--spacing-sm)}#bottom{padding:var(--spacing-md)}.story-card{flex-direction:column}.story-card-image{object-fit:cover;width:100%;height:150px}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.rules-content ul{margin:var(--spacing-md) 0;padding-left:var(--spacing-xl);list-style:none}.rules-content li{margin-bottom:var(--spacing-sm);color:var(--color-text);line-height:var(--line-height);padding-left:var(--spacing-md);position:relative}.rules-content li:before{content:"•";color:var(--color-primary);font-weight:700;position:absolute;left:0}.rules-content h2{align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);font-size:var(--font-size-lg);color:var(--color-primary-dark);display:flex}.rules-content h2:first-of-type{margin-top:0}.rules-content>p{margin-bottom:var(--spacing-lg);color:var(--color-text-muted);border-bottom:none;padding-bottom:0;display:block}.rules-content .rules-note{background:linear-gradient(135deg, var(--color-primary-light) 0%, #e8e5f0 100%);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius);margin-top:var(--spacing-lg);color:var(--color-text)}.tips-content>p{margin-bottom:var(--spacing-xl);color:var(--color-text-muted);border-bottom:none;padding-bottom:0;display:block}.tips-content .tip-card{gap:var(--spacing-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);background:linear-gradient(135deg, #f8f7fa 0%, var(--color-surface) 100%);border-radius:var(--border-radius);border-left:4px solid var(--color-primary);transition:transform .2s,box-shadow .2s;display:flex}.tips-content .tip-card:hover{box-shadow:var(--shadow-sm);transform:translate(4px)}.tips-content .tip-emoji{font-size:var(--font-size-xl);flex-shrink:0;line-height:1}.tips-content .tip-text strong{color:var(--color-text);margin-bottom:var(--spacing-xs);display:block}.tips-content .tip-text span{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height)}.tips-content .avoid-section{padding:var(--spacing-lg);border-radius:var(--border-radius);margin-top:var(--spacing-xl);background:#fff5f5;border-left:4px solid #e53e3e}.tips-content .avoid-section h3{color:#c53030;margin-bottom:var(--spacing-md);font-size:var(--font-size-lg)}.tips-content .avoid-section ul{margin:0;padding:0;list-style:none}.tips-content .avoid-section li{margin-bottom:var(--spacing-sm);color:var(--color-text);padding-left:0}.tips-content .avoid-section li:before{content:none}.tips-content .see-also{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);text-align:center}.tips-content .see-also a{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg, var(--color-primary-light) 0%, #e8e5f0 100%);border-radius:var(--border-radius);color:var(--color-text);font-weight:600;transition:background .2s;display:inline-flex}.tips-content .see-also a:hover{background:var(--color-primary);color:#fff}@media (width<=480px){.tips-content .tip-card{padding:var(--spacing-sm)}.tips-content .tip-emoji{font-size:var(--font-size-lg)}}.footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--spacing-xl) var(--spacing-md);margin-top:var(--spacing-2xl)}.footer-inner{max-width:var(--max-width);text-align:center;margin:0 auto}.footer-nav{justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.footer-nav a{font-size:var(--font-size-sm);color:var(--color-primary-dark);font-weight:600}.footer-nav a:hover{color:var(--color-accent)}.footer-copy{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.footer-nav-secondary{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.footer-nav-secondary a{color:var(--color-text-muted);font-size:.8rem}.footer-nav-secondary a:hover{color:var(--color-primary-dark)}@media (width<=480px){.footer-nav{gap:var(--spacing-md)}}