trix-editor{border:1px solid #bbb;border-radius:3px;margin:0;padding:0.4em 0.6em;min-height:5em;outline:none}trix-toolbar *{box-sizing:border-box}trix-toolbar .button_row{display:flex;flex-wrap:nowrap;justify-content:space-between}trix-toolbar .button_group{display:flex;margin-bottom:10px;border:1px solid #bbb;border-top-color:#ccc;border-bottom-color:#888;border-radius:3px}trix-toolbar .button_group button,trix-toolbar .button_group input[type=button]{position:relative;float:left;font-size:inherit;padding:0;margin:0;outline:none;border:none;border-bottom:1px solid #ddd;border-radius:0;background:transparent}trix-toolbar .button_group button:not(:first-child),trix-toolbar .button_group input[type=button]:not(:first-child){border-left:1px solid #ccc}trix-toolbar .button_group button:not(:disabled),trix-toolbar .button_group input[type=button]:not(:disabled){cursor:pointer}trix-toolbar .button_group button.active,trix-toolbar .button_group input.active[type=button]{background:#cbeefa}trix-toolbar .button_group button.icon,trix-toolbar .button_group input.icon[type=button]{width:2.6em;height:1.6em;max-width:calc(0.8em + 4vw);text-indent:-9999px}@media (max-device-width: 768px){trix-toolbar .button_group button.icon,trix-toolbar .button_group input.icon[type=button]{height:2em;max-width:calc(0.8em + 3.5vw)}}trix-toolbar .button_group button.icon::before,trix-toolbar .button_group input.icon[type=button]::before{display:inline-block;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0.6;content:"";background-position:center;background-repeat:no-repeat;background-size:contain}@media (max-device-width: 768px){trix-toolbar .button_group button.icon::before,trix-toolbar .button_group input.icon[type=button]::before{right:6%;left:6%}}trix-toolbar .button_group button.icon.bold::before,trix-toolbar .button_group input.icon.bold[type=button]::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M15.6%2011.8c1-.7%201.6-1.8%201.6-2.8a4%204%200%200%200-4-4H7v14h7c2.1%200%203.7-1.7%203.7-3.8%200-1.5-.8-2.8-2.1-3.4zM10%207.5h3a1.5%201.5%200%201%201%200%203h-3v-3zm3.5%209H10v-3h3.5a1.5%201.5%200%201%201%200%203z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .button_group button.icon.italic::before,trix-toolbar .button_group input.icon.italic[type=button]::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M10%205v3h2.2l-3.4%208H6v3h8v-3h-2.2l3.4-8H18V5h-8z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .button_group button.icon.link::before,trix-toolbar .button_group input.icon.link[type=button]::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M9.88%2013.7a4.3%204.3%200%200%201%200-6.07l3.37-3.37a4.26%204.26%200%200%201%206.07%200%204.3%204.3%200%200%201%200%206.06l-1.96%201.72a.91.91%200%201%201-1.3-1.3l1.97-1.71a2.46%202.46%200%200%200-3.48-3.48l-3.38%203.37a2.46%202.46%200%200%200%200%203.48.91.91%200%201%201-1.3%201.3z%22%2F%3E%3Cpath%20d%3D%22M4.25%2019.46a4.3%204.3%200%200%201%200-6.07l1.93-1.9a.91.91%200%201%201%201.3%201.3l-1.93%201.9a2.46%202.46%200%200%200%203.48%203.48l3.37-3.38c.96-.96.96-2.52%200-3.48a.91.91%200%201%201%201.3-1.3%204.3%204.3%200%200%201%200%206.07l-3.38%203.38a4.26%204.26%200%200%201-6.07%200z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .button_group button.icon.strike::before,trix-toolbar .button_group input.icon.strike[type=button]::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.73%2014l.28.14c.26.15.45.3.57.44.12.14.18.3.18.5%200%20.3-.15.56-.44.75-.3.2-.76.3-1.39.3A13.52%2013.52%200%200%201%207%2014.95v3.37a10.64%2010.64%200%200%200%204.84.88c1.26%200%202.35-.19%203.28-.56.93-.37%201.64-.9%202.14-1.57s.74-1.45.74-2.32c0-.26-.02-.51-.06-.75h-5.21zm-5.5-4c-.08-.34-.12-.7-.12-1.1%200-1.29.52-2.3%201.58-3.02%201.05-.72%202.5-1.08%204.34-1.08%201.62%200%203.28.34%204.97%201l-1.3%202.93c-1.47-.6-2.73-.9-3.8-.9-.55%200-.96.08-1.2.26-.26.17-.38.38-.38.64%200%20.27.16.52.48.74.17.12.53.3%201.05.53H7.23zM3%2013h18v-2H3v2z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .button_group button.icon.quote::before,trix-toolbar .button_group input.icon.quote[type=button]::before{background-image:url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M6%2017h3l2-4V7H5v6h3zm8%200h3l2-4V7h-6v6h3z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .button_group button.icon.heading-1::before,trix-toolbar .button_group input.icon.heading-1[type=button]::before{background-image:url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12%209v3H9v7H6v-7H3V9h9zM8%204h14v3h-6v12h-3V7H8V4z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .button_group button.icon.code::before,trix-toolbar .button_group input.icon.code[type=button]::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.2%2012L15%2015.2l1.4%201.4L21%2012l-4.6-4.6L15%208.8l3.2%203.2zM5.8%2012L9%208.8%207.6%207.4%203%2012l4.6%204.6L9%2015.2%205.8%2012z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .button_group button.icon.bullets::before,trix-toolbar .button_group input.icon.bullets[type=button]::before{background-image:url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%204a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm4%203h14v-2H8v2zm0-6h14v-2H8v2zm0-8v2h14V5H8z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .button_group button.icon.numbers::before,trix-toolbar .button_group input.icon.numbers[type=button]::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M2%2017h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1%203h1.8L2%2013.1v.9h3v-1H3.2L5%2010.9V10H2v1zm5-6v2h14V5H7zm0%2014h14v-2H7v2zm0-6h14v-2H7v2z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .button_group button.icon.undo::before,trix-toolbar .button_group input.icon.undo[type=button]::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.5%208c-2.6%200-5%201-6.9%202.6L2%207v9h9l-3.6-3.6A8%208%200%200%201%2020%2016l2.4-.8a10.5%2010.5%200%200%200-10-7.2z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .button_group button.icon.redo::before,trix-toolbar .button_group input.icon.redo[type=button]::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.4%2010.6a10.5%2010.5%200%200%200-16.9%204.6L4%2016a8%208%200%200%201%2012.7-3.6L13%2016h9V7l-3.6%203.6z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .button_group button.icon.nesting-level.decrease::before,trix-toolbar .button_group input.icon.nesting-level.decrease[type=button]::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-8.3-.3l2.8%202.9L6%2014.2%204%2012l2-2-1.4-1.5L1%2012l.7.7zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .button_group button.icon.nesting-level.increase::before,trix-toolbar .button_group input.icon.nesting-level.increase[type=button]::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-6.9-1L1%2014.2l1.4%201.4L6%2012l-.7-.7-2.8-2.8L1%209.9%203.1%2012zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .button_group button.icon.active::before,trix-toolbar .button_group input.icon.active[type=button]::before{opacity:1}trix-toolbar .button_group button.icon:disabled::before,trix-toolbar .button_group input.icon[type=button]:disabled::before{opacity:0.125}trix-toolbar .button_group button:not(.icon),trix-toolbar .button_group input[type=button]:not(.icon){font-size:0.75em;font-weight:600;white-space:nowrap;padding:0 0.5em;color:rgba(0,0,0,0.6)}@media (max-device-width: 768px){trix-toolbar .button_group button:not(.icon),trix-toolbar .button_group input[type=button]:not(.icon){letter-spacing:-0.01em;padding:0 0.3em}}trix-toolbar .button_group button.active:not(.icon),trix-toolbar .button_group input.active[type=button]:not(.icon){color:black}trix-toolbar .button_group button:not(.icon):disabled,trix-toolbar .button_group input[type=button]:not(.icon):disabled{color:rgba(0,0,0,0.125)}trix-toolbar .dialogs{position:relative}trix-toolbar .dialogs .dialog{position:absolute;top:0;left:0;right:0;font-size:0.75em;padding:15px 10px;background:#fff;box-shadow:0 0.3em 1em #ccc;border-top:2px solid #888;border-radius:5px;z-index:5}trix-toolbar .dialogs .dialog input{font-size:inherit;font-weight:normal}trix-toolbar .dialogs .dialog input[type=url],trix-toolbar .dialogs .dialog input[type=text]{padding:0.5em 0.8em;margin:0 10px 0 0;border-radius:3px;border:1px solid #bbb;background-color:#fff;box-shadow:none;outline:none;-webkit-appearance:none;-moz-appearance:none}trix-toolbar .dialogs .dialog input.validate[type=url]:invalid,trix-toolbar .dialogs .dialog input.validate[type=text]:invalid{box-shadow:#F00 0px 0px 1.5px 1px}trix-toolbar .dialogs .dialog .button_group input[type=button]{font-size:inherit;padding:0.5em;border-bottom:none}trix-toolbar .dialogs .dialog.link_dialog{max-width:600px}trix-toolbar .dialogs .dialog.link_dialog .link_url_fields{display:flex;align-items:baseline}trix-toolbar .dialogs .dialog.link_dialog .link_url_fields input[type=url]{flex:1}trix-toolbar .dialogs .dialog.link_dialog .link_url_fields .button_group{flex:0 0 content;margin:0}trix-editor [data-trix-mutable=true]{-webkit-user-select:none;-moz-user-select:none;user-select:none}trix-editor [data-trix-mutable=true] ::-moz-selection{background:none}trix-editor [data-trix-mutable=true] img{box-shadow:0 0 0 2px highlight}trix-editor .attachment.attachment-file[data-trix-mutable=true]{box-shadow:0 0 0 2px highlight;border-color:transparent}trix-editor .attachment:hover{cursor:default}trix-editor .attachment.attachment-preview .caption:hover{cursor:text}trix-editor .attachment button.remove{cursor:pointer}trix-editor .attachment button.remove.icon{text-indent:-9999px;display:block;position:absolute;z-index:1;padding:0;margin:0;top:-1.1em;left:calc(50% - 0.8em);width:1.8em;height:1.8em;line-height:1.8em;border-radius:50%;text-indent:-9999px;background-color:#fff;border:2px solid highlight;box-shadow:1px 1px 6px rgba(0,0,0,0.25)}trix-editor .attachment button.remove.icon::before{display:inline-block;position:absolute;top:0.1em;right:0.1em;bottom:0.1em;left:0.1em;opacity:0.75;content:"";background-image:url(data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.4L17.6%205%2012%2010.6%206.4%205%205%206.4l5.6%205.6L5%2017.6%206.4%2019l5.6-5.6%205.6%205.6%201.4-1.4-5.6-5.6z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E);background-position:center;background-repeat:no-repeat;background-size:contain}trix-editor .attachment button.remove:hover{border-color:#333}trix-editor .attachment button.remove:hover::before{opacity:1}trix-editor .attachment .caption.caption-editing textarea{display:inline-block;width:100%;margin:0;padding:0;font-size:inherit;font-family:inherit;line-height:inherit;color:inherit;text-align:center;vertical-align:top;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none}trix-editor .attachment progress{position:absolute;z-index:1;height:20px;top:calc(50% - 10px);left:5%;width:90%;opacity:0.9}.trix-content{line-height:1.5}.trix-content h1{font-size:1.2em;line-height:1.2;margin:0}.trix-content blockquote{margin:0 0 0 0.3em;padding:0 0 0 0.6em;border-left:0.3em solid #ccc}.trix-content pre{font-family:monospace;font-size:0.9em;margin:0;padding:0.5em;white-space:pre;background-color:#eee;overflow-x:auto}.trix-content ul,.trix-content ol,.trix-content li{margin:0;padding:0}.trix-content ul li,.trix-content ol li,.trix-content li li{margin-left:1em}.trix-content img{max-width:100%;height:auto}.trix-content a[data-trix-attachment]{color:inherit;text-decoration:none}.trix-content a[data-trix-attachment]:hover,.trix-content a[data-trix-attachment]:visited:hover{color:inherit}.trix-content .attachment{display:inline-block;position:relative;max-width:100%;margin:0;padding:0}.trix-content .attachment .caption{padding:0;text-align:center}.trix-content .attachment .caption .size:before{content:' · '}.trix-content .attachment.attachment-preview{width:100%;text-align:center}.trix-content .attachment.attachment-preview .caption{color:#666;font-size:0.9em;line-height:1.2}.trix-content .attachment.attachment-file{color:#333;line-height:1;margin:0 2px 2px 0;padding:0.4em 1em;border:1px solid #bbb;border-radius:5px}.trix-content .attachment-gallery>action-text-attachment,.trix-content .attachment-gallery>.attachment{flex:1 0 33%;padding:0 0.5em;max-width:33%}.trix-content .attachment-gallery.attachment-gallery--2>action-text-attachment,.trix-content .attachment-gallery.attachment-gallery--2>.attachment,.trix-content .attachment-gallery.attachment-gallery--4>action-text-attachment,.trix-content .attachment-gallery.attachment-gallery--4>.attachment{flex-basis:50%;max-width:50%}.trix-content action-text-attachment .attachment{padding:0 !important;max-width:100% !important}table.coupon-table{width:80%;margin-left:10%;margin-right:10%;border-collapse:collapse;margin-bottom:20px}table.coupon-table th,table.coupon-table td{border:1px solid #ddd;padding:8px;text-align:left}table.coupon-table th{background-color:#f2f2f2;font-weight:bold}table.coupon-table tr:nth-child(even){background-color:#f9f9f9}table.coupon-table tr:hover{background-color:#f1f1f1}.storelist{display:none;margin-top:10px}.storelist.show{display:block;animation:fadeIn 0.3s ease-in-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.h1{padding:50px 0px 0px 10px}.side{float:left}.calendar{width:80%;border-collapse:collapse;margin-top:20px;font-family:'Roboto', sans-serif}.calendar th,.calendar td{border:2px solid #555555;text-align:center;vertical-align:top;transition:background-color 0.3s;width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:white;background-color:black}.calendar th.saturday{background-color:blue;color:white}.calendar th.sunday{background-color:red;color:white}.calendar th.normal{background-color:black;color:white;font-weight:bold}.calendar td{background-color:#fff;border-radius:8px;color:black}.calendar td.saturday{color:blue}.calendar td.sunday,.calendar td.holiday{color:red}.calendar td:hover{background-color:#e0f7ff}.calendar .has-event{background-color:#e6f7ff}strong a{font-size:20px}td.saturday strong a{color:blue}td.sunday strong a,td.holiday strong a{color:red}.calendar .event-list p{margin:0;font-size:0.9em}.month-selector{text-align:center;margin-bottom:20px}.month-selector .btn{background-color:#007bff;color:#fff;border:none;padding:10px 20px;text-decoration:none;margin:0 5px;border-radius:4px;cursor:pointer;transition:background-color 0.3s, transform 0.3s}.month-selector .btn:hover{background-color:#0056b3;transform:translateY(-2px)}.form-title{margin-bottom:20px;font-size:24px;color:#333}.form-group{margin-bottom:15px}.form-control{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,0.1);transition:border-color 0.3s}.form-control:focus{border-color:#007bff;outline:none}.btn-submit{background-color:#007bff;color:white;padding:10px 15px;border:none;border-radius:5px;cursor:pointer;transition:background-color 0.3s}.btn-submit:hover{background-color:#0056b3}.btn-back{display:inline-block;margin-top:10px;color:#007bff;text-decoration:none}.event{align-items:center;gap:5px;border-top:1px solid black;border-bottom:1px solid black}.event-title{font-weight:bold}.event-time{font-style:italic}.event-datetime{color:#555;margin:10px 0}.image-gallery{display:flex;flex-wrap:wrap}.image{margin:10px;text-align:center}.image img{max-width:100%;height:auto;border-radius:5px}.image-name{font-size:14px;color:#777}.button-group{margin-top:20px}.btn-edit,.btn-back{display:inline-block;padding:10px 15px;margin-right:10px;color:#fff;background-color:#007bff;border:none;border-radius:5px;text-decoration:none;transition:background-color 0.3s}.btn-edit:hover,.btn-back:hover{background-color:#0056b3}.calendar .holiday{color:red !important}.privacy-container{max-width:800px;margin:40px auto;padding:0 16px;line-height:1.8}.privacy-container h1{font-size:28px;margin-bottom:20px}.privacy-container h2{margin-top:24px;font-size:20px}.update-page{max-width:700px;margin:40px auto;padding:0 20px}.update-title{font-size:28px;font-weight:bold;margin-bottom:20px}.update-list{list-style:none;padding:0;margin:0}.update-list li{background:#fff;list-style:none;margin-bottom:12px;padding:14px 16px;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,0.05);transition:0.2s}.update-list li:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,0.08)}.update-footer{margin-top:30px;padding:16px;background:#fff;border-left:4px solid #4CAF50;border-radius:8px;font-size:15px}.about-page{max-width:800px;margin:0 auto;padding:20px;line-height:1.8}.about-title{font-size:32px;text-align:center;margin-bottom:20px}.about-intro{font-size:18px;margin-bottom:10px}.about-section{margin-top:50px}.section-title{font-size:24px;margin-bottom:15px;padding-left:10px;border-left:4px solid #4CAF50}.section-text{margin-bottom:15px;color:#444}.center{text-align:center}.feature-list,.howto-list{background:#fafafa;padding:20px;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,0.05)}.feature-list li,.howto-list li{margin-bottom:8px}.cta-section{text-align:center}.cta-sub{color:#666;margin:15px 0}.cta-button{display:inline-block;padding:14px 28px;font-size:18px;font-weight:bold;background:linear-gradient(135deg, #4CAF50, #2ecc71);color:white;border-radius:999px;text-decoration:none;box-shadow:0 6px 16px rgba(76,175,80,0.3);transition:0.3s}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(76,175,80,0.4)}@media (max-width: 768px){.about-title{font-size:26px}.section-title{font-size:20px}.cta-button{width:90%;text-align:center}}*{margin:0;padding:0;box-sizing:border-box}html{font:100%/1.5 'Avenir Next', 'Hiragino Sans', sans-serif;letter-spacing:1px}ul,li{list-style-type:disc;padding:0;margin:0}a{color:black;font-size:14px}h1,h2,h3,h4,h5,h6,p{margin:0}input{background-color:transparent;outline-width:0}form input[type="submit"]{border:none;cursor:pointer}body{color:#333;background-color:#f5f5f5;margin:0;padding:0;min-height:100vh;font-family:'Roboto', sans-serif}header{justify-content:space-between;display:flex;width:100%;background-color:#2c3e50;padding:5px;position:fixed;top:0;box-sizing:border-box;box-shadow:0 4px 6px rgba(0,0,0,0.1);z-index:1000}main{padding-top:50px}.header-logo{font-size:24px;color:white;font-weight:bold;cursor:pointer;display:flex;align-items:center}.header-right{margin-left:auto}.header-logo a{color:white;font-family:'Roboto', sans-serif;transition:color 0.3s ease}.menu-icon{font-size:18px;margin-left:10px;transition:transform 0.3s ease}.header-nav{display:none;text-align:center}.header-nav.active{display:block}.header-logo a:hover{color:#1abc9c}.header-menus{margin-left:auto;display:flex;list-style:none;height:100%;padding:0;align-items:center}.header-menus li{margin-left:20px;list-style:none}.header-menus a{font-size:15px;color:white;font-weight:500;padding:10px 10px;border-radius:4px;transition:background-color 0.3s ease, color 0.3s ease}.header-menus a:hover{background-color:#1abc9c;color:white}@media (min-width: 769px){.header-nav{display:flex}.header-right{margin-left:auto;display:none}}@media (max-width: 768px){header{display:flex;padding:0px}.header-logo{float:left}.header-right{float:right}.header-menus{flex-direction:column;align-items:flex-start;width:100%}.header-menus li{margin-left:0;margin-bottom:10px}.header-menus a{font-size:16px;width:100%;text-align:left}}.top-main{position:relative;padding:20px 10px;width:100%;min-width:800px;min-height:100vh;color:#ffffff;background-color:#f5f5f5;background-repeat:no-repeat;background-position:center;background-size:cover}.top-message{position:absolute;top:15%;left:50%;transform:translate(-50%, -20%);width:800px;min-width:800px;padding:20px;background-color:rgba(255,255,255,0.8);border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.1);box-sizing:border-box}.top-main h2{font-size:2.5rem;font-weight:600;color:#2c3e50;margin-bottom:20px}.top-main p{font-size:1.2rem;color:#333}.top-about{margin-bottom:20px}.top-li{list-style-type:disc;font-size:1.1rem;padding:5px;color:#444;text-align:left;line-height:1.8}.top-li:before{color:#3498db}.about-main{padding:80px 8%;color:black;background-color:#ffffff}.about-main h2{font-size:2.8rem;font-weight:600;margin-bottom:20px}.about-main p{font-weight:300;font-size:1.2rem;line-height:1.8}.form{max-width:600px;margin:20px auto;background-color:#fff;box-shadow:0 4px 10px rgba(0,0,0,0.1);border-radius:10px;overflow:hidden}.form-heading{font-weight:400;font-size:2.5rem;color:#333;margin:20px 0 20px;text-align:center}.form-body{padding-top:30px;padding-left:30px;padding-right:30px}.form-error{color:#ff4d75;margin-bottom:15px;font-weight:600;text-align:center}.form input,.form textarea{width:100%;border:1px solid #d8dadf;padding:15px;color:#333;font-size:1rem;margin-bottom:20px;border-radius:5px;transition:border 0.3s}.form input:focus,.form textarea:focus{border-color:#3498db}.form input[type="submit"]{background-color:#3498db;color:white;cursor:pointer;font-weight:500;width:100%;border-radius:5px;padding:15px;transition:background-color 0.3s}.form input[type="submit"]:hover{background-color:#2980b9}.form-body:after{content:'';display:table;clear:both}.goal-cta{background:#f7f9ff;padding:30px;text-align:center;border-radius:12px;margin:40px 0}.goal-title{font-size:22px;margin-bottom:20px}.goal-preview{margin-bottom:20px}.progress-bar{background:#ddd;height:16px;border-radius:10px;overflow:hidden;margin:10px auto;width:80%}.progress-fill{background:#4a6cf7;height:100%}.goal-button{background:#4a6cf7;color:white;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:bold}.goal-features{margin-top:10px}.flash{padding:15px;background:#f39c12;color:white;text-align:center;position:fixed;top:0;width:100%;z-index:100;border-radius:0 0 5px 5px;font-size:1rem;box-shadow:0 2px 6px rgba(0,0,0,0.1)}.about{margin-top:30px;border-bottom:1px solid #000000}@media (max-width: 1024px){.top-message{width:90%}}@media (max-width: 768px){.goal-title{font-size:18px}.goal-button{font-size:10px}header{flex-direction:column;padding:5px}.header-top{width:100%;justify-content:space-between;display:flex;font-size:20px}.header-logo{font-size:20px}.header-right{margin-left:auto}.header-menus li{margin:5px 0}.header-menus a{font-size:16px}.top-main h2{font-size:2rem}.form-heading{font-size:2rem}.top-main p,.about-main p,.form-body{font-size:1rem}.about-main h2{font-size:2.2rem}.fixed-bottom{position:fixed;bottom:0;left:0;right:0;background-color:#fff;border-top:1px solid #ccc;padding:15px;display:none}.events-content{text-align:center}}body{font-family:Arial, sans-serif;color:#333;background-color:#f8f9fa;margin:0;padding:0}.container{max-width:1200px;margin:0 auto;padding:20px}h1{font-size:2em;color:#333;margin-bottom:20px}a{color:#007bff;text-decoration:none}a:hover{text-decoration:underline}.main.users-index{padding:5px;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,0.1);border-radius:8px}.users-index-item{display:flex;flex-direction:column;background-color:#ffffff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1);padding:16px;margin-bottom:5px;transition:transform 0.3s ease, box-shadow 0.3s ease}.users-index-item:hover{transform:translateY(-5px);box-shadow:0 4px 8px rgba(0,0,0,0.2)}.title{padding:10px;font-size:1.4em;font-weight:bold;margin-bottom:10px;color:#000000;border-bottom:2px solid #000000}.tag{margin-top:10px;margin-bottom:10px;display:flex;flex-wrap:wrap}.taglist{display:inline-block;padding:8px 16px;font-weight:normal;font-size:14px;margin:5px 8px;color:#333;background-color:#f4f4f4;border:1px solid #ccc;border-radius:20px;transition:all 0.3s ease}.taglist:hover{background-color:#e0e0e0;border-color:#bbb;cursor:pointer}.img{margin-top:10px;margin-bottom:10px;text-align:left}.hyokaimg{width:100%;max-width:250px;border-radius:8px;-o-object-fit:cover;object-fit:cover}.value{margin-top:10px;font-size:1em;color:#333}.comment{margin-top:10px;font-size:0.9em;color:#666}@media (min-width: 768px){.users-index-item{flex-direction:row;align-items:center}.title{flex:1;font-size:1.6em}.tag{margin-top:10px;margin-bottom:10px;display:flex;flex-wrap:wrap}.taglist{display:inline-block;padding:8px 16px;font-weight:normal;font-size:14px;margin:5px 8px;color:#333;background-color:#f4f4f4;border:1px solid #ccc;border-radius:20px;transition:all 0.3s ease}.taglist:hover{background-color:#e0e0e0;border-color:#bbb;cursor:pointer}.img{flex:0 0 250px;margin-left:0}.value,.comment{flex:1;margin-left:10px}}.video-thumb{width:160px;height:90px}.small-video{width:160px;height:90px}.small-video iframe{width:160px;height:90px}.hero-cta{text-align:center;margin-top:16px}.hero-video{max-width:900px;margin:20px auto;display:flex;justify-content:center}.hero-movie{height:420px;width:auto;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,0.15);background:black}#loading{font-weight:bold;animation:blink 1s infinite}@keyframes blink{50%{opacity:0.5}}.footer-about-link{margin-top:30px;padding:30px;text-align:center;background:#f9f9f9;border-radius:12px}.footer-title{font-size:20px;margin-bottom:10px}.footer-description{color:#666;margin-bottom:15px}.footer-button{display:inline-block;padding:10px 20px;background:#4CAF50;color:white;border-radius:8px;text-decoration:none}.tool-icon{width:32px;height:32px;vertical-align:middle}.accordion-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;margin-top:12px;font-size:16px;font-weight:bold;background-color:#f5f5f5;border:none;border-radius:8px;cursor:pointer}.accordion-toggle:hover{background-color:#eaeaea}.accordion-title{text-align:left}.accordion-icon{transition:transform 0.2s}.hidden{display:none !important}.accordion-content{display:block}.accordion-content.hidden{display:none}.back-link{display:inline-block;margin-bottom:16px;font-weight:bold;text-decoration:none}.back-link:hover{text-decoration:underline}.accordion{margin-bottom:20px}.accordion-header{display:flex;align-items:center;cursor:pointer}.accordion-content.collapsed{display:none}.toggle-ui{margin-left:10px;font-size:20px;background:#eee;padding:3px 8px;border-radius:6px}.accordion.open .toggle-ui{background:#ddd}.toggle-btn{margin-bottom:15px;font-size:20px;background:none;border:none;cursor:pointer}.accordion-content{margin-top:10px;transition:all 0.3s ease}.collapsed{display:none}.beginner-box{margin-top:40px;padding:20px;background:#e8f5e9;border-radius:10px;text-align:center}.beginner-btn{display:inline-block;margin-top:10px;padding:10px 16px;background:#4caf50;color:white;border-radius:6px;text-decoration:none}.cta-box{margin-top:40px;padding:25px;background:#e3f2fd;border-radius:12px;text-align:center}.cta-btn{display:inline-block;margin-top:10px;padding:12px 20px;background:#2196f3;color:white;border-radius:6px;text-decoration:none;font-weight:bold}.cta-btn:hover{background:#1976d2}.tool-card{display:block;text-decoration:none;color:inherit}.tool-link{display:block;text-decoration:none;color:inherit}.same-level-list{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px}.same-level-list li{list-style:none}.practice-text.collapsed{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}textarea{width:100%;padding:10px;margin-bottom:15px;border-radius:8px;border:1px solid #ddd;font-size:14px;resize:vertical}textarea:focus{border-color:#6c63ff;outline:none}.trick-section{margin-bottom:30px}.trick-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));gap:12px}.trick-card{display:block;padding:12px;border-radius:10px;background:#f7f7f7;text-decoration:none;color:#333;transition:0.2s}.trick-card:hover{background:#eaeaea;transform:translateY(-2px)}.trick-card.next{background:#e0f7fa}.trick-label{font-size:12px;color:#777}.trick-name{font-weight:bold;margin-top:4px}.related-tricks{margin-top:40px;padding:20px;background:#f8f9fb;border-radius:10px}.related-tricks h2{font-size:20px;margin-bottom:15px}.related-tricks h3{font-size:16px;margin-top:15px}.related-tricks ul{padding-left:20px}.related-tricks li{margin-bottom:6px}.related-tricks a{text-decoration:none;color:#2a6df4}.related-tricks a:hover{text-decoration:underline}.trick-title{font-size:32px;font-weight:700;margin-bottom:10px;color:#222}.videotuika p{font-size:16px;line-height:1.7;color:#444;margin-bottom:20px}.trick-info{background:#f8f9fb;border-radius:10px;padding:20px;padding-bottom:10px;margin-top:25px;margin-bottom:30px;box-shadow:0 2px 6px rgba(0,0,0,0.08)}.trick-info h2{font-size:20px;border-left:5px solid #4CAF50;padding-left:10px;color:#333}.trick-info table{width:100%;border-collapse:collapse}.trick-info tr{border-bottom:1px solid #e5e5e5}.trick-info td:first-child{font-weight:600;padding:10px 8px;width:120px;color:#666}.trick-info td:last-child{padding:10px 8px;color:#222}@media (max-width: 600px){.trick-title{font-size:26px}.trick-info{padding:15px}.trick-info td{font-size:14px}}.hero-gamification{background:linear-gradient(135deg, #0f172a, #1e293b);color:white;text-align:center;padding:60px 20px;padding-bottom:20px;border-radius:14px;margin:40px auto;max-width:900px;box-shadow:0 10px 30px rgba(0,0,0,0.25)}.hero-title{font-size:32px;font-weight:700;margin-bottom:10px}.hero-sub{font-size:18px;color:#cbd5f5;margin-bottom:30px}.demo-box{background:white;color:#111;border-radius:12px;padding:25px;max-width:420px;margin:0 auto 30px auto;box-shadow:0 6px 20px rgba(0,0,0,0.15)}.demo-xp{font-size:28px;font-weight:bold;color:#2563eb;margin:10px 0}.xp-bar-top{width:100%;height:16px;background:#e5e7eb;border-radius:8px;overflow:hidden;margin:10px 0}.xp-fill{height:100%;background:linear-gradient(90deg, #22c55e, #4ade80);border-radius:8px;transition:width 0.5s ease}.demo-rank{margin-top:10px;font-weight:600;color:#374151}.demo-rank-next{font-weight:600;color:#374151}.hero-button{display:inline-block;background:#22c55e;margin-bottom:10px;color:white;font-size:18px;font-weight:600;padding:14px 28px;border-radius:8px;text-decoration:none;transition:0.25s}.hero-button:hover{background:#16a34a;transform:translateY(-2px);box-shadow:0 6px 15px rgba(0,0,0,0.25)}@media (max-width: 600px){.hero-title{font-size:24px}.hero-sub{font-size:16px}.demo-box{padding:18px}}.next-rank{font-size:14px;color:#666}.top-jag-header{font-weight:bold;font-size:16px;cursor:pointer;margin-top:5px;margin-bottom:20px}#toggle-arrow{margin-left:6px}.rank-item{padding:10px 0;border-bottom:1px solid #eee}.rank-title{font-size:16px;font-weight:bold}.rank-number{margin-right:6px}.rank-info{font-size:13px;color:#666;margin-top:2px}.rank-stats{font-size:14px;margin-top:4px}.xp{color:#e67e22;font-weight:bold;margin-right:10px}.count{color:#666}.tool-rank-box{margin:30px 0;padding:20px;background:#f6f6f6;border-radius:8px}.rank-name{color:#e67e22;font-weight:bold}.rank-jag-table{width:100%;border-collapse:collapse}.rank-jag-table td,.rank-jag-table th{padding:6px;border-bottom:1px solid #ddd}.xp-bar{width:320px;height:18px;background:#e5e5e5;border-radius:10px;overflow:hidden;margin-top:6px}.xp-fill{height:100%;width:0%;background:linear-gradient(90deg, #4facfe, #00f2fe);transition:width 0.2s}.level-up{animation:levelup 0.6s ease}@keyframes levelup{0%{transform:scale(1)}50%{transform:scale(1.4)}100%{transform:scale(1)}}.level-up-popup{background:#ffcc00;width:80%;color:#000;padding:20px;text-align:center;font-size:24px;font-weight:bold;border-radius:10px;margin-bottom:20px;animation:pop 0.6s ease}@keyframes pop{0%{transform:scale(0.8)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.tool-level-ui{width:80%;background:#f5f5f5;padding:15px;border-radius:10px;margin-bottom:20px}.tool-level-text{font-size:20px;font-weight:bold}.xp-bar{width:100%;height:16px;background:#ddd;border-radius:8px;overflow:hidden;margin-top:8px}.xp-fill{height:100%;background:#4CAF50;transition:width 0.5s}.xp-text{font-size:14px;margin-top:5px}.tool-level-ui{margin-top:8px}.tool-level-text{font-weight:bold}.xp-bar{width:220px;height:12px;background:#ddd;border-radius:6px;overflow:hidden}.xp-fill{height:100%;background:#4CAF50}.xp-text{font-size:12px;color:#666}.practice-edit{text-align:center;margin-top:5px}.next-goal-box{margin-top:40px;padding:20px;background:#f5f5f5;border-radius:10px;text-align:center}.jag-check{display:flex;align-items:center;gap:8px}.practice-button{display:inline-block;padding:5px 25px;background:#ff6b6b;color:white;border-radius:8px;text-decoration:none;font-weight:bold;margin-bottom:5px}.tooltop-ul{list-style-type:disc !important;margin-left:30px}.tooltop-li{padding:5px;color:#444;text-align:left}.container-name{max-width:800px;margin:0px auto;clear:both}.jag-users-index-item{padding:5px;background-color:white;overflow:hidden;box-shadow:0 2px 6px #c1ced7;display:table;width:100%;margin-bottom:5px;transition:transform 0.3s ease, box-shadow 0.3s ease;box-sizing:border-box;unicode-bidi:isolate;border-radius:8px}.jag-user-right{width:60%;text-align:left;display:table-cell;vertical-align:middle}.jag-user-right-right{width:40%;text-align:right;display:table-cell;vertical-align:middle}.videotuika{margin-left:10%}.video-main{width:60%;margin-left:10%;color:#ffffff;background-color:#f5f5f5;background-repeat:no-repeat;background-position:center;background-size:cover;justify-content:center;align-items:center;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.video-size{background-color:rgba(255,255,255,0.8);border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.1);margin:0 auto;margin-bottom:10px}.youtube-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;background:#000}.youtube-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.video-size h3{text-align:center;font-size:14px;color:#333}.product-header{padding:30px 0px 10px 0px}.product-index{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:10px}.advertisement{flex:0 0 10%;margin:0px;text-align:center}.advertisement img{width:auto;height:120px}.product-price{font-weight:bold}.video-form{max-width:600px;margin:5px 5px;background-color:#fff;box-shadow:0 4px 10px rgba(0,0,0,0.1);border-radius:10px;overflow:hidden}.video-form-body{padding:10px}.video-form input,.video-form textarea{width:100%;border:1px solid #d8dadf;color:#333;font-size:1rem;border-radius:5px;transition:border 0.3s}.video-form input:focus,.video-form textarea:focus{border-color:#3498db}.video-form input[type="submit"]{background-color:#3498db;color:white;cursor:pointer;font-weight:500;width:100%;border-radius:5px;transition:background-color 0.3s}.video-form input[type="submit"]:hover{background-color:#2980b9}.video-form-body:after{content:'';display:table;clear:both}@media (max-width: 768px){.product-index{flex-direction:column;align-items:center}.advertisement img{width:100px}.video-main{width:80%;margin-left:10%;color:#ffffff;background-color:#f5f5f5;background-repeat:no-repeat;background-position:center;background-size:cover;justify-content:center;align-items:center;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,0.1)}}.users-heading{font-weight:300;margin:20px 0 20px;font-size:48px;color:#bcc8d4}.user-left img{width:50px;height:50px;border-radius:40%;box-shadow:0 2px 6px #c1ced7;-o-object-fit:cover;object-fit:cover}.user-name a{font-weight:600}.user-name a:hover{color:#3ecdc6}.user-left{float:left;width:10%}.user-right{width:90%;padding-left:25px;text-align:left;display:table-cell;vertical-align:middle}.user-show{text-align:center}.user{margin-bottom:20px}.user img{width:80px;height:80px;border-radius:40%;box-shadow:0 2px 6px #c1ced7;margin:20px 0 10px;-o-object-fit:cover;object-fit:cover}.user h2{font-size:20px;font-weight:600;line-height:1.2}.user p{font-size:13px;margin-bottom:15px}.user a{color:#8899a6;text-decoration:underline;font-weight:200}.user span{color:#afb6bf;font-weight:200;padding:0 6px 0 8px}.user-tabs{margin-top:40px;background-color:white;overflow:hidden;box-shadow:0 2px 6px #c1ced7}.user-tabs li{float:left}.user-tabs li.active{border-bottom:2px solid #3ecdc6}.user-tabs li.active a{color:#57575f}.user-tabs a{display:inline-block;padding:16px 30px;color:#afb6bf}.users-form input{margin-bottom:15px}.hidden-text{background-color:black;color:black;cursor:pointer;display:inline}.hidden-text.revealed{background-color:transparent;color:inherit}.hidden{display:none}.myuser-heading{font-size:2em;text-align:center;margin-bottom:20px;color:#333}.tag-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.tag-item{margin:5px}.tag-link{display:inline-block;padding:10px 15px;background-color:#3498db;color:#fff;text-decoration:none;border-radius:5px;transition:background-color 0.3s ease;font-weight:bold}.tag-link:hover{background-color:#2980b9}.tag-link:focus{outline:2px solid #2980b9;background-color:#1e6fa5}.memo-img{width:auto;height:24px;cursor:pointer}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);justify-content:center;align-items:center;z-index:1000}.modal img{max-width:90%;max-height:90%;border-radius:5px}.posts-index-item p{margin:0 0 1em;line-height:1.6}.posts-index-item{padding-right:10px;padding-left:10px;background-color:white;overflow:hidden;box-shadow:0 2px 6px #c1ced7;display:flex;gap:10px}.reply-posts-index-item{padding-right:10px;margin-left:5%;padding-left:10px;background-color:white;overflow:hidden;box-shadow:0 2px 6px #c1ced7;display:flex;gap:10px}.reply-reply-posts-index-item{padding-right:10px;margin-left:10%;padding-left:10px;background-color:white;overflow:hidden;box-shadow:0 2px 6px #c1ced7;display:flex;gap:10px}.parentname{padding-left:10px}.reply-button{float:right}.reply-form{float:left}.post-left img{width:50px;height:50px;border-radius:40%;box-shadow:0 2px 6px #c1ced7;-o-object-fit:cover;object-fit:cover}.post-user-name a{font-weight:600;padding-right:10px}.post-user-name a:hover{color:#3ecdc6}.post-left{flex-shrink:0}.post-right{flex-grow:1;padding-left:0px;text-align:left}.posts-show form{display:inline}.posts-show-item{padding:30px;background-color:white;box-shadow:0 2px 6px #c1ced7;overflow:hidden}.posts-show-item img{width:60px;height:60px;border-radius:40%;box-shadow:0 2px 6px #c1ced7;vertical-align:middle;-o-object-fit:cover;object-fit:cover}.posts-show-item .post-user-name a{vertical-align:middle;font-size:24px;margin-left:15px}.posts-show-item p{font-size:24px;margin:20px 0}.post-user-info{display:flex;align-items:center}.post-time{color:#8899a6;font-size:14px}.post-menus{display:flex}.post-menus a,.post-menus input{color:#8899a6;text-decoration:underline;font-size:14px}.posts-new textarea{font-size:20px;padding:10px;min-height:140px;border:1px solid #d8dadf;resize:none}.posts-new textarea::-webkit-input-placeholder{font-size:24px;opacity:0.5}.posts-show-item .fa{font-size:16px;margin-right:3px}.unliked-btn{color:#8899a6}.liked-btn{color:#ff2581}.like{margin-top:10px;text-align:left}@media screen and (max-width: 768px){.posts-index-item{display:flex}.post-left img{width:60px;height:60px;margin-bottom:10px}.post-right{margin-left:0}}.signup-button{display:inline-block;padding:10px 20px;background:#ff6b81;color:white;border-radius:8px;text-decoration:none}.gsi-material-button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:WHITE;background-image:none;border:1px solid #747775;border-radius:4px;box-sizing:border-box;color:#1f1f1f;cursor:pointer;font-family:'Roboto', arial, sans-serif;font-size:14px;height:40px;letter-spacing:0.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;transition:background-color .218s, border-color .218s, box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:-moz-min-content;min-width:min-content}.gsi-material-button .gsi-material-button-icon{height:20px;margin-right:10px;min-width:20px;width:20px}.gsi-material-button .gsi-material-button-content-wrapper{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.gsi-material-button .gsi-material-button-contents{flex-grow:1;font-family:'Roboto', arial, sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.gsi-material-button .gsi-material-button-state{transition:opacity .218s;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.gsi-material-button:disabled{cursor:default;background-color:#ffffff61;border-color:#1f1f1f1f}.gsi-material-button:disabled .gsi-material-button-contents{opacity:38%}.gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}.gsi-material-button:not(:disabled):active .gsi-material-button-state,.gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:#303030;opacity:12%}.gsi-material-button:not(:disabled):hover{box-shadow:0 1px 2px 0 rgba(60,64,67,0.3),0 1px 3px 1px rgba(60,64,67,0.15)}.gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#303030;opacity:8%}.login-hero{text-align:center;margin-bottom:40px}.login-hero h1{font-size:28px;margin-bottom:10px}.login-sub{color:#666;margin-bottom:25px}.login-features{display:flex;justify-content:center;gap:30px;margin-bottom:20px}.feature{text-align:center}.feature-icon{font-size:32px;margin-bottom:6px}.users-form{max-width:420px;margin:auto;background:white;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,0.1)}.login-button{width:100%;margin-top:15px;padding:12px;background:#22c55e;border:none;color:white;font-size:16px;border-radius:6px;cursor:pointer}.login-button:hover{background:#16a34a}.google-login{margin-top:15px;border:1px solid #ddd;padding:10px;border-radius:6px;display:flex;justify-content:center;gap:10px;align-items:center}.signup-link{text-align:center;margin-top:15px;padding-bottom:20px}.google-form{margin-bottom:20px;display:flex;justify-content:center}.users-heading{margin:20px 0 20px;font-size:16px;color:black}figure{margin:1em 0}figure img{max-width:100%;height:auto}.users-index-item a{display:block}.users-index-item{padding:5px;background-color:white;overflow:hidden;box-shadow:0 2px 6px #c1ced7;display:table;width:100%}.user-left img{width:50px;height:50px;border-radius:40%;box-shadow:0 2px 6px #c1ced7;-o-object-fit:cover;object-fit:cover}.user-name a{font-weight:600}.user-name a:hover{color:#3ecdc6}.user-left{float:left;width:10%}.user-right{width:60%;padding-left:25px;text-align:left;display:table-cell;vertical-align:middle}.user-right-right{width:40%;padding-right:25px;text-align:right;display:table-cell;vertical-align:middle}.user-show{text-align:center}.user{margin-top:20px;margin-bottom:20px}.user img{width:80px;height:80px;border-radius:40%;box-shadow:0 2px 6px #c1ced7;margin:20px 0 10px;-o-object-fit:cover;object-fit:cover}.user h2{font-size:20px;font-weight:600;line-height:1.2}.user p{font-size:13px;margin-bottom:15px}.user a{color:#8899a6;text-decoration:underline;font-weight:200}.user span{color:#afb6bf;font-weight:200;padding:0 6px 0 8px}.user-tabs{margin-top:40px;background-color:white;overflow:hidden;box-shadow:0 2px 6px #c1ced7}.user-tabs li{float:left}.user-tabs li.active{border-bottom:2px solid #3ecdc6}.user-tabs li.active a{color:#57575f}.user-tabs a{display:inline-block;padding:16px 30px;color:#afb6bf}.users-form input{margin-bottom:15px}.error{color:red}