body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background:#f4f4f4;display:block;font-family:Arial,sans-serif;justify-content:center;margin:0;overflow-x:hidden}canvas,img,svg,video{max-width:100%}button,input,select,textarea{font:inherit}button,input[type=button],input[type=submit],select{min-height:40px}.responsive-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.mobile-stack{display:flex;flex-wrap:wrap;gap:12px}@media (max-width:640px){.mobile-stack{flex-direction:column}.mobile-full-width{width:100%}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{min-height:100%;width:100%}*{box-sizing:border-box}.frame{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;width:100%}.navbar{background-color:#a6de95;box-shadow:0 2px 4px #0000001a;color:#fff;gap:8px;justify-content:space-between;min-height:56px;padding:10px clamp(12px,3vw,20px);position:-webkit-sticky;position:sticky;top:0;z-index:50}.navbar,.navbar-center{align-items:center;display:flex}.navbar-center{flex:1 1;justify-content:center;min-width:0}.under-nav{column-gap:0;display:flex;flex:1 1;margin-right:0;min-height:0}.navbar-menu{display:flex;flex:0 0 auto;position:relative}.menu-button{background:none;border:none;color:#294c60;cursor:pointer;font-size:18px;min-height:50px;padding:10px 16px;text-align:left;width:100%}.menu-button:focus-visible,.menu-button:hover{background-color:#00000008}.menu-icon{background:none;border:none;border-radius:6px;cursor:pointer;font-size:24px;min-height:44px;min-width:44px}.menu-icon:focus-visible{outline:2px solid #294c60;outline-offset:2px}.menu-dropdown{align-items:stretch;background-color:#a6de95;display:flex;flex:0 0 260px;flex-direction:column;max-width:80vw;overflow:hidden;position:relative;transition:flex-basis .3s ease-in-out,width .3s ease-in-out,transform .3s ease-in-out}.menu-dropdown.open{left:0;width:260px}.menu-dropdown.close{flex-basis:0;left:0;width:0}.main-content{flex:1 1 auto;min-width:0;overflow-x:hidden;overflow-y:auto;width:100%}@media (max-width:768px){.under-nav{position:relative}.main-content{padding:12px}.menu-dropdown{bottom:0;flex-basis:auto;left:0;max-width:82vw;overflow-y:auto;position:fixed;top:56px;transform:translateX(-100%);width:min(82vw,320px);z-index:60}.menu-dropdown.open{transform:translateX(0);width:min(82vw,320px)}.menu-dropdown.close{transform:translateX(-100%);width:min(82vw,320px)}}.navbar-user{align-items:center;display:flex;gap:12px}.language-dropdown{position:relative}.language-select{-webkit-appearance:none;appearance:none;background-color:#fff3;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:12px;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:60px;padding:8px 30px 8px 12px;transition:all .2s ease}.language-select:hover{background-color:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.language-select:focus{background-color:#ffffff4d;border-color:#fff9;box-shadow:0 0 0 2px #fff3;outline:none}.language-select option{background-color:#a6de95;color:#fff;font-weight:500}.user-profile-button{background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:8px 12px;transition:all .2s ease}.user-profile-button:hover{background-color:#ffffff1a;transform:translateY(-1px)}.logout-button{background-color:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.logout-button:hover{background-color:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}@media (max-width:768px){.navbar-user{gap:8px}.user-profile-button{font-size:14px;padding:6px 10px}.logout-button{font-size:12px;padding:6px 12px}.language-select{background-position:right 6px center;background-size:10px;font-size:12px;min-width:50px;padding:6px 26px 6px 10px}}@media (max-width:480px){.navbar-user{flex-direction:row;gap:4px}.logout-button,.user-profile-button{font-size:12px;padding:4px 8px}.language-select{background-position:right 4px center;background-size:8px;font-size:11px;min-width:40px;padding:4px 22px 4px 6px}}.navbar-loading{color:#666;font-size:14px;padding:8px 16px}.language-selector{background-color:#ffffff1a;border-radius:8px;display:none;gap:2px;padding:4px}.lang-btn{background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:none;font-size:14px;font-weight:500;min-width:45px;padding:6px 12px;transition:all .2s ease}.lang-btn:hover{background-color:#fff3}.lang-btn.active{background-color:#ffffff4d;box-shadow:0 2px 4px #0000001a;font-weight:600}@media (max-width:768px){.language-selector{display:none;padding:2px}.lang-btn{display:none;font-size:12px;min-width:35px;padding:4px 8px}}@media (max-width:480px){.navbar-center{flex:1 1}.language-selector{display:none;padding:2px}.lang-btn{display:none;font-size:11px;min-width:30px;padding:3px 6px}}.feedback-widget{align-items:flex-end;bottom:18px;display:flex;flex-direction:column;gap:8px;position:fixed;right:18px;z-index:1000}.feedback-panel button[type=submit],.feedback-toggle{background-color:#294c60;border:none;border-radius:8px;box-shadow:0 2px 8px #0000002e;color:#fff;cursor:pointer;font-weight:600;padding:10px 14px}.feedback-modal-backdrop{align-items:center;background:#10182861;display:flex;inset:0;justify-content:center;padding:24px;position:fixed}.feedback-panel{background:#fff;border:1px solid #0000001f;border-radius:14px;box-shadow:0 16px 48px #00000047;color:#294c60;display:flex;flex-direction:column;gap:10px;max-height:min(720px,calc(100vh - 48px));overflow-y:auto;padding:22px;width:min(760px,calc(100vw - 48px))}.feedback-header{display:flex;gap:16px;justify-content:space-between}.feedback-header h2{margin:0 0 6px}.feedback-header p{color:#4d6671;line-height:1.45;margin:0}.feedback-close{align-self:flex-start;background:#0000;border:none;color:#294c60;cursor:pointer;font-size:28px;line-height:1}.feedback-panel input[type=file],.feedback-panel textarea{border:1px solid #b8c7cc;border-radius:6px;font:inherit;padding:8px}.feedback-panel textarea{min-height:180px;resize:vertical}.feedback-attachment-list{color:#4d6671;font-size:13px;margin:0;padding-left:20px}.feedback-panel button[disabled]{cursor:not-allowed;opacity:.65}.feedback-result{color:#27632a;font-size:13px;margin:0}.feedback-error{color:#b42318;font-size:13px;margin:0}@media (max-width:640px){.feedback-modal-backdrop{align-items:stretch;padding:12px}.feedback-panel{max-height:calc(100vh - 24px);width:100%}}