.thai-dii-home{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f8fafc;color:#0f172a}.thai-dii-hero{position:relative;width:min(720px,100%)}.thai-dii-home-shell{display:grid;gap:4px}.thai-dii-kicker{margin:0 0 6px;color:#0f766e;font-size:13px;font-weight:700}.thai-dii-hero h1{margin:0 0 12px;font-size:clamp(38px,12vw,72px);line-height:1}.thai-dii-hero p{margin:0 0 22px;color:#334155;font-size:17px;line-height:1.7}.thai-dii-home-button,.primary-button,.secondary-button,.location-button,.language-toggle,.floating-report-button,.hazard-actions button{border:0;border-radius:8px;font-weight:700;cursor:pointer}.thai-dii-home-button{display:inline-flex;padding:13px 18px;color:#fff;background:#0f766e;text-decoration:none}.thai-dii-app-section{margin-top:16px}.thai-dii-app-heading h2{margin:0 0 6px;font-size:20px}.thai-dii-app-heading p{margin:0 0 14px;font-size:14px;color:#64748b}.thai-dii-app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.thai-dii-app-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;min-height:118px;border:1px solid #dbeafe;border-radius:12px;padding:14px;background:#fff;color:#0f172a;text-decoration:none;box-shadow:0 10px 24px #0f172a14}.thai-dii-app-card.disabled{border-style:dashed;color:#64748b;background:#f8fafc}.thai-dii-app-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:999px;background:#ccfbf1;color:#0f766e;font-size:22px;font-weight:800}.thai-dii-app-copy{display:grid;gap:4px}.thai-dii-app-copy strong{font-size:16px}.thai-dii-app-copy span{color:#475569;font-size:13px;line-height:1.45}.thai-dii-app-action{grid-column:1 / -1;justify-self:start;border-radius:999px;background:#0f766e;color:#fff;padding:7px 10px;font-size:12px;font-weight:800}.thai-dii-app-card.disabled .thai-dii-app-action{background:#e2e8f0;color:#475569}.thai-dii-map-page{position:relative;height:100vh;min-height:620px;overflow:hidden;background:#e2e8f0;color:#0f172a}.hazard-topbar{position:absolute;top:12px;left:12px;right:12px;z-index:500;display:flex;justify-content:flex-start;gap:12px;align-items:center;pointer-events:none}.hazard-topbar>*{pointer-events:auto}.hazard-topbar h1{margin:0;font-size:22px;line-height:1.1}.hazard-topbar>div,.location-button,.hazard-filter,.floating-message{background:#fffffff0;box-shadow:0 8px 24px #0f172a29}.hazard-topbar>div{padding:10px 12px;border-radius:10px;max-width:48%}.location-button{padding:8px 9px;color:#0f766e;max-width:88px;min-height:44px;line-height:1.25;font-size:12px}.hazard-top-actions{display:flex;gap:8px;align-items:center;pointer-events:auto;flex:0 0 auto}.language-toggle{min-width:48px;min-height:44px;padding:8px 10px;background:#fffffff0;color:#0f172a;box-shadow:0 8px 24px #0f172a29}.home-language-toggle{position:absolute;top:-4px;right:0}.hazard-filter{position:absolute;left:12px;right:12px;top:86px;z-index:500;display:flex;gap:8px;overflow-x:auto;padding:8px;border-radius:10px}.hazard-filter::-webkit-scrollbar{display:none}.hazard-filter-button{flex:0 0 auto;border:1px solid #cbd5e1;border-radius:999px;padding:8px 11px;background:#fff;color:#334155;font-weight:700}.hazard-filter-button.active{border-color:#0f766e;background:#ccfbf1;color:#115e59}.hazard-map{width:100%;height:100%}.hazard-pin{display:grid;place-items:center;width:34px;height:34px;border:2px solid #fff;border-radius:999px;color:#fff;font-size:13px;font-weight:800;box-shadow:0 4px 12px #0f172a47}.hazard-selected-pin{display:grid;place-items:center;width:42px;height:42px;border-radius:999px;background:#0f766e;color:#fff;border:3px solid #fff;font-size:23px;font-weight:800;box-shadow:0 4px 12px #0f172a47}.thai-dii-notice-card{position:absolute;left:12px;right:12px;bottom:82px;z-index:500;border-radius:10px;padding:12px 42px 12px 12px;font-size:12px;color:#334155;background:#fffffff0;box-shadow:0 8px 24px #0f172a29;overflow-wrap:anywhere}.thai-dii-notice-card p{margin:0 0 5px;line-height:1.5}.thai-dii-notice-card p:last-child{margin-bottom:0}.notice-close{position:absolute;top:7px;right:7px;width:30px;height:30px;border:0;border-radius:999px;background:#f1f5f9;color:#0f172a;font-size:20px;line-height:1}.floating-report-button{position:fixed;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 96px);z-index:760;padding:14px 18px;background:#0f766e;color:#fff;font-size:16px;box-shadow:0 12px 28px #0f172a40}@media(max-width:420px){.floating-report-button{bottom:calc(env(safe-area-inset-bottom,0px) + 108px)}}.floating-message{position:absolute;left:12px;bottom:22px;z-index:520;border-radius:999px;margin:0;padding:10px 12px;font-size:13px;color:#0f766e}.hazard-sheet{position:absolute;left:0;right:0;bottom:0;z-index:700;max-height:76vh;overflow-y:auto;border-radius:18px 18px 0 0;background:#fff;padding:10px 16px 18px;box-shadow:0 -16px 36px #0f172a38}.hazard-sheet-handle{width:42px;height:4px;margin:0 auto 12px;border-radius:999px;background:#cbd5e1}.hazard-sheet-header{display:flex;justify-content:space-between;gap:12px;align-items:center}.hazard-sheet h2{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:19px}.sheet-close{border:0;background:#f1f5f9;border-radius:999px;width:34px;height:34px;font-size:22px}.category-dot{width:12px;height:12px;border-radius:999px}.hazard-meta,.hazard-counts,.hazard-actions{display:flex;flex-wrap:wrap;gap:8px}.hazard-meta span,.hazard-counts span{border-radius:999px;background:#f1f5f9;padding:6px 9px;font-size:13px}.hazard-description{white-space:pre-wrap;line-height:1.6}.resolved-note,.hazard-error{border-radius:8px;padding:9px 10px;background:#fff7ed;color:#c2410c}.hazard-success{border-radius:8px;padding:9px 10px;background:#ecfdf5;color:#047857}.last-checked{color:#64748b;font-size:13px}.hazard-actions button{flex:1 1 88px;padding:12px;background:#0f172a;color:#fff}.hazard-field{display:grid;gap:7px;margin-bottom:13px;font-weight:700}.hazard-field select,.hazard-field textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;padding:10px 11px;font:inherit}.hazard-field textarea{min-height:96px;resize:vertical}.hazard-field small,.selected-point{margin:0;color:#64748b;font-size:13px;font-weight:500}.secondary-button{padding:10px 12px;color:#0f766e;background:#ccfbf1}.primary-button{width:100%;padding:13px;background:#0f766e;color:#fff;font-size:16px}@media(min-width:820px){.thai-dii-map-page{width:min(1080px,100%);margin:0 auto}.hazard-sheet{left:auto;right:18px;bottom:18px;width:380px;border-radius:18px}.thai-dii-notice-card{right:auto;width:520px}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.vocab-page{min-height:100vh;background:#f5f8f5;color:#164b4f;padding:18px 14px 28px;box-sizing:border-box;overflow-x:hidden}.thai-speak-button{width:fit-content;min-height:38px;padding:7px 11px;border:0;border-radius:8px;background:#087f7b;color:#fff;font:inherit;font-weight:700;cursor:pointer}.vocab-header{max-width:880px;margin:0 auto 14px}.vocab-back{color:#087c7a;font-size:13px;font-weight:800;text-decoration:none}.vocab-header h1{margin:8px 0 4px;font-size:30px}.vocab-header p{margin:0;color:#547375}.vocab-tabs{max-width:880px;margin:0 auto 12px;display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.vocab-learning-nav{max-width:880px;margin:0 auto 12px}.vocab-learning-nav .vln-method{margin:14px 0}.vocab-learning-nav>.vln-main{margin-bottom:8px}.vocab-tabs button,.quiz-start button,.quiz-top button,.quiz-result button,.score-actions button,.vocab-list-tools button,.vocab-secondary{border:1px solid #c0dcd7;border-radius:10px;background:#edf7f4;color:#15565a;font-weight:800;cursor:pointer}.vocab-tabs button{flex:0 0 auto;padding:10px 12px}.vocab-tabs button.active{border-color:#087f7b;background:#087f7b;color:#fff}.vocab-panel{max-width:880px;margin:0 auto;box-sizing:border-box;width:100%;border:1px solid #d3e5e2;border-radius:14px;background:#fff;padding:14px;box-shadow:0 10px 24px #164b4f12}.vocab-scope{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px;padding:12px;border-radius:12px;background:#eff8f5}.vocab-scope label{display:grid;gap:5px;color:#15565a;font-weight:800}.vocab-scope select{min-width:0;border:1px solid #bed8d4;border-radius:9px;background:#fff;padding:10px;color:#164b4f;font:inherit}.vocab-scope small{grid-column:1 / -1;color:#087f7b;font-weight:800}.word-origin{color:#087f7b}@media(max-width:560px){.vocab-scope{grid-template-columns:1fr}.vocab-scope small{grid-column:auto}}.quiz-start{display:grid;gap:10px}.quiz-speech-controls{display:grid;gap:8px}.quiz-speech-controls>button,.quiz-replay{min-height:42px;border:0;border-radius:10px;background:#def0ea;color:#17685f;font-weight:800}.quiz-speech-controls>button.enabled{background:#d5f0e6;color:#17685f}.quiz-speech-setting{display:flex;align-items:center;gap:8px;border-radius:10px;background:#f0f7f4;padding:10px 12px;color:#164b4f;font-weight:700}.quiz-speech-setting input{width:18px;height:18px;margin:0}.quiz-start button,.score-actions button{padding:14px;background:#087f7b;color:#fff;font-size:16px}.quiz-card h2{margin:4px 0 18px;text-align:center;font-size:56px;line-height:1.1}.quiz-replay{display:block;margin:-6px auto 14px;padding:0 16px}.quiz-reading{margin:10px 0 0;text-align:center;color:#547375;font-weight:700}.quiz-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.quiz-top button{padding:10px 12px;background:#fee2e2;color:#991b1b}.quiz-countdown{margin-left:auto;color:#b45309;font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:560px){.quiz-top{flex-wrap:wrap}.quiz-countdown{margin-left:0}}.quiz-choices button{min-height:54px;border:1px solid #d8e5df;border-radius:12px;background:#fbfdf5;color:#164b4f;font-size:17px;font-weight:800;text-align:left}.quiz-choices button.correct{border-color:#dc2626;background:#fee2e2;color:#991b1b}.quiz-choices button.wrong{border-color:#dc2626;background:#fee2e2}.quiz-choice-key{display:inline-grid;width:1.75rem;height:1.75rem;margin-right:.7rem;place-items:center;border-radius:999px;background:#edf7f4;color:#15565a;font-size:.9rem}.quiz-choices button.correct .quiz-choice-key{background:#fecaca;color:#991b1b}.quiz-next{margin:.7rem 0 0;color:#547375;font-weight:700}.quiz-result{margin-top:12px;border-radius:12px;background:#f0f7f4;padding:12px}.quiz-result button{width:100%;padding:12px;background:#087f7b;color:#fff}.vocab-list-tools{display:grid;gap:10px;margin-bottom:12px}.vocab-list-tools input{border:1px solid #bed8d4;border-radius:10px;padding:11px;font:inherit}.vocab-list-tools button{padding:11px}.vocab-setting{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:#164b4f;font-weight:700}.vocab-setting input{width:18px;height:18px;margin:0}.word-list{display:grid;gap:10px}.word-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid #d3e5e2;border-radius:12px;padding:10px;background:#fff}.star-button{border:0;background:#fef3c7;border-radius:999px;color:#d97706;font-size:22px}.word-main{display:grid;gap:2px;border:0;background:transparent;text-align:left}.word-dictionary-link{color:#087c7a;text-decoration:none}.word-dictionary-link:hover{text-decoration:underline}.word-details{justify-self:start;border:0;background:transparent;color:#087c7a;padding:0;font:inherit;font-weight:700;cursor:pointer;text-decoration:underline}.word-main strong{font-size:28px}.word-main span,.word-main small{color:#547375}.word-delete{min-height:40px;border:1px solid #fecaca;border-radius:10px;background:#fff1f2;color:#be123c;padding:0 10px;font-weight:800}.vocab-note{border-radius:10px;background:#eff8f5;color:#17685f;padding:10px}.vocab-secondary,.csv-upload{display:grid;margin-bottom:12px;padding:12px}.csv-upload{border:1px dashed #bed8d4;border-radius:12px;gap:8px}.vocab-message{color:#047857;font-weight:800}.vocab-errors{color:#b91c1c}.score-panel h2{margin-top:0}.score-actions{display:grid;gap:10px}.word-detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:800;display:grid;align-items:end;background:#0f172a59}.word-detail{max-height:84vh;overflow-y:auto;border-radius:18px 18px 0 0;background:#fff;padding:16px;position:relative}.word-detail .sheet-close{position:absolute;top:14px;right:14px;width:42px;height:42px;border:0;border-radius:999px;background:#edf7f4;color:#15565a;font-size:28px;line-height:1}.word-detail h2{margin:20px 0 0;font-size:48px}.detail-star{position:absolute;top:14px;left:14px;width:42px;height:42px}.vocab-empty{color:#547375}@media(min-width:760px){.vocab-list-tools{grid-template-columns:1fr auto}.word-detail{width:520px;justify-self:center;border-radius:18px;margin-bottom:24px}}.vocab-learning-filter{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.vocab-learning-filter button{border:1px solid #bed8d4;border-radius:999px;background:#fff;color:#164b4f;padding:8px 12px}.vocab-learning-filter button.active{border-color:#087f7b;background:#087f7b;color:#fff}.vln-main{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.vln-main>a,.vln-main summary{display:block;padding:10px 14px;border:1px solid #c8dcd6;border-radius:12px;background:#fff;color:#145b55;text-decoration:none;cursor:pointer}.vln-main>a.active{background:#eaf3dc;border-color:#dce8c7}.vln-main details{position:relative}.vln-main details>div{position:absolute;z-index:8;right:0;top:calc(100% + 6px);display:grid;min-width:220px;padding:8px;border:1px solid #c8dcd6;border-radius:14px;background:#fff;box-shadow:0 14px 32px #173e3126}.vln-main details a{padding:10px;color:#145b55}.vln-method{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.vln-method>a{display:grid;gap:5px;padding:18px;border:1px solid #c8dcd6;border-radius:16px;background:#f7faf8;color:#174d48;text-decoration:none}.vln-method>a.active{border:2px solid #087f7b;background:#eaf7f2;box-shadow:0 8px 22px #087f7b18}.vln-method strong{font-size:18px}.vln-method span{font-size:13px;line-height:1.55;color:#52706d}@media(max-width:600px){.vln-main{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.vln-main>a,.vln-main summary{white-space:nowrap}.vln-method{grid-template-columns:1fr}.vln-main details>div{left:0;right:auto}}.study-page{min-height:100vh;padding:24px 16px 48px;color:#164b4f;background:#f5f8f5;box-sizing:border-box}.study-page *{box-sizing:border-box}.study-page>header,.study-page>nav,.study-panel,.study-page>.study-error{max-width:920px;margin:0 auto 18px}.study-page h1{font-size:clamp(25px,4vw,38px);margin:12px 0}.study-page nav,.study-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.study-page a{color:#087c7a}.study-panel{background:#fff;border:1px solid #d3e5e2;border-radius:20px;padding:24px}.study-page button,.study-page select,.study-page input{font:inherit}.study-page button{border:1px solid #c0dcd7;border-radius:12px;padding:12px 16px;min-height:44px;color:#15565a;background:#edf7f4;cursor:pointer}.study-page button:disabled{opacity:.5;cursor:not-allowed}.study-page button:focus-visible,.study-page a:focus-visible,.study-page summary:focus-visible{outline:3px solid #dc9a21;outline-offset:3px}.study-page button.study-primary{color:#fff;background:#087f7b;border-color:#087f7b}.study-page .study-start{width:100%;font-weight:700;font-size:18px}.study-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:12px;margin:18px 0}.study-stats>div{display:flex;flex-direction:column;gap:5px;padding:12px;background:#f0f7f4;border-radius:12px;font-size:13px}.study-stats strong{font-size:30px}.study-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.study-fields label{display:block}.study-fields select,.study-fields input:not([type=checkbox]){display:block;width:100%;padding:10px;margin-top:6px;border:1px solid #bed8d4;border-radius:8px;background:#fff;color:#164b4f}.study-fields input[type=checkbox]{margin-right:8px}.study-card{text-align:center;min-height:280px;padding:32px 12px;display:flex;flex-direction:column;justify-content:center;align-items:center;touch-action:pan-y;overflow-wrap:anywhere;animation:study-card-in .16s ease-out}.study-card h2{font-size:clamp(30px,6vw,64px);line-height:1.65;margin:4px 0 12px;font-weight:600}.study-prompt-row{display:flex;align-items:center;justify-content:center;gap:14px;width:100%}.study-prompt-row h2{margin-left:58px}.study-page button.study-audio{flex:0 0 auto;width:48px;min-height:48px;padding:0;border-radius:50%;display:grid;place-items:center;font-size:20px}.study-audio span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.study-reading{width:100%;margin:0 0 12px;text-align:center;font-size:20px;color:#547375}.study-meaning{font-size:24px}.study-meaning p{margin:12px 0}.study-breakdown{width:fit-content;max-width:100%;margin:0 auto 10px}.study-page button.study-breakdown-toggle{min-height:36px;padding:7px 14px;border-color:#c8d8a6;background:#f1f6e5;color:#315b45;font-size:14px}.study-breakdown-content{margin-top:10px;padding:14px;border:1px solid #d9e4c4;border-radius:14px;background:#fbfdf5;text-align:left;animation:study-card-in .16s ease-out}.study-breakdown-content>p{margin:12px 0 0;line-height:1.65}.study-word-parts{display:flex;align-items:stretch;justify-content:center;gap:5px}.study-word-part-group{display:flex;align-items:center;flex:0 1 auto;min-width:0;gap:5px}.study-part-joiner{flex:0 0 auto;font-size:24px;font-weight:700;color:#164b4f}.study-word-part-group .study-word-part{flex:0 1 auto;min-width:0}.study-example-parts{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px}.study-word-part{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border:1px solid #d8e5df;border-radius:10px;background:#fff}.study-word-part strong{color:#087f7b;font-size:24px}.study-word-part span{color:#567477;font-size:13px}.study-word-part b{font-size:14px}.study-word-part small{color:#647273;line-height:1.45}.study-literal{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center}.study-literal>span,.study-translation-label{flex:0 0 auto;padding:2px 7px;border-radius:5px;background:#def0ea;color:#17685f;font-size:12px;font-weight:700}.study-literal mark{padding:2px 6px;border-radius:5px;background:#fff0a8;color:inherit}.study-breakdown-translation{padding-top:12px;border-top:1px solid #d9e4c4;text-align:center;font-size:clamp(18px,3vw,24px);font-weight:700}.study-example-breakdown{margin:12px 0;padding:16px;border:1px solid #dbe6e2;border-radius:14px;background:#f8fbfa}.study-example-breakdown>strong{display:block;margin-bottom:12px;color:#087f7b;font-size:clamp(22px,4vw,30px)}.study-example-parts span{display:flex;flex-direction:column;padding:9px;border-radius:9px;background:#fff;border:1px solid #dbe6e2}.study-example-parts b{font-size:20px}.study-example-parts small{margin-top:3px;color:#526b6d}.study-example-breakdown>p{display:flex;align-items:flex-start;gap:8px;margin:12px 0 0;line-height:1.65}.study-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.study-actions button{font-weight:700;min-height:72px;padding:12px 4px}.study-actions span{display:block;font-size:12px;margin-top:6px;font-weight:400}.study-extra{border-top:1px solid #d3e5e2;margin-top:18px;padding-top:8px;overflow-wrap:anywhere}.study-note{font-size:13px;color:#526b6d;line-height:1.7}.study-error{color:#a12828;background:#fff0ee;padding:12px;border-radius:8px}.study-page summary{cursor:pointer;padding:4px}.study-progress-list{list-style:none;padding:0}.study-progress-list li{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:center;padding:8px 0}.study-page progress{width:100%;accent-color:#087f7b}.study-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.study-calendar>div{display:flex;flex-direction:column;gap:5px;padding:8px 3px;text-align:center;border-radius:8px;background:#f0f3f1}.study-calendar .studied{background:#cceee2}@keyframes study-card-in{0%{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.study-page{padding:16px 10px 30px}.study-panel{padding:16px;border-radius:16px}.study-fields{grid-template-columns:1fr}.study-card{min-height:260px;padding:24px 4px}.study-prompt-row{gap:8px}.study-prompt-row h2{margin-left:48px}.study-page button.study-audio{width:40px;min-height:40px;font-size:17px}.study-breakdown{width:100%}.study-breakdown-content{padding:10px}.study-word-parts{display:grid;grid-template-columns:1fr 1fr}.study-word-part-group{display:block}.study-part-joiner{display:none}.study-example-parts{grid-template-columns:1fr 1fr}.study-actions{position:sticky;bottom:8px;background:#fff;padding:8px 0;z-index:2;gap:6px;box-shadow:0 -8px 15px #fff}.study-actions button{font-size:13px}.study-toolbar{gap:8px}.study-toolbar button{font-size:13px;padding:9px}.study-progress-list li{grid-template-columns:1fr 1fr auto;gap:8px;font-size:13px}.study-calendar{font-size:11px}}@media(prefers-reduced-motion:reduce){.study-card{animation:none}}.study-journey{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px}.study-journey li{padding:16px;border:1px solid #d2dfda;border-radius:12px;display:flex;flex-direction:column;gap:8px}.study-journey .arrived{background:#d5f0e6;border-color:#16826c}.study-xp{color:#087f7b;font-weight:700;animation:study-card-in .3s ease-out}@media(prefers-reduced-motion:reduce){.study-xp{animation:none}}.video-page{display:flex;flex-direction:column;min-height:100vh;max-width:900px;margin:auto;padding:20px;background:#f8fafc;color:#0f172a}.video-header{display:grid;gap:8px;margin-bottom:18px}.video-header h1{margin:0}.video-link,.video-page a{color:#0f766e;font-weight:700}.video-card,.video-library-card,.video-player{display:block;margin:12px 0;padding:16px;border:1px solid #dbeafe;border-radius:14px;background:#fff;box-shadow:0 5px 18px #0f172a0d}.video-header{order:1}.video-player{order:2}.video-now-playing-card{order:3}.caption-study-card{order:4}.word-candidates-card{order:5}.video-action{order:6}.video-card form{display:flex;gap:8px;flex-wrap:wrap}.video-discover-form label{display:grid;gap:3px;font-weight:700}.video-discover-form select{min-height:40px;border:1px solid #94a3b8;border-radius:8px;background:#fff;padding:6px;font:inherit}.video-page input{box-sizing:border-box;padding:10px;border:1px solid #94a3b8;border-radius:8px;font:inherit}.video-card form input{flex:1;min-width:180px}.text-material-form{display:grid!important}.text-material-form textarea{box-sizing:border-box;width:100%;min-height:9rem;padding:10px;border:1px solid #94a3b8;border-radius:8px;font:inherit;resize:vertical}.text-material-form>div{text-align:right}.material-search{align-items:end;margin-bottom:12px}.material-search label{display:grid;gap:4px;color:#475569;font-weight:700}.material-search select{min-height:42px;padding:8px;border:1px solid #94a3b8;border-radius:8px;background:#fff;font:inherit}.material-list{display:grid;gap:8px}.material-list-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:84px;padding:10px;border:1px solid #dbeafe;border-radius:10px;background:#fff;color:inherit}.material-list-link{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center;min-width:0;color:inherit!important;text-decoration:none}.material-list-item img{width:96px;height:62px;object-fit:cover;border-radius:7px}.material-list-link>span:last-child{display:grid;gap:4px;min-width:0}.material-list-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-list-item small{color:#475569}.material-document{display:grid;place-items:center;width:62px;height:62px;border-radius:8px;background:#ccfbf1;color:#0f766e;font-size:34px}.video-page button{margin:4px;padding:10px 12px;border:0;border-radius:8px;background:#0f766e;color:#fff;font:inherit;font-weight:700;cursor:pointer}.video-page button:disabled{cursor:not-allowed;opacity:.55}.material-quiz-page{max-width:780px}.material-quiz-link{display:inline-flex;width:fit-content;padding:9px 12px;border:1px solid #99f6e4;border-radius:9px;background:#ecfdf5;text-decoration:none}.material-quiz-card{display:grid;gap:16px}.material-quiz-prompt{margin:0;color:#0f4c3a;font-size:clamp(1.25rem,3vw,1.8rem);font-weight:800;line-height:1.55}.material-quiz-audio{width:fit-content}.material-quiz-choices,.material-quiz-tokens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.material-quiz-choices button,.material-quiz-tokens button{min-height:56px;margin:0;text-align:left;background:#f8fffc;color:#0f4c3a;border:1px solid #b7dfd0}.material-quiz-choices button:hover:not(:disabled),.material-quiz-tokens button:hover:not(:disabled){background:#dff8ed}.material-quiz-answer{min-height:56px;padding:14px;border:1px dashed #5cae90;border-radius:10px;background:#f8fffc;color:#0f4c3a;font-weight:700}.material-quiz-feedback{padding:14px;border-radius:10px}.material-quiz-feedback p{margin:6px 0}.material-quiz-feedback.is-correct{background:#dcfce7;color:#166534}.material-quiz-feedback.is-wrong{background:#fff1f2;color:#9f1239}.material-quiz-result{display:grid;gap:12px}.material-quiz-result h1,.material-quiz-result p{margin:0}@media(max-width:560px){.material-quiz-choices,.material-quiz-tokens{grid-template-columns:1fr}}.material-edit-button{align-self:center;background:#edf7f0!important;color:#0f4c3a!important}.excel-title-field{display:grid;gap:6px;margin:12px 0;color:#334155;font-weight:700}.excel-material-card>input[type=file]{width:100%;background:#f8fbf7}.excel-preview{max-height:340px;margin:12px 0;overflow:auto;border:1px solid #cbd5e1;border-radius:10px}.excel-preview table{width:100%;border-collapse:collapse}.excel-preview th,.excel-preview td{padding:9px;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:top}.excel-preview th{position:sticky;top:0;background:#edf7f0;color:#0f4c3a}.excel-preview td:last-child{min-width:280px;max-width:520px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.excel-preview td input:not([type=checkbox]){width:min(280px,35vw);min-width:160px}.material-edit-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:16px;background:#0f172a80}.material-edit-dialog{width:min(680px,100%);max-height:calc(100vh - 32px);overflow:auto}.material-edit-dialog label{display:grid;gap:5px;color:#334155;font-weight:700}.material-edit-dialog label small{color:#64748b;font-weight:400}.material-edit-dialog .secondary{background:#e2e8f0;color:#334155}.video-filter-row{display:flex;gap:6px;flex-wrap:wrap}.video-filter-row [aria-pressed=true]{background:#115e59}.video-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.video-library-card{margin:0;color:inherit;text-decoration:none}.video-library-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px}.video-library-card div{display:grid;gap:6px;margin-top:8px}.video-library-card span,.video-library-card small{color:#475569}.video-progress{width:100%;accent-color:#0f766e}.video-message{color:#b45309}.video-status{font-weight:700}.status-error{color:#b91c1c}.status-ready{color:#047857}.video-word-result{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}.video-word-result li{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;background:#ccfbf1}.video-word-result button{margin:0;padding:3px 7px;background:#b91c1c;font-size:12px}.video-player iframe{width:100%;aspect-ratio:16/9;border:0}.video-player input{width:100%}.thai-subtitle{font-size:clamp(33px,7.5vw,48px);line-height:1.6}.segment-row{display:grid;grid-template-columns:1fr auto;width:100%;text-align:left;background:#f0fdfa;color:#0f172a;margin:6px 0;padding:8px;border-radius:8px}.segment-row button,.segment-time-control{display:grid;gap:3px;text-align:left;background:transparent;color:inherit;padding:0}.segment-row a{align-self:center;font-size:13px}.segment-row span{font-weight:400}.segment-time-control>.hover-dictionary-word .dictionary-token{font-size:2em}.segment-row.segment-explain{grid-template-columns:minmax(0,1fr) auto}.segment-reading strong{font-size:20px;line-height:1.7}.segment-explanation{grid-column:1 / -1;padding:8px 0 2px}.segment-explanation p{margin:7px 0}.segment-phrase-list{display:flex;flex-wrap:wrap;gap:7px;overflow-x:auto}.segment-phrase-list>span{display:inline-flex;align-items:center;gap:3px;padding:5px 7px;border-radius:7px;background:#fff}.segment-phrase-row{display:grid;grid-template-columns:minmax(6rem,1fr) minmax(7rem,1.1fr) minmax(11rem,1.7fr) auto auto;align-items:center;gap:10px;width:100%;min-width:43rem;padding:8px 10px;border-radius:8px;background:#fff;text-align:center;font-size:1rem}.segment-phrase-row .hover-dictionary-word{justify-self:center}.segment-phrase-row .dictionary-token{font-size:2em}.segment-phrase-row .phrase-reading,.segment-phrase-row .phrase-japanese,.segment-phrase-row .segment-add-word{font-size:1rem!important;line-height:1.5}.phrase-japanese{border-left:1px solid #dbe7e5;padding-left:10px}@media(max-width:640px){.segment-phrase-row{gap:7px}}.segment-add-word{margin:0 0 0 3px!important;padding:3px 6px!important;font-size:12px!important;white-space:nowrap}.segment-star-word{margin:0!important;padding:3px 7px!important;color:#b45309!important;font-size:1.1rem!important;line-height:1.2!important}.segment-star-word.is-starred{background:#fef3c7!important;color:#92400e!important}.segment-add-word.is-added{background:#d1fae5!important;color:#047857!important}.segment-note{color:#475569;font-size:14px}.phrase-reading{color:#0f766e}.caption-mode-switch{position:fixed;right:20px;bottom:20px;z-index:20;display:flex;align-items:center;gap:4px;margin:0;padding:5px;border:1px solid #cbd5e1;border-radius:999px;background:#fff;box-shadow:0 4px 14px #0f172a33}.caption-mode-switch button{padding:8px 12px;border:0;border-radius:999px;background:transparent;color:#0f172a}.caption-mode-switch button.active{background:#0f766e;color:#fff}.caption-mode-hint{padding:0 5px;color:#64748b;font-size:12px}.pronunciation-line{display:block;color:#0f766e;font-size:15px;white-space:nowrap;overflow-x:auto}.pronunciation-line .pronunciation-item,.pronunciation-line .phrase-reading{display:inline;white-space:nowrap}.hover-dictionary-word{position:relative;display:inline-block;color:#0f766e;cursor:help}.hover-dictionary-word.unlearned{color:#d97706}.hover-dictionary-word.learned{color:#0f766e}.hover-dictionary-word .dictionary-token{color:inherit;text-decoration:none}.dictionary-hover-card{position:absolute;left:0;bottom:calc(100% + 7px);z-index:30;display:grid;gap:3px;min-width:180px;max-width:min(320px,80vw);padding:9px 11px;border:1px solid #99d5cc;border-radius:9px;background:#fff;color:#0f172a;box-shadow:0 5px 18px #0f172a33;font-size:13px;font-weight:400;white-space:normal}.dictionary-hover-card a{color:#0f766e}.dictionary-learn-toggle{border:1px solid #99d5cc!important;border-radius:5px!important;padding:3px 5px!important;color:#0f766e!important;font-size:12px!important}.video-action{width:100%}.video-caption-import{margin:0 0 14px;padding:10px;border:1px solid #cbd5e1;border-radius:8px}.caption-study-card{display:flex;flex-direction:column}.long-text-speech{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:8px 0 14px;padding:10px;border-radius:10px;background:#ecfdf5}.long-text-speech label{display:flex;align-items:center;gap:6px;font-weight:700}.long-text-speech select{padding:8px;border:1px solid #94a3b8;border-radius:8px;background:#fff;font:inherit}.long-text-speech small{flex-basis:100%;color:#475569}.long-text-speech .speech-stop{background:#475569}.caption-body-section{order:2}.caption-word-section{order:3}.caption-words-open,.caption-words-more,.caption-segments-more{align-self:flex-start}.caption-segments-more{margin-top:12px!important}.caption-study-card>.caption-mode-switch{order:4}.video-caption-import summary{cursor:pointer;font-weight:700}.video-caption-import textarea{box-sizing:border-box;width:100%;margin-top:8px;padding:10px;border:1px solid #94a3b8;border-radius:8px;font:inherit}.caption-file-preview{margin-top:8px;padding:8px;border-radius:8px;background:#ecfeff}.video-token-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px;padding:0;list-style:none}.video-token-list li{display:block;position:relative;padding:8px;border-radius:8px;background:#f0fdfa}.video-token-list li>input[type=checkbox]{justify-self:start}.caption-body-heading{margin:24px 0 8px;font-size:22px;color:#0f172a}.video-token-list span{color:#475569;font-size:13px}.dictionary-token{padding:0;color:#0f766e;background:transparent;text-decoration:underline}.video-token-list .dictionary-token{display:inline-block;padding-right:34px}@media(max-width:500px){.video-page{padding:14px}.video-card,.video-player{padding:12px}.material-list-item{grid-template-columns:minmax(0,1fr)}.material-list-link{grid-template-columns:62px minmax(0,1fr)}.material-list-item img{width:62px;height:46px}.material-edit-button{width:100%}}.word-candidates-card,.video-now-playing-card{display:none}.imported-library select{margin-left:10px;max-width:100%;padding:8px}.imported-lesson-list{padding-left:24px}.imported-lesson-list li{padding:7px 0}.imported-lesson-list a{color:#0f766e;text-decoration:none}.imported-lesson-list span{font-weight:700}.segment-speaker,.segment-reading{display:block}.segment-speaker{color:#0f766e;font-size:.85em}.segment-reading{color:#64748b;line-height:1.7}.pattern-library{min-height:auto}.pattern-library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.pattern-library-grid .video-card{margin:0;text-decoration:none}.pattern-lesson>*,.pattern-library>*{order:0}.pattern-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.pattern-controls label{display:grid;gap:6px}.pattern-controls select{min-height:42px;font:inherit}.pattern-entry h2,.pattern-example [lang=th]{font-size:clamp(1.5rem,3vw,2rem);line-height:1.7;overflow-wrap:anywhere}.pattern-register{color:#075e57;background:#e0f2ef;padding:5px 10px;border-radius:8px}.pattern-reading{color:#475569;overflow-wrap:anywhere}.pattern-example{background:#f0fdfa;padding:12px;border-radius:10px}.dictionary-page{max-width:760px;margin:0 auto;padding:20px;color:#0f172a}.thai-speak-button{min-height:40px;padding:8px 12px;border:0;border-radius:8px;background:#0f766e;color:#fff;font:inherit;font-weight:700;cursor:pointer}.dictionary-recent-words{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.dictionary-recent-words button{display:grid;gap:3px;padding:9px;text-align:left;color:#0f172a;background:#f0fdfa;border:1px solid #99f6e4;border-radius:8px}.dictionary-recent-words span{color:#475569;font-size:13px}.dictionary-search{display:flex;gap:8px;margin:12px 0}.dictionary-search input{flex:1;min-width:0;padding:12px;border:1px solid #94a3b8;border-radius:8px;font:inherit}.dictionary-login{margin:4px 0 12px;background:#0f766e;color:#fff;border:0;border-radius:8px;padding:10px 13px;font:inherit;font-weight:700;cursor:pointer}.dictionary-card{margin:12px 0;padding:16px;border:1px solid #dbeafe;border-radius:12px;background:#fff}.dictionary-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.dictionary-head h1{margin:0;font-size:clamp(30px,8vw,46px)}.dictionary-image-meaning{color:#0f766e;background:#ccfbf1;border-radius:999px;padding:4px 9px;font-size:14px;font-weight:700}.dictionary-image-reason{display:grid;gap:3px;margin-top:10px;padding:9px 11px;border-left:3px solid #14b8a6;background:#f0fdfa;color:#334155;font-size:14px}.dictionary-summary{margin:4px 0;font-size:18px}.dictionary-part{color:#0f766e;font-weight:700}.dictionary-section{margin-top:14px}.dictionary-section h2{margin:0 0 6px;font-size:16px}.dictionary-section p{margin:4px 0}.dictionary-lines{display:grid;gap:6px;padding:0;list-style:none}.dictionary-lines li{padding:8px;background:#f8fafc;border-radius:7px}.dictionary-link{color:#0f766e;text-decoration:underline;background:transparent;padding:0}.dictionary-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.dictionary-actions button,.dictionary-search button,.mini-dictionary button{background:#0f766e;color:#fff;border:0;border-radius:8px;padding:9px 12px;font:inherit;font-weight:700}.dictionary-actions .muted{background:#475569}.dictionary-actions .danger{background:#9f1239}.dictionary-result{display:block;color:inherit;text-decoration:none}.dictionary-result strong{display:block;font-size:20px}.dictionary-result span{color:#475569}.mini-dictionary{position:fixed;z-index:20;left:50%;bottom:16px;width:min(420px,calc(100% - 28px));transform:translate(-50%);background:#fff;border:1px solid #99f6e4;box-shadow:0 12px 32px #0f172a44;border-radius:12px;padding:14px}.mini-dictionary h2{margin:0;font-size:25px}.mini-dictionary p{margin:4px 0}.mini-dictionary-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.mini-dictionary-close{float:right;background:transparent!important;color:#334155!important;padding:0!important}.weather-page{min-height:100vh;box-sizing:border-box;background:#eef6f7;color:#12303a;padding:14px 12px calc(env(safe-area-inset-bottom,0px) + 28px)}.weather-header,.weather-hero-card,.weather-current-card,.weather-card{max-width:980px;margin:0 auto 12px}.weather-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.weather-back{color:#0f766e;font-size:13px;font-weight:800;text-decoration:none}.weather-header h1{margin:8px 0 0;font-size:32px;line-height:1}.weather-header p{margin:4px 0}.weather-subtitle{color:#0369a1;font-size:22px;font-weight:900}.weather-card,.weather-hero-card,.weather-current-card{border:1px solid #cfe7e8;border-radius:8px;background:#fff;padding:14px;box-shadow:0 10px 24px #12303a14}.weather-hero-card{display:grid;gap:10px;background:linear-gradient(135deg,#e0f2fe,#f0fdfa 70%)}.weather-hero-copy span{color:#0f766e;font-size:13px;font-weight:900}.weather-hero-copy h2{margin:3px 0 4px;font-size:25px}.weather-hero-copy p,.weather-hero-card p,.weather-card-heading p,.weather-help{margin:0;color:#466773}.weather-hero-card button,.weather-notification-button,.weather-location-form button,.weather-location-buttons button,.weather-maintenance-actions button,.weather-sheet-actions button{min-height:44px;border:0;border-radius:8px;background:#0f766e;color:#fff;padding:0 14px;font-weight:900}.weather-hero-card button,.weather-notification-button{width:100%;font-size:17px}button:disabled{cursor:not-allowed;background:#94a3b8}.weather-current-card{display:grid;gap:12px;border-color:#99f6e4;background:#f8fffd}.weather-forecast-title,.weather-location-main{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.weather-forecast-title h2,.weather-card h2,.weather-bottom-sheet h2{margin:0 0 10px}.weather-forecast-title h2{margin:0;font-size:25px}.weather-forecast-title span,.weather-pill{flex:0 0 auto;border-radius:999px;background:#e2e8f0;color:#12303a;padding:5px 10px;font-size:12px;font-weight:900}.weather-pill.on,.weather-forecast-title span{background:#0f766e;color:#fff}.weather-empty-current{min-height:120px;display:grid;align-content:center;gap:6px}.weather-empty-current h2{margin:0}.weather-empty-current p{margin:0;color:#466773;font-weight:800}.weather-risk{display:grid;grid-template-columns:auto 1fr;gap:3px 9px;align-items:center;border-radius:8px;padding:13px}.weather-risk.compact{padding:10px}.weather-risk-icon{display:grid;grid-row:span 2;place-items:center;width:34px;height:34px;border-radius:50%;background:#ffffffb8;font-size:20px;font-weight:900}.weather-risk span:not(.weather-risk-icon){font-size:13px;font-weight:900}.weather-risk strong{font-size:22px;line-height:1.15}.weather-risk.compact strong{font-size:17px}.risk-safe{background:#dcfce7;color:#166534}.risk-caution{background:#fef3c7;color:#92400e}.risk-danger{background:#fee2e2;color:#991b1b}.weather-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.weather-metrics.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.weather-metric{display:grid;gap:3px;min-height:62px;border-radius:8px;background:#f1f8f9;padding:10px}.weather-metric span{color:#466773;font-size:12px;font-weight:800}.weather-metric strong{font-size:19px}.weather-card-heading{margin-bottom:12px}.weather-card-heading h2{margin:0 0 4px}.weather-location-form{display:grid;gap:8px}.weather-location-form input,.weather-bottom-sheet input{min-width:0;min-height:44px;box-sizing:border-box;border:1px solid #b7d5d8;border-radius:8px;padding:0 11px;font:inherit}.weather-location-list{display:grid;gap:10px}.weather-location{display:grid;gap:9px;border:1px solid #d7e7e8;border-radius:8px;padding:12px}.weather-location.active{border-color:#0f766e;background:#f0fdfa}.weather-location-main>div{display:grid;gap:2px}.weather-location strong{font-size:18px}.weather-location span{color:#466773;font-size:13px}.weather-location-buttons,.weather-maintenance-actions,.weather-sheet-actions{display:flex;flex-wrap:wrap;gap:8px}.weather-location-buttons button.danger{background:#be123c}.weather-maintenance-actions{margin-top:12px}.weather-maintenance-actions button,.weather-sheet-actions button.secondary{background:#e2e8f0;color:#12303a}.weather-map-card{padding-bottom:12px}.weather-radar-map{position:relative;min-height:320px;overflow:hidden;border-radius:8px;background:#dbeafe}.weather-radar-map .leaflet-container{height:320px;touch-action:pan-x pan-y}.weather-radar-map p{position:absolute;right:10px;bottom:10px;left:10px;z-index:400;margin:0;border-radius:8px;background:#fffffff0;padding:9px}.weather-map-help{margin:8px 0 0;color:#0f766e;font-weight:900}.weather-notice a{color:#0369a1;font-weight:800}.weather-message,.weather-toast{border-radius:8px;background:#fff7ed;color:#9a3412;padding:10px;font-weight:800}.weather-toast{position:fixed;right:14px;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);left:14px;z-index:950;box-shadow:0 12px 30px #12303a33}.weather-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:920;display:flex;align-items:flex-end;justify-content:center;background:#0f172a6b;padding:16px 12px calc(env(safe-area-inset-bottom,0px) + 12px)}.weather-bottom-sheet{width:min(100%,620px);max-height:84vh;overflow:auto;box-sizing:border-box;display:grid;gap:10px;border-radius:16px 16px 8px 8px;background:#fff;padding:16px;box-shadow:0 -12px 32px #0f172a42}.weather-bottom-sheet p{margin:0;color:#466773}@media(min-width:700px){.weather-page{padding-top:28px}.weather-hero-card{grid-template-columns:1fr auto;align-items:center}.weather-hero-card p{grid-column:1 / -1}.weather-hero-card button{width:auto}.weather-location-form{grid-template-columns:1.3fr 1fr 1fr auto}.weather-metrics,.weather-metrics.compact{grid-template-columns:repeat(5,minmax(0,1fr))}.weather-location-list{grid-template-columns:repeat(2,minmax(0,1fr))}.weather-radar-map,.weather-radar-map .leaflet-container{height:360px}}.lucky-color-page{min-height:100vh;box-sizing:border-box;background:linear-gradient(180deg,#fff7ed,#eef6f7 54%,#f8fafc);color:#172033;padding:16px 14px calc(env(safe-area-inset-bottom,0px) + 28px)}.lucky-color-header,.lucky-color-hero,.lucky-color-card,.lucky-color-results,.lucky-color-notice{max-width:860px;margin:0 auto 12px}.lucky-color-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.lucky-color-back{color:#0f766e;font-size:13px;font-weight:800;text-decoration:none}.lucky-color-header h1{margin:8px 0 4px;font-size:32px;line-height:1.05}.lucky-color-header p{margin:0;color:#475569;font-weight:700}.lucky-language-toggle{min-width:48px;min-height:44px;border:1px solid #fed7aa;border-radius:8px;background:#fff;color:#9a3412;font-weight:900;box-shadow:0 8px 18px #9a34121f}.lucky-color-hero,.lucky-color-card,.lucky-color-result{border:1px solid rgba(15,118,110,.16);border-radius:8px;background:#fffffff0;box-shadow:0 12px 24px #17203314}.lucky-color-hero{display:grid;gap:10px;padding:18px}.lucky-color-hero span,.lucky-color-result span,.lucky-birth-field span{color:#64748b;font-size:13px;font-weight:800}.lucky-color-hero strong{font-size:25px;line-height:1.22}.lucky-color-hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lucky-color-hero-grid div{display:grid;gap:4px;border-radius:8px;background:#f0fdfa;padding:10px}.lucky-color-card{padding:14px}.sticky-controls{position:sticky;top:0;z-index:5}.lucky-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lucky-mode-switch button,.lucky-category-scroll button{min-height:42px;border:1px solid #d7e7e8;border-radius:8px;background:#f8fafc;color:#12303a;padding:0 12px;font-weight:900}.lucky-mode-switch button.active,.lucky-category-scroll button.active{border-color:#0f766e;background:#0f766e;color:#fff}.lucky-birth-field{display:grid;gap:6px;margin-top:12px}.lucky-birth-field input{min-height:44px;box-sizing:border-box;border:1px solid #b7d5d8;border-radius:8px;padding:0 12px;font:inherit}.lucky-birth-field small{color:#64748b}.lucky-color-card h2{margin:0 0 10px;font-size:18px}.lucky-category-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.lucky-category-scroll button{flex:0 0 auto}.lucky-color-results{display:grid;gap:10px}.lucky-color-result{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;align-items:center;padding:16px}.lucky-color-result.avoid{border-color:#be123c38}.lucky-color-chip{width:82px;height:82px;border:6px solid #fff;border-radius:50%;box-shadow:0 12px 24px #0f172a2e}.lucky-color-result h2{margin:3px 0 5px;font-size:29px}.lucky-color-result p{margin:0;color:#475569;line-height:1.5}.source-card a{color:#0f766e;font-weight:900}.source-card p{margin:8px 0 0;color:#475569}.lucky-color-notice{box-sizing:border-box;border:1px solid #fed7aa;border-radius:8px;background:#fff7ed;color:#9a3412;padding:12px;line-height:1.55}.muted{color:#64748b;font-weight:800}@media(min-width:720px){.lucky-color-page{padding-top:28px}.lucky-color-header h1{font-size:42px}.lucky-color-results{grid-template-columns:repeat(2,minmax(0,1fr))}}.pronunciation-page{min-height:100vh;background:#f5f7f3;color:#17211d;padding:20px 14px 64px}.pronunciation-shell{width:min(980px,100%);margin:0 auto}.pronunciation-back{display:inline-block;margin-bottom:14px;color:#087f6d;font-weight:800;text-decoration:none}.pronunciation-hero{padding:clamp(22px,5vw,44px);border-radius:24px;color:#fff;background:linear-gradient(135deg,#075e54,#159477);box-shadow:0 16px 40px #075e542e}.pronunciation-hero h1{margin:4px 0 10px;font-size:clamp(30px,7vw,52px)}.pronunciation-hero p{margin:0;line-height:1.7}.pronunciation-kicker{font-size:13px;font-weight:800;color:#bbf7d0}.reading-flow{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:20px}.reading-flow span{padding:8px 11px;border-radius:999px;background:#ffffff26;font-size:13px;font-weight:800}.pronunciation-tabs{position:sticky;top:0;z-index:10;display:flex;gap:8px;overflow-x:auto;padding:12px 2px;background:#f5f7f3f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pronunciation-tabs button{flex:0 0 auto;border:1px solid #cbd8d2;border-radius:999px;background:#fff;padding:10px 13px;color:#34423c;font-weight:800;cursor:pointer}.pronunciation-tabs button.active{border-color:#087f6d;background:#087f6d;color:#fff}.pronunciation-section{padding-top:18px}.pronunciation-section h2{margin:0 0 8px;font-size:clamp(25px,5vw,34px)}.section-lead{margin:0 0 18px;color:#50615a;line-height:1.7}.class-grid,.two-column{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.two-column{grid-template-columns:repeat(2,1fr)}.class-card,.lesson-card,.quiz-card{border:1px solid #d8e2dd;border-radius:18px;padding:18px;background:#fff;box-shadow:0 8px 22px #17211d0d}.lesson-card,.quiz-card{margin-top:14px}.class-card h3,.lesson-card h3,.quiz-card h3{margin:0 0 12px}.class-card h3{display:flex;justify-content:space-between}.class-card small{color:#66766e}.class-card.middle{border-top:5px solid #0f766e}.class-card.high{border-top:5px solid #2563eb}.class-card.low-paired,.class-card.low-single{border-top:5px solid #d97706}.thai-letter-list{min-height:82px;margin:0 0 12px;font-size:28px;line-height:1.6;color:#075e54}.thai-letter-list.compact{min-height:0;letter-spacing:.12em}.lesson-card p,.lesson-card li,.class-card p{line-height:1.7}.lesson-card ul{padding-left:22px}.example-row{display:grid;grid-template-columns:minmax(90px,.7fr) 1fr auto;gap:10px;align-items:center;border-top:1px solid #e5ece8;padding:11px 0}.example-row>span:first-child{font-size:24px;font-weight:800;color:#087f6d}.pronunciation-speak{border:1px solid #9fc9bd;border-radius:999px;padding:8px 11px;background:#e9faf5;color:#075e54;font-weight:800;cursor:pointer}.live{border-top:5px solid #16a34a}.dead{border-top:5px solid #dc2626}.final-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.final-grid span{padding:10px;border-radius:10px;background:#f2f7f4}.final-grid b{display:block;color:#087f6d}.fine-print{color:#64736c;font-size:13px}.note-box{margin-top:14px;border-left:5px solid #e9a23b;border-radius:10px;padding:14px;background:#fff7e9;line-height:1.65}.tone-list{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.tone-list article{display:grid;gap:5px;padding:12px;border-radius:14px;background:#fff;border:1px solid #d8e2dd}.tone-list strong{font-size:29px;color:#087f6d}.tone-list small{min-height:32px;color:#64736c}.tone-table-wrap{margin-top:16px;overflow-x:auto;border-radius:14px;border:1px solid #d8e2dd}.tone-table{width:100%;min-width:720px;border-collapse:collapse;background:#fff}.tone-table th,.tone-table td{border:1px solid #e3eae6;padding:11px 9px;text-align:center}.tone-table thead{background:#075e54;color:#fff}.tone-table tbody th{background:#e9faf5;color:#075e54}.live-final-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.live-final-grid>div{display:grid;gap:6px;padding:12px;border-radius:12px;background:#f2f7f4}.live-final-grid span,.live-final-grid strong{color:#087f6d;font-size:21px}.live-final-grid small{min-height:38px}.live-final-grid .pronunciation-speak{justify-self:start}.live-tone-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.live-tone-groups section{padding:12px;border:1px solid #e1e9e5;border-radius:14px}.live-tone-groups h4{margin:0 0 5px;color:#075e54}.application-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.application-grid>div{display:grid;grid-template-columns:1fr 1.5fr auto;gap:8px;align-items:center;padding:10px;border-radius:10px;background:#f5f8f6}.application-grid b{font-size:22px;color:#087f6d}.quiz-card{padding:clamp(18px,4vw,30px)}.quiz-choices{display:grid;gap:10px}.quiz-choices button,.quiz-feedback button{min-height:48px;border:1px solid #b9cbc3;border-radius:12px;background:#fff;font:inherit;font-weight:800;cursor:pointer}.quiz-choices button.correct{background:#dcfce7;border-color:#16a34a}.quiz-choices button.wrong{background:#fee2e2;border-color:#dc2626}.quiz-feedback{margin-top:16px;padding:16px;border-radius:12px;background:#eefbf7}.quiz-feedback p{line-height:1.6}.quiz-feedback button{padding:8px 18px;background:#087f6d;color:#fff}.school-day-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.school-day-tabs button{display:grid;gap:5px;text-align:left;border:1px solid #b9cbc3;border-radius:14px;padding:13px;background:#fff;color:#26352e;font:inherit;font-weight:900;cursor:pointer}.school-day-tabs button.active{border-color:#087f6d;background:#e9faf5;color:#075e54}.school-day-tabs small{font-weight:600}.source-badge{display:inline-flex;border-radius:999px;padding:5px 9px;background:#eef2ff;color:#4338ca;font-size:12px;font-weight:800}.school-overview h3{margin-top:12px}.school-word-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.school-word-grid>div{display:grid;grid-template-columns:minmax(80px,.7fr) 1fr auto;align-items:center;gap:7px;padding:11px;border-radius:12px;background:#f4f8f6}.school-word-grid b{font-size:23px;color:#087f6d}.school-word-grid strong{grid-column:1 / 3}.school-reading{color:#173e33;font-size:20px;line-height:2}.school-library-link{display:inline-flex;margin-top:16px;border-radius:999px;padding:11px 15px;background:#087f6d;color:#fff;font-weight:800;text-decoration:none}@media(max-width:720px){.class-grid,.two-column,.tone-list,.school-word-grid,.live-tone-groups{grid-template-columns:1fr}.tone-list article{grid-template-columns:64px 1fr 1fr auto;align-items:center}.tone-list small{display:none}.final-grid,.application-grid,.live-final-grid{grid-template-columns:repeat(2,1fr)}.example-row{grid-template-columns:1fr auto}.example-row>span:nth-child(2){grid-column:1 / -1;grid-row:2}.pronunciation-hero{border-radius:18px}.reading-flow b{display:none}}@media(max-width:430px){.final-grid,.application-grid,.live-final-grid{grid-template-columns:1fr}.application-grid>div{grid-template-columns:1fr auto}.application-grid>div span{grid-column:1 / -1}.pronunciation-page{padding-inline:10px}}.school-review-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-block:1rem}.school-review-word{min-width:0;overflow-wrap:anywhere}.school-review-word details{text-align:left;font-size:1rem}.school-review a{overflow-wrap:anywhere}.school-review caption{text-align:left;padding-bottom:.6rem}.school-review .tone-table-wrap{max-width:100%}.school-review .school-word-grid>.school-review-word{display:flex;flex-direction:column;align-items:stretch;padding:16px;gap:10px}.school-review-word>b{font-size:34px}.school-review-word button{white-space:nowrap}.school-review .tone-table{min-width:700px}.school-review .lesson-card:has(h3+.tone-table-wrap) .tone-table{min-width:230px;width:100%}@media(max-width:720px){.td-app .pronunciation-tabs{position:static;align-items:center}.td-app .pronunciation-tabs>*{flex-shrink:0;white-space:nowrap}}.consonant-game{max-width:850px;margin:auto;padding:24px 18px 64px;color:#123c3c;font-family:system-ui,sans-serif}.consonant-game nav{display:flex;gap:24px}.consonant-game a{color:#087d78}.consonant-game header{margin:28px 0 22px}.cg-eyebrow{letter-spacing:.2em;font-size:12px;font-weight:800;color:#087d78}.consonant-game h1{font-size:clamp(24px,4vw,36px);margin:8px 0}.cg-panel{background:#fff;border:1px solid #cce2df;border-radius:24px;padding:24px;box-shadow:0 12px 40px #104c4a0d}.cg-setup{display:flex;justify-content:space-between;gap:16px;align-items:end;flex-wrap:wrap}.cg-setup fieldset{border:0;margin:0;padding:0;display:flex;gap:8px}.cg-setup legend{margin-bottom:8px;font-size:14px}.consonant-game button{cursor:pointer;border:1px solid #c5ddda;border-radius:12px;padding:12px 20px;font:inherit;background:#f2f8f7;color:#123c3c;touch-action:manipulation}.consonant-game button[aria-pressed=true],.consonant-game .cg-start{background:#087d78;color:#fff;border-color:#087d78;font-weight:750}.consonant-game button:focus-visible,.consonant-game a:focus-visible{outline:3px solid #db8b00;outline-offset:3px}.consonant-game button:disabled{cursor:default;opacity:.6}.cg-stats{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:24px 0 0;font-variant-numeric:tabular-nums}.cg-stats strong{font-size:32px}.cg-stats small{font-size:14px}.cg-arena{min-height:255px;display:flex;flex-direction:column;align-items:center;justify-content:center;outline:none}.cg-letter{font-size:132px;line-height:1.3;color:#123c3c}.cg-feedback{min-height:32px;font-weight:700;text-align:center;color:#627877}.cg-feedback.correct{color:#08733e}.cg-feedback.incorrect{color:#b52631}.cg-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cg-choices button{padding:18px 8px;background:#e9f5f3}.cg-choices span{display:block;font-weight:800;font-size:28px}.cg-choices small{display:block;margin-top:6px}.cg-ready{text-align:center;color:#627877}.cg-ready span{font-size:100px}.cg-result{text-align:center}.consonant-game .cg-stop{display:block;margin:16px auto 0;background:transparent;padding:8px 16px}.cg-help,.cg-records p,.consonant-game details{font-size:14px;line-height:1.8;color:#526c6a}.cg-records{margin-top:30px}.cg-records h2,.cg-review h2{font-size:20px}.cg-records>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cg-records article{border:1px solid #d9e6e3;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:8px}.cg-records strong{font-size:22px}.cg-review>div{display:flex;flex-wrap:wrap;gap:12px}.cg-review article{display:flex;flex-direction:column;gap:4px;background:#fff3f1;padding:16px;border-radius:12px}.cg-review article strong{font-size:48px}.consonant-game details{margin-top:24px}.consonant-game summary{cursor:pointer}@media(max-width:480px){.cg-panel{padding:16px}.cg-choices{gap:6px}.cg-choices span{font-size:24px}.cg-choices small{font-size:11px}.cg-stats strong{font-size:26px}.cg-stats{font-size:13px}.cg-records article{padding:12px}.cg-records strong{font-size:17px}.cg-setup{gap:10px}.cg-setup button{padding:10px 14px}.cg-arena{min-height:225px}}.tone-game nav{flex-wrap:wrap;gap:12px 20px}.tg-setup{display:grid;gap:16px}.tg-setup>fieldset{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0;margin:0}.tg-setup legend{font-size:14px;margin-bottom:8px}.tg-setup label{display:grid;gap:8px}.tone-game select{padding:10px;border:1px solid #c5ddda;border-radius:8px;font:inherit;max-width:100%;background:#fff;color:#123c3c}.tone-game button[aria-pressed=true]{background:#087d78;color:#fff}.tone-game .cg-letter{font-size:clamp(64px,15vw,100px);padding:10px;line-height:1.6}.tone-game .cg-arena{min-height:200px}.tg-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:". falling ." "mid rising high" ". low .";gap:8px;max-width:550px;margin:auto}.tg-choices button{display:flex;flex-direction:column;gap:3px;align-items:center;padding:8px 4px;min-height:90px;background:#e9f5f3}.tg-choices b{font-size:28px;line-height:1.1}.tg-choices strong{font-size:17px}.tg-choices small{font-size:12px}.tg-explanation{background:#f0f7f6;border-radius:12px;margin-top:20px;padding:18px;line-height:1.8}.tg-explanation h2{font-size:20px}.tg-explanation button{margin:4px}.tg-audio-settings{margin-top:20px;font-size:14px;line-height:1.8}.tg-audio-settings label{display:flex;gap:10px;align-items:center}.tg-reference-tones{display:flex;flex-wrap:wrap;gap:10px}.tg-reference-tones article{display:flex;flex-direction:column;align-items:center;gap:10px;background:#f0f7f6;border-radius:12px;padding:14px}.tg-reference-tones span{font-size:32px}.tg-rule-guide{line-height:1.9;margin-top:30px}.tg-rule-guide h2{font-size:22px}.tg-table{overflow-x:auto}.tg-table table{width:100%;border-collapse:collapse;background:#fff;font-size:14px}.tg-table th,.tg-table td{border:1px solid #c5ddda;padding:12px;text-align:left}.tg-table caption{text-align:left;font-weight:700;margin-bottom:8px}.cg-review .tg-review{display:grid;gap:12px}.tg-review article h3{font-size:18px;margin:0}.tg-review h3 span{font-size:32px}.tg-review p{margin:3px 0;font-size:15px;line-height:1.8}.tg-review article button{align-self:start}.tone-game .cg-review article{background:#f0f7f6}.tg-review small{color:#a52731}.tone-game .cg-ready span{font-size:66px}@media(max-width:480px){.tone-game .cg-arena{min-height:150px}.tg-choices button{min-height:76px}.tg-choices b{font-size:24px}.tone-game .cg-stats{margin-top:14px}.tg-setup button{padding:10px 12px}}.tone-builder .cg-arena{min-height:310px}.tb-class{margin:14px 0 0;padding:5px 14px;border-radius:999px;background:#eaf2dc;font-weight:750}.tone-builder .cg-letter{font-size:clamp(60px,12vw,88px)}.tb-steps{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:0;margin:6px 0;font-size:12px}.tb-steps li{background:#f1f5f2;padding:6px 9px;border-radius:20px}.tb-steps li[aria-current]{background:#123e31;color:#fff}.tb-prompt{font-size:20px;margin:10px 0}.tb-formula{margin:8px;font-weight:750}.tb-choices{grid-template-areas:". rising ." "low falling high" ". mid .";grid-template-rows:repeat(3,94px)}.tb-choices strong{font-size:14px}.tone-builder .cg-review h3{font-size:32px;margin:0}.tone-builder .cg-review .tg-review{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tone-builder .cg-review article{min-width:0;overflow-wrap:anywhere}.tb-results-note{margin-top:-8px;color:#526b6d;font-size:13px}.tb-results article[data-result=incorrect]{border:2px solid #dc8b78;background:#fff4ef}.tb-review-answer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-radius:12px;background:#e4efd5;color:#123e31}.tb-review-answer strong{font-size:13px}.tb-review-answer span{font-size:18px;font-weight:800}@media(max-width:480px){.tone-builder .cg-panel{padding:12px}.tone-builder .cg-arena{min-height:300px}.tb-choices{grid-template-rows:repeat(3,88px)}.tb-choices strong{font-size:12px}.tone-builder .cg-stats{flex-wrap:wrap}.tone-builder .cg-review .tg-review{grid-template-columns:1fr}}.short-vowel-page{max-width:1180px;margin:auto;padding:24px 18px 60px;color:#153f3b;font-family:system-ui,sans-serif;line-height:1.7}.short-vowel-page nav{display:flex;flex-wrap:wrap;gap:18px}.short-vowel-page a{color:#087c73}.short-vowel-page header{margin:28px 0}.short-vowel-page header>p:first-child{font-size:12px;letter-spacing:.2em;color:#087c73}.short-vowel-page h1{font-size:clamp(26px,4vw,36px)}.sv-controls{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:18px;background:#eaf5f2;border-radius:14px}.sv-controls label{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sv-controls select{font:inherit;padding:8px;border:1px solid #bfd9d2;border-radius:8px;background:#fff;max-width:100%}.sv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}.sv-card{padding:22px;background:#fff;border:1px solid #d0e3dd;border-radius:20px}.sv-label{font-size:14px;color:#087c73}.sv-card h2{font-size:52px;line-height:1.8;font-weight:600}.sv-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;padding:14px 0;border-block:1px solid #e0ebe6}.sv-pair>div{display:flex;flex-direction:column;align-items:start}.sv-pair small{font-size:12px}.sv-pair strong{font-size:32px;line-height:1.8}.short-vowel-page button{font:inherit;font-size:14px;background:#e9f5f1;color:#075a52;border:1px solid #aacfc4;border-radius:9px;padding:8px 10px;cursor:pointer;touch-action:manipulation}.short-vowel-page button:focus-visible{outline:3px solid #da9200;outline-offset:2px}.sv-word{padding:16px 0;border-top:1px solid #e0ebe6}.sv-word h3{font-size:36px;font-weight:600}.sv-word p{margin:3px 0}.sv-recording{display:inline-flex;flex-direction:column;margin-top:7px}.sv-recording audio{display:none}.sv-recording small{color:#ac2438;font-size:12px}.sv-note{font-size:14px;color:#5d716a;margin:14px 0}.sv-practice-only{font-size:14px;padding:12px;border-radius:10px;background:#fff6de}.short-vowel-page footer{margin-top:32px;color:#5d716a;font-size:14px}@media(max-width:900px){.sv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.sv-grid{grid-template-columns:1fr}.sv-card{padding:20px}.sv-controls{align-items:start;flex-direction:column}}.listening-quiz{max-width:850px}.lq-panel{margin-top:24px;padding:clamp(18px,4vw,32px);border:1px solid #cee1dc;border-radius:20px;background:#fff}.lq-progress{color:#087c73;font-weight:700}.listening-quiz .lq-primary{background:#087c73;color:#fff;padding:13px 22px;font-size:17px}.lq-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:24px 0}.lq-choices button{min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center}.lq-choices span{font-size:38px}.lq-choices small{font-size:13px}.listening-quiz button:disabled{cursor:default;opacity:.6}.lq-feedback{border-top:2px solid #c6dfd6;padding-top:16px}.lq-feedback h3{font-size:23px}.lq-feedback details{margin:20px 0}.lq-actions{display:flex;gap:12px;flex-wrap:wrap}.listening-quiz [role=alert]{color:#a12734}.lq-feedback p{overflow-wrap:anywhere}.wn-page{max-width:1800px;margin:auto;padding:22px 24px 40px;color:var(--td-ink)}.wn-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.wn-header h1{font-size:clamp(26px,3vw,38px);line-height:1.25;margin:0}.wn-header p{margin:6px 0 0;color:var(--td-muted);font-size:13px}.wn-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px;align-items:start}.wn-sidebar,.wn-main{background:#fff;border:1px solid var(--td-line);border-radius:20px;box-shadow:var(--td-shadow);min-width:0}.wn-sidebar{padding:14px;max-height:calc(100dvh - 150px);overflow:auto;position:sticky;top:16px}.wn-sidebar nav{display:grid;gap:5px}.wn-page button{cursor:pointer;color:var(--td-ink);font:inherit}.wn-page button:disabled{opacity:.4;cursor:default}.wn-sidebar button{border:0;background:transparent;text-align:left}.wn-sidebar nav button{display:flex;gap:8px;align-items:center;min-height:44px;padding:8px;border-radius:10px;font-size:12px;font-weight:700}.wn-sidebar nav button.active{background:#e8f0dc;color:var(--td-green)}.wn-sidebar section{border-top:1px solid var(--td-line);margin-top:14px;padding-top:12px}.wn-page h2{font-size:13px;margin:0 0 10px}.wn-sidebar p{font-size:12px;color:var(--td-muted)}.wn-sidebar>a,.wn-details>a{display:inline-block;margin-top:12px;color:var(--td-green);font-size:12px}.wn-mini-word{display:flex;flex-direction:column;gap:2px;width:100%;padding:8px 3px;overflow-wrap:anywhere}.wn-mini-word b{font-size:14px}.wn-mini-word small{color:var(--td-muted);font-size:11px}.wn-saved-entry{display:flex;align-items:center;border-bottom:1px solid var(--td-line)}.wn-sidebar .wn-remove{min-width:30px;min-height:44px;font-size:20px;text-align:center}.wn-main{padding:14px}.wn-toolbar{display:flex;gap:8px;margin-bottom:14px}.wn-toolbar>button,.wn-footerbar button,.wn-word-actions button,.wn-save-form button{border:1px solid var(--td-line);background:#f8faf5;border-radius:10px;min-width:40px;min-height:42px;padding:7px 11px;font-size:12px;font-weight:650}.wn-page .wn-primary{background:var(--td-forest);color:#fff;border-color:var(--td-forest)}.wn-search{position:relative;display:flex;align-items:center;flex:1;min-width:100px;border:1px solid #cbd9cc;border-radius:12px;padding:0 10px}.wn-search input{width:100%;border:0;background:transparent;padding:8px;font-size:14px;color:var(--td-ink)}.wn-suggestions{position:absolute;z-index:20;top:50px;left:0;right:0;padding:8px;background:#fff;border:1px solid var(--td-line);border-radius:14px;box-shadow:0 18px 40px #153c312b;max-height:330px;overflow:auto}.wn-suggestions button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:0;border-radius:8px;background:#fff;text-align:left}.wn-suggestions button:hover{background:#eff4e9}.wn-suggestions small{color:var(--td-muted)}.wn-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px;align-items:start}.wn-graph-column{min-width:0}.wn-graph-caption{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--td-muted);margin-bottom:9px}.wn-canvas{height:clamp(460px,calc(100dvh - 300px),720px);position:relative;overflow:hidden;border-radius:16px;border:1px solid #e2e9dd;background:radial-gradient(ellipse at center,#f0f5e5,#fbfcf8 62%);touch-action:none;cursor:grab}.wn-canvas.is-dragging{cursor:grabbing}.wn-world{position:absolute;transform-origin:center;will-change:transform}.wn-edges{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.wn-edges line{stroke:var(--wn-color);stroke-width:2;opacity:.65}.wn-edges line.wn-similar{stroke-dasharray:7 8}.wn-direct{--wn-color:#39885a;--wn-tint:#f0f8ed}.wn-derived{--wn-color:#b27c32;--wn-tint:#fff7e9}.wn-shared{--wn-color:#5b82b1;--wn-tint:#f0f5fc}.wn-similar{--wn-color:#8a8591;--wn-tint:#f6f5f7}.wn-center-node{position:absolute;left:50%;top:50%;width:222px;min-height:182px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 17px 18px;border:2px solid #c77d68;border-radius:48%;background:#fff5ef;box-shadow:0 12px 25px #68422b14;text-align:center}.wn-center-node strong{font-size:29px;line-height:1.35;overflow-wrap:anywhere}.wn-center-node>span{color:var(--td-muted);font-size:14px}.wn-center-node>em{font-style:normal;font-size:16px}.wn-center-node>small{margin-top:8px;color:#8c6856;font-size:11px}.wn-sound{position:absolute;right:18px;top:9px;border:0;background:transparent;font-size:19px!important;padding:5px}.wn-node-wrap{position:absolute;width:172px;transform:translate(-50%,-50%);transition:left .24s ease,top .24s ease;text-align:center}.wn-page .wn-node{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:96px;padding:12px 10px;border:2px solid var(--wn-color);border-radius:50%;background:var(--wn-tint);box-shadow:0 5px 15px #173c310a;text-align:center}.td-app .wn-node:not(:disabled):active{transform:none}.wn-node:hover,.wn-node:focus-visible{box-shadow:0 5px 22px #173c3125}.wn-node span[lang]{font-size:23px;font-weight:700;line-height:1.25;overflow-wrap:anywhere}.wn-node small{font-size:13px;color:var(--td-muted);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wn-node .wn-node-reading{font-size:11px}.wn-reason{display:inline-block;margin-top:6px;font-size:12px;line-height:1.4;color:var(--wn-color);background:#fbfcf8ee;padding:2px 6px;border-radius:5px;pointer-events:none}.wn-zoom{position:absolute;left:10px;bottom:10px;display:flex;align-items:center;gap:3px;background:#ffffffed;border:1px solid var(--td-line);border-radius:10px;padding:3px}.wn-zoom button{width:36px;height:36px;border:0;background:transparent}.wn-zoom small{min-width:36px;font-size:10px}.wn-minimap{position:absolute;right:10px;bottom:10px;width:96px;height:67px;border:1px solid var(--td-line);border-radius:8px;background:#fffffff0;pointer-events:none}.wn-minimap circle{fill:var(--wn-color)}.wn-footerbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;font-size:10px;color:var(--td-muted)}.wn-footerbar button{flex-shrink:0}.wn-empty{font-size:13px}.wn-inspector{display:grid;gap:12px;max-height:calc(100dvh - 230px);overflow:auto;padding-right:3px;scrollbar-width:thin}.wn-inspector section,.wn-save-form{padding:14px;background:#f5f7ef;border:1px solid #e1e7d9;border-radius:14px}.wn-detail-thai{display:block;font-size:25px;line-height:1.4;overflow-wrap:anywhere}.wn-reading{font-size:12px;color:var(--td-muted);margin:4px 0 12px;overflow-wrap:anywhere}.wn-parts{display:flex;flex-wrap:wrap;gap:6px}.wn-parts b{display:flex;flex-direction:column;padding:7px 9px;border:1px solid #d6dfcf;border-radius:10px;background:#fff}.wn-parts i{font-style:normal;font-size:20px}.wn-parts small{font-weight:400;font-size:12px;color:var(--td-muted)}.wn-literal{font-size:13px;margin:12px 0}.wn-literal mark{background:#fff0a8;border-radius:5px;padding:2px 6px}.wn-meaning{border-top:1px solid var(--td-line);margin:12px 0 8px;padding-top:9px;font-size:16px;font-weight:650}.wn-word-actions{display:flex;flex-wrap:wrap;gap:5px}.wn-word-actions button{padding:5px 8px;min-height:36px;font-size:11px}.wn-word-actions button[aria-pressed=true]{background:#e5edcc;border-color:#aabc88}.wn-options label,.wn-save-form label{display:block;font-size:12px;margin:6px 0}.wn-options select,.wn-save-form input{width:100%;margin-top:5px;padding:7px;border:1px solid var(--td-line);background:#fff;color:var(--td-ink)}.wn-save-form{background:#edf4df}.wn-save-form button{margin-right:5px;margin-top:8px}.wn-key>div{display:flex;gap:8px;align-items:start;margin:9px 0}.wn-dot{display:inline-block;width:9px;height:9px;flex-shrink:0;border-radius:50%;background:var(--wn-color);margin-top:5px}.wn-key p{margin:0;font-size:11px}.wn-key b,.wn-key small{display:block}.wn-key small{color:var(--td-muted);font-size:10px}.wn-muted{color:var(--td-muted);font-size:12px}.wn-notice{font-size:12px;padding:8px 12px;background:#eff3e8;border-radius:9px;margin:10px 0 0}.wn-drawer-button{display:none}@media(max-width:1250px){.wn-page{padding:16px 14px 30px}.wn-layout{grid-template-columns:160px minmax(0,1fr);gap:10px}.wn-workspace{grid-template-columns:minmax(0,1fr) 245px;gap:10px}.wn-sidebar{padding:9px}.wn-sidebar nav button{font-size:11px}.wn-inspector section{padding:12px}}@media(max-width:1000px){.wn-layout{grid-template-columns:1fr}.wn-sidebar{display:none;position:static;max-height:350px}.wn-sidebar.open{display:block}.wn-drawer-button{display:block;border:1px solid var(--td-line);background:#fff;border-radius:10px;padding:9px}.wn-workspace{grid-template-columns:minmax(0,1fr) 250px}}@media(max-width:680px){.wn-page{padding:14px 10px 28px}.wn-main{padding:10px}.wn-header h1{font-size:25px}.wn-header p{font-size:11px}.wn-toolbar{flex-wrap:wrap}.wn-search{order:-1;flex-basis:100%}.wn-toolbar .wn-primary{flex:1}.wn-workspace{display:flex;flex-direction:column}.wn-graph-column,.wn-inspector{width:100%}.wn-canvas{height:440px}.wn-inspector{max-height:none;overflow:visible;grid-template-columns:1fr}.wn-details{order:0}.wn-inspector .wn-save-form{order:-1}.wn-minimap{display:none}.wn-footerbar{flex-wrap:wrap}.wn-suggestions{width:100%}.wn-graph-caption{font-size:11px}}@media(prefers-reduced-motion:reduce){.wn-node-wrap{transition:none}}.similar-study-set{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0;padding:17px 19px;border:1px solid #bcd8c1;border-radius:18px;background:#eff9ef}.similar-study-set b{color:var(--td-forest);font-size:17px}.similar-study-set p{margin:4px 0 0;color:var(--td-muted);font-size:13px}.similar-study-set a{flex:none;border-radius:10px;background:var(--td-forest);color:#fff;padding:11px 13px;font-size:13px;font-weight:900;text-decoration:none}.similar-jumps{display:flex;align-items:flex-start;gap:12px;margin:16px 2px}.similar-jumps>b{flex:none;margin-top:8px;color:#50685b;font-size:13px}.similar-jumps>div{display:flex;flex-wrap:wrap;gap:7px}.similar-jumps button{border:1px solid #cbdccb;border-radius:999px;background:#fff;color:var(--td-forest);padding:6px 10px;font-size:14px;font-weight:800;cursor:pointer}.similar-final-order{margin-left:auto;color:#355a49}.similar-final-order b{display:inline-block;border-radius:5px;background:#dbeedc;color:#246143;padding:2px 4px;font-size:10px}.similar-row-label small{display:block;color:#769183;font-size:9px;line-height:1.1}.similar-group header p>b{color:var(--td-forest)}@media(max-width:760px){.similar-study-set{display:block;padding:14px}.similar-study-set a{display:inline-block;margin-top:10px}.similar-jumps{display:block}.similar-jumps>b{display:block;margin:0 0 8px}.similar-final-order{width:100%;margin-left:0}.similar-row-label small{font-size:8px}}.similar-study-categories{display:flex;align-items:flex-start;gap:12px;margin:0 2px 16px;color:#4e6658;font-size:12px}.similar-study-categories>b{flex:none;margin-top:7px}.similar-study-categories>div{display:flex;flex-wrap:wrap;gap:7px}.similar-study-categories span{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:#f2f6ed;padding:6px 9px}.similar-study-categories strong{color:var(--td-green);font-size:11px}@media(max-width:760px){.similar-study-categories{display:block}.similar-study-categories>b{display:block;margin:0 0 7px}}.similar-jumps{align-items:center}.similar-jumps>b{margin-top:0}.similar-jumps select{width:min(100%,420px);min-height:42px;border:1px solid #cbdccb;border-radius:11px;background:#fff;color:var(--td-forest);padding:7px 11px;font-size:14px;font-weight:800}.similar-group{content-visibility:auto;contain-intrinsic-size:300px}@media(max-width:760px){.similar-jumps select{width:100%}}.similar-page{max-width:1180px;margin:auto;padding:36px 24px 64px;color:var(--td-ink)}.similar-header{margin-bottom:22px}.similar-back{color:var(--td-green);font-size:13px;font-weight:800;text-decoration:none}.similar-eyebrow{margin:20px 0 2px;color:#70836a;font-size:11px;font-weight:900;letter-spacing:.16em}.similar-header h1{margin:0;font-size:clamp(34px,5vw,52px);letter-spacing:-.06em;line-height:1.2}.similar-header>p:last-child{margin:10px 0 0;color:var(--td-muted);font-size:16px}.similar-panel{padding:18px;border:1px solid var(--td-line);border-radius:20px;background:#fff;box-shadow:var(--td-shadow)}.similar-search{display:flex;align-items:center;gap:10px;min-height:50px;padding:0 14px;border:1px solid #cadaca;border-radius:13px;background:#fcfdf9}.similar-search>span{font-size:23px;color:var(--td-green)}.similar-search input{width:100%;min-height:42px;border:0;outline:0;background:transparent;color:var(--td-ink);font-size:16px}.similar-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.similar-filters button{min-height:38px;border:1px solid #cfddd0;border-radius:999px;background:#fafcf8;color:var(--td-ink);padding:7px 14px;font-weight:800;cursor:pointer}.similar-filters button.active{border-color:var(--td-forest);background:var(--td-forest);color:#f7f8f2}.similar-count{margin:12px 0 0;color:var(--td-muted);font-size:13px}.similar-legend{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:18px 2px;font-size:12px;font-weight:800;color:var(--td-muted)}.similar-legend span{display:inline-flex;align-items:center;gap:5px}.similar-legend i{width:10px;height:10px;border-radius:50%;background:#dce8d7}.similar-legend .tone-low i{background:#dce9f5}.similar-legend .tone-falling i{background:#f8dfd1}.similar-legend .tone-high i{background:#eadff4}.similar-legend .tone-rising i{background:#e1efd2}.similar-legend small{margin-left:auto;font-weight:700}.similar-groups{display:grid;gap:18px}.similar-group{overflow:hidden;border:1px solid var(--td-line);border-radius:20px;background:#fff;box-shadow:var(--td-shadow)}.similar-group>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;background:#f3f7ef;border-bottom:1px solid var(--td-line)}.similar-group header>div{display:flex;align-items:baseline;gap:10px}.similar-group header span{color:var(--td-green);font-size:11px;font-weight:900;letter-spacing:.08em}.similar-group h2{margin:0;color:var(--td-forest);font-size:25px;line-height:1.2}.similar-group header p{max-width:560px;margin:0;color:var(--td-muted);font-size:13px}.similar-table-wrap{overflow-x:auto}.similar-table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;table-layout:fixed}.similar-table :is(th,td){border-right:1px solid #e3ebe0;border-bottom:1px solid #e3ebe0}.similar-table tr>*:last-child{border-right:0}.similar-table tbody tr:last-child>*{border-bottom:0}.similar-table thead th{position:sticky;top:0;z-index:1;padding:11px 8px;background:#f8faf5;color:#4d6258;font-size:13px;text-align:center}.similar-table thead th:first-child{left:0;z-index:3;width:94px;background:#f1f5ed}.similar-table thead th span,.similar-table thead th small{display:block}.similar-table thead th small{color:#89998e;font-size:10px;font-weight:500}.similar-row-label{position:sticky;left:0;z-index:2;width:94px;padding:10px;background:#f8faf5;color:var(--td-forest);font-size:24px;text-align:center}.similar-table td{height:112px;padding:6px;vertical-align:top}.similar-table :is(th,td).tone-mid{background:#fbfdf9}.similar-table :is(th,td).tone-low{background:#f8fbfe}.similar-table :is(th,td).tone-falling{background:#fffaf6}.similar-table :is(th,td).tone-high{background:#fcf9fe}.similar-table :is(th,td).tone-rising{background:#fbfdf7}.similar-word-cell{display:grid;gap:3px;min-height:96px;padding:7px;border-radius:10px;background:#fff;box-shadow:0 2px 8px #153c310b}.similar-word-main{display:grid;gap:0;width:100%;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.similar-word-main b{color:#0d776e;font-size:24px;line-height:1.15}.similar-word-main span{overflow:hidden;color:#31483e;font-size:12px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.similar-word-main small{color:#708276;font-size:10px}.similar-word-main em{font-style:normal}.similar-word-meta{display:flex;align-items:center;justify-content:space-between;gap:5px}.similar-word-meta button{border:0;background:transparent;color:#bc741d;font-size:17px;line-height:1;cursor:pointer}.similar-word-meta button.is-starred{color:#d38712}.similar-word-meta small{color:#7b8b82;font-size:10px}.similar-add-word{justify-self:start;border:0;border-radius:7px;background:#e4f2e1;color:#176044;padding:3px 6px;font-size:10px;font-weight:900;cursor:pointer}.similar-empty{padding:30px;color:var(--td-muted);text-align:center}@media(max-width:760px){.similar-page{padding:24px 14px 44px}.similar-header h1{font-size:35px}.similar-header>p:last-child{font-size:14px}.similar-panel{padding:13px;border-radius:16px}.similar-search input{font-size:16px}.similar-legend{gap:9px;font-size:11px}.similar-legend small{width:100%;margin-left:0}.similar-group{border-radius:16px}.similar-group>header{display:block;padding:14px}.similar-group header p{margin-top:7px;font-size:12px}.similar-table{min-width:680px}.similar-table thead th:first-child,.similar-row-label{width:68px}.similar-table td{height:104px}.similar-word-cell{min-height:89px}.similar-word-main b{font-size:21px}}@media(prefers-reduced-motion:reduce){.similar-page *{scroll-behavior:auto!important}}.similar-page{max-width:1440px;padding:16px 24px 32px}.similar-header{display:flex;align-items:center;gap:16px;margin-bottom:12px;flex-wrap:wrap}.similar-header h1{font-size:30px}.similar-study-link{margin-left:auto;color:var(--td-forest);font-size:13px;font-weight:800}.similar-panel{position:sticky;top:0;z-index:5;padding:10px;border-radius:14px;display:flex;align-items:center;gap:12px}.similar-search{flex:1;min-width:180px;min-height:40px}.similar-search input{min-height:38px}.similar-filters{margin:0;gap:4px}.similar-filters button{padding:6px 10px;min-height:36px}.similar-help{margin:8px 0 12px;font-size:12px;color:var(--td-muted)}.similar-help summary{cursor:pointer;width:fit-content;padding:4px}.similar-workspace{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:start}.similar-browser{position:sticky;top:76px;border:1px solid var(--td-line);border-radius:14px;background:#fff;overflow:hidden}.similar-count{margin:0;padding:10px;font-size:12px}.similar-group-list{max-height:calc(100dvh - 230px);min-height:150px;overflow:auto;overscroll-behavior:contain;padding:4px}.similar-group-list button{display:grid;gap:3px;width:100%;text-align:left;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:var(--td-ink);cursor:pointer}.similar-group-list button:hover{background:#f3f7ef}.similar-group-list button[aria-current=true]{background:#e5efdb;box-shadow:inset 3px 0 var(--td-forest)}.similar-group-list span{font-size:16px;font-weight:700}.similar-group-list small{font-size:11px;color:var(--td-muted)}.similar-list-toggle{display:none}.similar-comparison{min-width:0}.similar-pager{display:flex;gap:8px;position:sticky;top:76px;z-index:4;background:var(--td-bg,#f7f8f2);padding:0 0 10px}.similar-pager button,.similar-pager select,.similar-empty button{border:1px solid var(--td-line);border-radius:9px;background:#fff;color:var(--td-forest);min-height:38px;padding:7px 10px;font-weight:700}.similar-pager button{flex:none;cursor:pointer}.similar-pager button:disabled{opacity:.4;cursor:default}.similar-pager select{flex:1;min-width:0}.similar-group{content-visibility:visible;contain-intrinsic-size:none;border-radius:14px}.similar-group>header{padding:12px 14px;gap:10px;flex-wrap:wrap}.similar-group h2{font-size:25px}.similar-group header p{font-size:12px}.similar-table{min-width:650px}.similar-table thead th:first-child,.similar-row-label{width:60px}.similar-table thead th{padding:7px 4px}.similar-table td{height:auto;padding:4px}.similar-row-label{padding:6px;font-size:22px}.similar-word-cell{position:relative;min-height:0;padding:6px;border-radius:7px;gap:2px}.similar-word-main{padding:0}.similar-word-main b{font-size:25px;line-height:1.3;overflow-wrap:anywhere}.similar-word-main span{white-space:normal;overflow:visible;font-size:12px;line-height:1.35}.similar-word-main small{font-size:11px;overflow-wrap:anywhere}.similar-word-meta{min-height:22px}.similar-word-meta button{min-width:28px;min-height:26px}.similar-page :is(button,select,summary,input):focus-visible{outline:2px solid #0d776e;outline-offset:2px}@media(max-width:1050px){.similar-panel{flex-wrap:wrap}.similar-search{flex-basis:100%}.similar-browser,.similar-pager{top:124px}.similar-workspace{grid-template-columns:180px minmax(0,1fr)}.similar-group-list{max-height:calc(100dvh - 280px)}}@media(max-width:760px){.similar-page{padding:12px 12px 24px}.similar-header{gap:8px}.similar-header h1{font-size:26px}.similar-back,.similar-study-link{font-size:11px}.similar-panel{gap:6px;padding:8px}.similar-filters{flex-wrap:nowrap;overflow-x:auto;width:100%}.similar-filters button{white-space:nowrap;font-size:12px;padding:6px 8px}.similar-workspace{display:block}.similar-browser{position:static;margin-bottom:8px}.similar-list-toggle{display:block;width:100%;border:0;background:#fff;color:var(--td-forest);padding:10px;text-align:left;font-weight:800}.similar-browser .similar-count{padding:0 10px 8px}.similar-group-list{display:none;max-height:240px}.similar-browser.is-open .similar-group-list{display:block}.similar-pager{top:114px;gap:4px}.similar-pager button{padding:6px}.similar-table{min-width:620px}.similar-group>header{padding:10px 12px}.similar-word-main b{font-size:24px}.similar-help{margin:6px 0}.similar-study-set,.similar-study-categories,.similar-legend{margin:8px 0}}.similar-page .similar-groups,.similar-page .similar-group{min-width:0}.similar-attack-link{border:1px solid #bcd8c1;border-radius:9px;background:#eff9ef;color:var(--td-forest);padding:8px 10px;font-size:13px;font-weight:900;text-decoration:none}.similar-attack-page{max-width:860px}.similar-attack-setup,.similar-attack-result,.similar-attack-card{display:grid;gap:14px;padding:22px;border:1px solid var(--td-line);border-radius:18px;background:#fff;box-shadow:var(--td-shadow)}.similar-attack-setup>button{display:grid;gap:5px;padding:16px;border:1px solid #bcd8c1;border-radius:12px;background:#f6fbf5;color:var(--td-forest);text-align:left;cursor:pointer}.similar-attack-setup strong{font-size:18px}.similar-attack-setup small{color:var(--td-muted)}.similar-attack-score{margin-left:auto;font-weight:800;color:var(--td-green)}.similar-attack-timer{position:relative;overflow:hidden;height:34px;border-radius:999px;background:#eef2ec}.similar-attack-timer span{display:block;height:100%;background:#71be7e;transition:width .05s linear}.similar-attack-timer b{position:absolute;top:7px;right:0;bottom:7px;left:0;text-align:center;color:#174b35;font-size:13px}.similar-attack-prompt{white-space:pre-line;margin:8px 0;font-size:clamp(22px,5vw,34px);font-weight:900;line-height:1.45;text-align:center}.similar-attack-audio{justify-self:center;border:0;border-radius:10px;background:var(--td-forest);color:#fff;padding:10px 13px;font-weight:800;cursor:pointer}.similar-attack-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.similar-attack-choices button{min-height:58px;border:1px solid #c8ddca;border-radius:10px;background:#fff;color:var(--td-ink);font-size:16px;font-weight:800;text-align:left;cursor:pointer}.similar-attack-choices kbd{display:inline-grid;place-items:center;min-width:27px;margin:0 9px;border-radius:5px;background:#eff5eb;color:var(--td-forest);font:700 13px inherit}.similar-attack-answer{margin:0;padding:10px;border-radius:9px;background:#fff1e8;color:#9a4e12;font-weight:800}.similar-attack-result button{width:fit-content}.similar-attack-result .secondary{background:#edf2ee;color:var(--td-forest)}@media(max-width:600px){.similar-attack-choices{grid-template-columns:1fr}.similar-attack-score{margin-left:0;width:100%}}.similar-page .similar-group-list{max-height:calc(100dvh - 330px)}@media(max-width:760px){.similar-page .similar-group-list{max-height:240px}.similar-page .similar-browser .similar-count{display:none}.similar-page .similar-header{margin-bottom:8px}}.similar-keyboard-help{margin:0 0 8px;color:var(--td-muted);font-size:12px;text-align:right}.similar-word-cell.is-focused{outline:2px solid #0d776e;outline-offset:-2px;background:#eff9e8;box-shadow:0 0 0 3px #d8ef8d80}@media(max-width:760px){.similar-keyboard-help{display:none}.similar-group>header{padding:7px 10px}.similar-group header p{line-height:1.25}}.diary-page{max-width:900px;margin:auto;padding:32px 20px 64px;color:var(--td-ink)}.diary-page header>a{color:var(--td-green);font-weight:800;text-decoration:none}.diary-page header>p{margin:20px 0 2px;color:var(--td-green);font-size:11px;font-weight:900;letter-spacing:.14em}.diary-page h1{margin:0;font-size:clamp(34px,6vw,52px);letter-spacing:-.06em}.diary-page header>span{display:block;margin-top:8px;color:var(--td-muted)}.diary-compose,.diary-results,.diary-phrasebook{margin-top:22px;padding:20px;border:1px solid var(--td-line);border-radius:18px;background:#fff;box-shadow:var(--td-shadow)}.diary-compose label{display:grid;gap:8px;font-weight:900}.diary-compose textarea{min-height:160px;padding:13px;border:1px solid #bdd6c1;border-radius:12px;font:inherit;resize:vertical}.diary-compose div,.diary-results article aside{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.diary-compose button,.diary-results button,.diary-phrasebook button{border:0;border-radius:9px;background:var(--td-forest);color:#fff;padding:10px 13px;font-weight:800;cursor:pointer}.diary-compose button:disabled{opacity:.55;cursor:default}.diary-compose p{color:var(--td-muted);font-size:13px}.diary-results h2,.diary-phrasebook h2{margin:0 0 14px}.diary-results article{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid var(--td-line)}.diary-results article:first-of-type{border-top:0}.diary-results span{color:var(--td-green);font-size:12px;font-weight:900}.diary-results h3{margin:5px 0;color:#087f70;font-size:25px}.diary-results p{margin:6px 0;color:var(--td-muted);font-size:14px}.diary-results p b{display:block;color:var(--td-ink);font-size:12px}.diary-results aside{flex:none;margin:0;height:min-content}.diary-phrasebook small{color:var(--td-muted);font-size:13px}.diary-phrasebook article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px;padding:10px 0;border-top:1px solid var(--td-line)}.diary-phrasebook strong{color:#087f70;font-size:20px}.diary-phrasebook span{color:var(--td-muted);font-size:13px}.diary-phrasebook button{grid-column:2;grid-row:1/3;align-self:center;background:#edf7f0;color:var(--td-forest)}@media(max-width:600px){.diary-page{padding:20px 14px}.diary-results article{display:block}.diary-results article aside{margin-top:10px}}.missions-page{max-width:1100px;margin:auto;padding:32px 20px 64px;color:var(--td-ink)}.missions-page header>a{color:var(--td-green);font-weight:800;text-decoration:none}.missions-page header>p{margin:20px 0 2px;color:var(--td-green);font-size:11px;font-weight:900;letter-spacing:.14em}.missions-page h1{margin:0;font-size:clamp(34px,6vw,52px);letter-spacing:-.06em}.missions-page header>span{display:block;margin-top:8px;color:var(--td-muted)}.missions-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;margin-top:24px}.missions-layout nav{display:grid;gap:7px;align-content:start}.missions-layout nav button{display:grid;gap:3px;border:1px solid var(--td-line);border-radius:11px;background:#fff;color:var(--td-ink);padding:12px;text-align:left;cursor:pointer}.missions-layout nav button.active{border-color:var(--td-forest);background:#eff9ef}.missions-layout nav small{color:var(--td-muted)}.mission-card{padding:22px;border:1px solid var(--td-line);border-radius:18px;background:#fff;box-shadow:var(--td-shadow)}.mission-card h2{margin:0 0 16px}.mission-situation{margin:0;color:var(--td-green);font-size:13px;font-weight:800}.mission-card article{padding:13px 0;border-top:1px solid var(--td-line)}.mission-card article span{display:block;color:var(--td-muted);font-size:12px;font-weight:800}.mission-card article strong{display:block;margin-top:5px;color:#087f70;font-size:24px}.mission-card article p{margin:4px 0;color:var(--td-muted)}.mission-card article small{display:block;padding:8px;border-radius:7px;background:#eff9ef;color:#386149}.mission-card article.is-natural{margin:0 -12px;padding:13px 12px;border-radius:10px;background:#f4fcf5}.mission-keywords{margin-top:16px}.mission-keywords h3{margin:0 0 8px}.mission-keywords button{margin:0 7px 7px 0;border:1px solid #bcd8c1;border-radius:9px;background:#fff;padding:7px 9px;color:var(--td-ink);cursor:pointer}.mission-keywords strong{display:block;color:#087f70}.mission-keywords span{font-size:12px}.mission-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.mission-actions :is(button,a){border:0;border-radius:9px;background:var(--td-forest);color:#fff;padding:10px 12px;font-weight:800;text-decoration:none;cursor:pointer}.mission-actions a{background:#edf7f0;color:var(--td-forest)}.mission-card>[role=status]{color:var(--td-green);font-weight:800}@media(max-width:700px){.missions-page{padding:20px 14px}.missions-layout{grid-template-columns:1fr}.missions-layout nav{grid-template-columns:repeat(2,minmax(0,1fr))}.missions-layout nav button{font-size:12px}}.english-page{min-height:100vh;box-sizing:border-box;background:#f7f8fb;color:#14213d;padding:16px 12px 28px;overflow-x:hidden}.english-header,.english-score-grid,.english-toolbar,.english-tabs,.english-panel{max-width:960px;margin-left:auto;margin-right:auto}.english-back{color:#2563eb;font-size:13px;font-weight:800;text-decoration:none}.english-header h1{margin:8px 0 4px;font-size:28px;line-height:1.1}.english-header p{margin:0 0 14px;color:#475569}.english-score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.score-card{display:grid;gap:4px;min-height:66px;border:1px solid #d8dee9;border-radius:8px;background:#fff;padding:10px;box-sizing:border-box}.score-card span{color:#64748b;font-size:12px;font-weight:700}.score-card strong{font-size:20px}.english-toolbar{display:grid;gap:10px;margin-bottom:10px}.english-toolbar label{display:grid;gap:6px;color:#334155;font-size:13px;font-weight:800}.english-toolbar select,.audio-controls select,.dictation-tools select,.english-panel textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#0f172a;font:inherit}.english-toolbar select,.audio-controls select,.dictation-tools select{min-height:46px;padding:0 10px}.mode-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mode-switch button,.phrase-filter button,.english-tabs button,.player-controls button,.current-chunk button,.loop-box button,.linking-box button,.dictation-tools button,.wide-primary,.rating-buttons button,.chunk-actions button,.lesson-header button,.review-item button{border:0;border-radius:8px;background:#e2e8f0;color:#0f172a;cursor:pointer;font-weight:800}.mode-switch button{min-height:46px}.mode-switch.two{grid-template-columns:repeat(2,minmax(0,1fr))}.audio-controls{display:grid;gap:8px}.audio-controls label{display:grid;gap:6px;color:#334155;font-size:13px;font-weight:800}.mode-switch button.active,.phrase-filter button.active,.english-tabs button.active,.wide-primary,.player-controls .primary{background:#1d4ed8;color:#fff}.english-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:5px;margin-bottom:10px}.english-tabs button{flex:0 0 auto;min-height:42px;padding:0 12px}.english-panel{border:1px solid #d8dee9;border-radius:8px;background:#fff;padding:12px;box-sizing:border-box}.lesson-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;margin-bottom:10px}.lesson-header span{color:#64748b;font-size:12px;font-weight:800}.lesson-header h2{margin:3px 0 0;font-size:22px;line-height:1.2}.lesson-header button{min-height:40px;padding:0 12px;background:#fee2e2;color:#991b1b}.script-text{margin:10px 0;border-left:4px solid #1d4ed8;padding-left:10px;font-size:19px;line-height:1.55}.meaning-text{color:#475569;line-height:1.6}.speech-message{margin:0 0 10px;border-radius:8px;background:#fff7ed;color:#9a3412;padding:10px;font-weight:800}.player-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}.player-controls button{min-height:52px;padding:0 8px}.player-controls.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.listen-status,.reveal-box{display:grid;gap:10px;border-radius:8px;background:#f8fafc;padding:12px}.listen-status{grid-template-columns:minmax(0,1fr) auto;align-items:center;margin-bottom:12px}.listen-status button{min-height:40px;border:0;border-radius:8px;background:#e2e8f0;color:#0f172a;cursor:pointer;font-weight:800;padding:0 12px}.check-line{display:flex;gap:8px;align-items:center;font-weight:800}.current-chunk{display:grid;gap:8px;border-radius:8px;background:#eff6ff;padding:12px}.current-chunk span,.loop-box small,.phrase-card small,.chunk-card small{color:#64748b}.current-chunk button,.loop-box button,.linking-box button{min-height:40px}.loop-box{display:grid;grid-template-columns:1fr 48px 48px;gap:8px;align-items:center;margin:12px 0}.loop-box label{display:flex;gap:8px;align-items:center;font-weight:800}.loop-box small{grid-column:1 / -1}.linking-box{display:flex;flex-wrap:wrap;gap:8px}.linking-box h3{flex:1 0 100%;margin:4px 0 0}.linking-box button{padding:0 10px;background:#fef3c7;color:#92400e}.dictation-tools{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:10px}.dictation-tools button{min-width:86px}.english-panel textarea{min-height:132px;padding:12px;resize:vertical}.wide-primary{width:100%;min-height:50px;margin-top:10px}.result-box{margin-top:12px;border-radius:8px;background:#f1f5f9;padding:12px}.rating-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.rating-buttons button{min-height:50px}.shadowing-box{margin-top:12px}.shadowing-box h3{margin:0}.chunk-list,.phrase-list,.review-list{display:grid;gap:10px}.chunk-card,.phrase-card,.review-item{border:1px solid #e2e8f0;border-radius:8px;padding:10px}.chunk-card.active{border-color:#1d4ed8;background:#eff6ff}.chunk-main{display:grid;gap:5px;width:100%;border:0;background:transparent;color:inherit;text-align:left}.chunk-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.chunk-actions button{min-height:42px}.chunk-actions.three{grid-template-columns:repeat(2,minmax(0,1fr))}.phrase-card{display:grid;gap:8px}.phrase-card p{margin:0;color:#334155}.tag-row{display:flex;flex-wrap:wrap;gap:6px}.tag-row span{border-radius:999px;background:#e0f2fe;color:#075985;padding:3px 8px;font-size:12px;font-weight:800}.phrase-filter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.phrase-filter button{min-height:42px;padding:0 12px}.phrase-source{color:#64748b;font-size:12px;font-weight:800}.phrase-parts{display:grid;gap:8px}.phrase-parts div,.example-list p{display:grid;gap:4px;border-left:4px solid #bfdbfe;padding-left:10px}.phrase-parts span,.example-list span{color:#475569}.example-list{display:grid;gap:8px}.word-grid{display:flex;flex-wrap:wrap;gap:8px}.word-grid button{min-width:58px;min-height:42px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:#0f172a;cursor:pointer;font-weight:800;padding:0 10px}.word-grid button.revealed{border-color:#93c5fd;background:#dbeafe}.word-grid button:disabled{cursor:default}.review-list h2{margin:12px 0 0;font-size:18px}.review-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.review-item button:first-child{display:grid;gap:3px;background:transparent;text-align:left}.review-item button:last-child{min-height:40px;padding:0 12px;background:#fee2e2;color:#991b1b}@media(min-width:720px){.english-page{padding-top:24px}.english-score-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.english-toolbar{grid-template-columns:minmax(0,1fr) 320px;align-items:end}.player-controls{grid-template-columns:repeat(6,minmax(0,1fr))}.player-controls.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.chunk-actions.three{grid-template-columns:repeat(4,minmax(0,1fr))}}.generator-page textarea{min-height:260px}.generator-layout{display:grid;gap:12px;max-width:1180px;margin:0 auto}.generator-input,.generator-preview{display:grid;gap:12px}.field-stack{display:grid;gap:6px;color:#334155;font-size:13px;font-weight:800}.field-stack input,.field-stack select,.field-stack textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#0f172a;font:inherit;padding:10px}.field-stack input,.field-stack select{min-height:44px}.generator-grid{display:grid;gap:10px}.generator-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.generator-actions button{min-height:44px;border:0;border-radius:8px;background:#e2e8f0;color:#0f172a;cursor:pointer;font-weight:800;padding:0 12px}.generator-actions button:disabled,.wide-primary:disabled{cursor:not-allowed;opacity:.55}.status-message{margin:0;border-radius:8px;background:#f8fafc;color:#334155;padding:10px;line-height:1.5}.generator-counts{display:flex;flex-wrap:wrap;gap:8px}.generator-counts span{border-radius:999px;background:#e0f2fe;color:#075985;padding:4px 10px;font-size:12px;font-weight:800}.lesson-preview-list{display:grid;gap:10px}.placeholder-box{display:grid;gap:8px;border-radius:8px;background:#f8fafc;padding:12px}.placeholder-box p{margin:0;color:#475569}.local-file-list{display:grid;gap:8px}.source-directory{margin:0;color:#475569;font-size:12px;overflow-wrap:anywhere}.file-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;border:1px solid #e2e8f0;border-radius:8px;background:#fff;padding:10px}.file-row.has-warning{border-color:#fde68a;background:#fffbeb}.file-main{display:grid;gap:3px;min-width:0}.file-main strong,.file-main small{overflow-wrap:anywhere}.file-main small,.file-meta{color:#64748b;font-size:12px}.file-warning{color:#92400e;font-weight:800}.file-meta{grid-column:2}@media(min-width:960px){.generator-layout{grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);align-items:start}.generator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.file-row{grid-template-columns:auto minmax(0,1fr) 110px 90px}.file-meta{grid-column:auto}}.ai-magazine{min-height:100vh;background:#f7f8f5;color:#1f2933;font-family:Inter,Segoe UI,system-ui,sans-serif}.mag-header{align-items:center;background:#f7f8f5f5;border-bottom:1px solid #dbe1dc;display:flex;justify-content:space-between;padding:16px 32px;position:sticky;top:0;z-index:2}.brand{align-items:center;color:inherit;display:flex;gap:10px;text-decoration:none}.brand-mark{align-items:center;background:#102a43;border-radius:8px;color:#fff;display:inline-flex;font-weight:800;height:38px;justify-content:center;width:38px}.brand small{color:#667085;display:block;font-size:12px;margin-top:2px}.mag-header nav{display:flex;flex-wrap:wrap;gap:14px}.mag-header nav a,.section-title a,.article-card a,.topic-pill,.admin-row a{color:#0f5e5e;font-weight:700;text-decoration:none}.ai-magazine main{margin:0 auto;max-width:1180px;padding:28px 24px 64px}.hero{align-items:stretch;display:grid;gap:28px;grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr);margin:28px 0 40px}.hero>div:first-child{background:#fff;border:1px solid #dbe1dc;border-radius:8px;padding:42px}.eyebrow{color:#0f766e;font-size:13px;font-weight:800;letter-spacing:0;margin:0 0 12px}.ai-magazine h1{font-size:38px;letter-spacing:0;line-height:1.18;margin:0 0 14px}.ai-magazine h2{font-size:22px;margin:0 0 14px}.lead,.hero p{color:#475467;font-size:16px;line-height:1.8}.hero-actions,.card-actions,.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.primary,.secondary,.ai-magazine button,.card-actions a{border:1px solid #0f5e5e;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:800;padding:9px 14px;text-decoration:none}.primary,.ai-magazine button{background:#0f5e5e;color:#fff}.secondary,.card-actions a{background:#fff;color:#0f5e5e}.ai-magazine button.danger{background:#9f1239;border-color:#9f1239}.hima-panel{background:#102a43;border-radius:8px;color:#fff;display:flex;flex-direction:column;justify-content:end;min-height:280px;padding:28px}.hima-panel span{color:#9eead7;font-size:13px;font-weight:900}.hima-panel strong{font-size:26px;line-height:1.3;margin:10px 0}.hima-panel p{color:#d9e2ec}.section-title{align-items:center;display:flex;justify-content:space-between;margin:34px 0 14px}.article-grid,.topic-grid,.video-grid,.admin-card-grid,.metric-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.article-card,.topic-card,.video-card,.admin-card,.metric,.notice,.admin-row,.json-preview{background:#fff;border:1px solid #dbe1dc;border-radius:8px}.article-card,.topic-card,.video-card,.admin-card,.metric{padding:18px}.article-card span,.video-card span,.topic-card span,.admin-row span,.metric span{color:#667085;display:block;font-size:13px}.article-card h3,.admin-card h3{font-size:18px;line-height:1.45;margin:8px 0}.article-card p,.admin-card p,.topic-card span{color:#475467;line-height:1.65}.article-card small{color:#667085}.topic-card,.video-card{color:inherit;min-height:120px;text-decoration:none}.page-shell,.article-detail{margin:24px auto;max-width:920px}.article-detail section,.page-shell section{margin-top:28px}.notice{color:#344054;line-height:1.7;margin:20px 0;padding:16px}.admin-secret-panel,.data-status{align-items:center;background:#fff;border:1px solid #dbe1dc;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:12px}.admin-secret-panel label{align-items:center;color:#344054;display:flex;flex:1;font-size:13px;font-weight:800;gap:10px}.admin-secret-panel input{border:1px solid #cbd5e1;border-radius:6px;flex:1;font-size:14px;min-width:180px;padding:9px 10px}.data-status{color:#9f1239;font-size:13px;font-weight:800}.data-status.live{color:#0f5e5e}.source-list a{color:#0f5e5e;overflow-wrap:anywhere}.video-frame{align-items:center;aspect-ratio:16 / 9;background:#102a43;border-radius:8px;color:#fff;display:flex;font-size:22px;font-weight:800;justify-content:center;margin:20px 0}.detail-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.metric strong{display:block;font-size:34px;margin-top:8px}.table-list{display:grid;gap:12px}.admin-row{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:14px}.score{background:#edf7f4;border-radius:6px;color:#0f5e5e;display:inline-flex;font-size:24px;font-weight:900;padding:6px 10px}.flags{display:flex;flex-wrap:wrap;gap:8px}.flags span,.summary-strip span,.topic-pill{background:#eef2f6;border-radius:999px;color:#344054;display:inline-flex;font-size:12px;font-weight:800;padding:6px 10px}.summary-strip{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.json-preview{line-height:1.6;max-height:460px;overflow:auto;padding:16px;white-space:pre-wrap}.edit-row{align-items:center;background:#fff;border:1px solid #dbe1dc;border-radius:8px;display:grid;gap:10px;grid-template-columns:1.1fr .8fr 1.8fr .8fr .55fr auto;margin-bottom:12px;padding:12px}.source-edit-row{grid-template-columns:1fr .8fr 1fr 1.4fr .9fr .55fr auto}.edit-row input,.edit-row select{border:1px solid #cbd5e1;border-radius:6px;font-size:13px;min-width:0;padding:9px 10px}.check-label{align-items:center;color:#344054;display:flex;font-size:13px;font-weight:800;gap:6px}.admin-message{background:#edf7f4;border:1px solid #b7ded1;border-radius:8px;color:#0f5e5e;font-weight:800;margin-bottom:12px;padding:12px}@media(max-width:760px){.mag-header,.admin-row,.edit-row,.source-edit-row{align-items:flex-start;flex-direction:column;grid-template-columns:1fr}.hero{grid-template-columns:1fr}.hero>div:first-child{padding:26px}h1{font-size:30px}}.market-signal{background:#f5f7f8;color:#172026;font-family:Inter,Segoe UI,system-ui,sans-serif;min-height:100vh}.signal-header{align-items:center;background:#f5f7f8f5;border-bottom:1px solid #d8dee4;display:flex;justify-content:space-between;padding:14px 18px;position:sticky;top:0;z-index:2}.signal-brand,.signal-home-link{color:inherit;text-decoration:none}.signal-brand{align-items:center;display:flex;gap:10px}.signal-brand span{align-items:center;background:#12343b;border-radius:8px;color:#fff;display:inline-flex;font-size:13px;font-weight:900;height:36px;justify-content:center;width:36px}.signal-home-link{color:#28666e;font-size:13px;font-weight:800}.signal-main{margin:0 auto;max-width:1180px;padding:18px 14px 56px}.signal-hero{align-items:end;background:#fff;border:1px solid #d8dee4;border-radius:8px;display:grid;gap:18px;grid-template-columns:minmax(0,1fr);padding:24px}.signal-eyebrow{color:#28666e;font-size:12px;font-weight:900;letter-spacing:0;margin:0 0 8px}.signal-hero h1{font-size:30px;letter-spacing:0;line-height:1.2;margin:0 0 10px}.signal-hero p,.topic-detail p,.info-block p,.source-status{color:#52616b;line-height:1.7}.signal-hero button,.market-signal button{border:0;border-radius:6px;cursor:pointer;font-weight:800}.signal-hero button,.empty button{background:#12343b;color:#fff;min-height:42px;padding:10px 16px}.market-signal button:disabled{cursor:progress;opacity:.65}.signal-message,.signal-panel,.metric-card{background:#fff;border:1px solid #d8dee4;border-radius:8px}.signal-message{color:#28666e;font-size:13px;font-weight:800;margin-top:14px;padding:12px}.dashboard-grid{display:grid;gap:12px;grid-template-columns:1fr;margin:16px 0}.metric-card,.signal-panel{padding:16px}.metric-card span,.signal-section-title span,.info-block span{color:#697883;display:block;font-size:12px;font-weight:800}.metric-card strong{display:block;font-size:18px;line-height:1.45;margin-top:8px}.signal-layout,.reference-grid{display:grid;gap:14px;grid-template-columns:1fr;margin-top:14px}.signal-section-title{align-items:start;display:flex;gap:10px;justify-content:space-between}.signal-section-title h2,.signal-panel h2{font-size:20px;letter-spacing:0;margin:0 0 12px}.topic-stack,.compact-list,.history-panel{display:grid;gap:10px}.topic-card{align-items:start;background:#f9fbfb;border:1px solid #d8dee4;color:inherit;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr);padding:12px;text-align:left;width:100%}.topic-card.active{border-color:#28666e;box-shadow:inset 3px 0 #28666e}.topic-card small{color:#52616b;display:block;line-height:1.55;margin-top:6px}.rank{align-items:center;background:#12343b;border-radius:6px;color:#fff;display:inline-flex;font-weight:900;height:28px;justify-content:center;width:28px}.signal-badge{border-radius:999px;display:inline-flex;font-size:12px;font-weight:900;justify-self:start;padding:5px 9px}.signal-badge.positive{background:#e5f7ed;color:#17633a}.signal-badge.negative,.signal-badge.high{background:#fdecec;color:#9d2424}.signal-badge.neutral,.signal-badge.medium{background:#eef2f6;color:#3a4a55}.signal-badge.mixed,.signal-badge.low{background:#fff3d7;color:#7a4f00}.badge-row,.chip-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.info-block{border-top:1px solid #e5e9ed;padding:12px 0}.info-block p{margin:6px 0 0}.topic-detail details,.signal-panel details{border-top:1px solid #e5e9ed;padding:12px 0}.topic-detail summary,.signal-panel summary{cursor:pointer;font-weight:900}.source-list{display:grid;gap:10px;list-style:none;padding:0}.source-list a{color:#28666e;font-weight:900}.source-list span{color:#52616b;display:block;font-size:13px;margin-top:3px}.compact-list div{border-bottom:1px solid #e5e9ed;padding-bottom:8px}.compact-list span{color:#52616b;display:block;font-size:13px;margin-top:3px}.chip-list span{background:#eef2f6;border-radius:999px;color:#34444d;font-size:12px;font-weight:800;padding:6px 10px}.rule-list{color:#52616b;line-height:1.7;margin:0;padding-left:18px}.signal-panel pre{background:#172026;border-radius:8px;color:#edf4f7;font-size:12px;line-height:1.6;max-height:360px;overflow:auto;padding:12px;white-space:pre-wrap}.history-row{background:#f9fbfb;border:1px solid #d8dee4;color:inherit;display:grid;gap:4px;padding:12px;text-align:left;width:100%}.history-row.active{border-color:#28666e}.history-row span,.history-row small{color:#697883}.empty{margin-top:16px}@media(min-width:760px){.signal-main{padding:28px 24px 72px}.signal-hero{grid-template-columns:minmax(0,1fr) auto;padding:32px}.signal-hero h1{font-size:40px}.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card.wide{grid-column:span 2}.signal-layout{grid-template-columns:minmax(320px,.95fr) minmax(0,1.35fr)}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.invest-macro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.invest-macro-card{display:grid;grid-template-columns:1fr auto;gap:8px 16px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;min-width:0}.invest-macro-card h3{font-size:13px;margin:5px 0 0}.invest-macro-card>strong{font-size:22px;align-self:center;font-variant-numeric:tabular-nums}.invest-macro-card p{grid-column:1/-1;color:var(--muted);font-size:10px;line-height:1.6;margin:0}.invest-macro-card>a{grid-column:1/-1;color:var(--green);text-decoration:none;font-size:10px;font-weight:700}.invest-event-list{display:grid}.invest-event-row{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(180px,1fr) auto;gap:14px;align-items:center;border-top:1px solid #edf1ef;padding:15px 0}.invest-event-row>div{display:flex;align-items:flex-start;gap:10px}.invest-event-row>div>div{display:grid;gap:5px}.invest-event-row strong{font-size:12px}.invest-event-row small,.invest-event-row p{font-size:10px;line-height:1.6;color:var(--muted);margin:0}.invest-event-row p{display:grid}.invest-event-row>a{font-size:10px;color:var(--green);font-weight:700;text-decoration:none;white-space:nowrap}.invest-event-row.compact{grid-template-columns:1fr auto;padding:10px 0}.invest-event-row.compact p{grid-column:1;grid-row:2;margin-left:18px}.invest-event-row.compact>a{grid-column:2;grid-row:1/3}.invest-macro-detail{margin-top:16px}.invest-indicator-row{display:grid;grid-template-columns:1.1fr 1fr .8fr auto;gap:12px;align-items:center;border-top:1px solid #edf1ef;padding:14px 0}.invest-indicator-row>div{display:grid;gap:4px}.invest-indicator-row strong,.invest-indicator-row b{font-size:12px}.invest-indicator-row small,.invest-indicator-row span{color:var(--muted);font-size:10px}.invest-indicator-row>a{font-size:10px;color:var(--green);text-decoration:none}.invest-symbol-picker,.invest-range-picker,.invest-chart-legend{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.invest-symbol-picker label,.invest-range-picker button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 11px;color:var(--ink);font:inherit;font-size:11px;cursor:pointer}.invest-symbol-picker input{accent-color:var(--green)}.invest-range-picker button.active{background:#eaf3ee;color:var(--green-dark);border-color:#b9d3c6;font-weight:750}.invest-chart-wrap{width:100%;overflow:hidden;margin:15px 0 5px}.invest-chart-wrap svg{display:block;width:100%;height:auto;overflow:visible}.invest-chart-wrap line{stroke:#e4ebe7;stroke-width:1}.invest-chart-wrap text{fill:#75837c;font-size:11px;font-family:inherit}.invest-chart-legend{gap:18px}.invest-chart-legend span{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:750}.invest-chart-legend i{width:10px;height:10px;border-radius:50%}.invest-table-caption{caption-side:top;text-align:left;color:var(--muted);font-size:10px;padding:10px}@media(max-width:700px){.invest-macro-grid{grid-template-columns:1fr}.invest-event-row{grid-template-columns:1fr;gap:7px}.invest-event-row>a{grid-column:1;grid-row:auto}.invest-event-row.compact{grid-template-columns:1fr auto}.invest-indicator-row{grid-template-columns:1fr auto;gap:6px 12px}.invest-indicator-row>span{grid-column:1}.invest-indicator-row>a{grid-column:2;grid-row:1/3}.invest-chart-wrap svg{width:760px;max-width:none}.invest-chart-wrap{overflow-x:auto;padding-bottom:4px}}.invest-news-list{display:grid}.invest-news-list article{display:grid;gap:6px;padding:12px 0;border-top:1px solid #edf1ef}.invest-news-list a{color:var(--ink);font-size:12px;line-height:1.7;font-weight:700;text-decoration:none}.invest-news-list a:hover{color:var(--green)}.invest-news-list small{color:var(--muted);font-size:10px}.invest-quote-foot{display:grid;gap:4px}.invest-quote-foot a,.invest-mini-quote a{color:var(--green);font-size:9px;text-decoration:none}.invest-quote-foot strong{color:#a0443d;font-size:10px}.invest-app{--ink:#15231f;--muted:#687772;--line:#e1e9e5;--paper:#f5f8f6;--green:#126b53;--green-dark:#0b503e;min-height:100vh;background:var(--paper);color:var(--ink);font-family:Inter,Noto Sans JP,system-ui,sans-serif;font-size:14px}.invest-app *{box-sizing:border-box}.invest-header{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(28px,calc((100vw - 1240px)/2));gap:44px}.invest-brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:15px;font-weight:850;letter-spacing:.12em;text-decoration:none}.invest-brand-mark{width:34px;height:34px;border-radius:11px;background:var(--green);color:#fff;display:grid;place-items:center;font-family:Georgia,serif;font-size:22px;font-style:italic}.invest-brand-sub{display:block;font-size:8px;color:#7b8b85;letter-spacing:.16em;margin-top:3px}.invest-nav{display:flex;align-items:center;gap:8px;flex:1}.invest-nav a{padding:10px 13px;border-radius:8px;color:#60716a;text-decoration:none;font-size:13px}.invest-nav a.active,.invest-nav a:hover{background:#edf5f1;color:var(--green-dark);font-weight:700}.invest-account{display:flex;align-items:center;gap:9px;color:#53635c;font-size:12px;white-space:nowrap}.invest-sync-dot,.invest-event-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:#25a374}.invest-quiet-button,.invest-login-button,.invest-secondary,.invest-primary{border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);padding:10px 14px;font:inherit;font-weight:650;cursor:pointer}.invest-login-button,.invest-primary{background:var(--green);border-color:var(--green);color:#fff}.invest-primary{padding:13px 18px;min-width:126px}.invest-primary:hover,.invest-login-button:hover{background:var(--green-dark)}.invest-primary:disabled,.invest-secondary:disabled{opacity:.55;cursor:wait}.invest-main{max-width:1240px;margin:0 auto;padding:34px 28px 56px}.invest-page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:4px 0 24px}.invest-page-heading h1,.invest-login-card h1,.invest-analysis h1{font-size:30px;letter-spacing:-.035em;margin:7px 0 9px}.invest-page-heading p,.invest-login-card p{color:var(--muted);margin:0}.invest-eyebrow{font-size:10px;font-weight:800;letter-spacing:.15em;color:#72837b}.invest-ask-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 24px;box-shadow:0 8px 24px #24453608}.invest-ask-card>label{font-size:14px;font-weight:750;display:block;margin-bottom:12px}.invest-ask-row{display:flex;gap:12px}.invest-ask-row textarea{resize:vertical;min-height:62px;max-height:150px;flex:1;border:1px solid #dce6e0;border-radius:10px;padding:14px 15px;font:inherit;color:var(--ink);outline-color:#79aa98}.invest-ask-meta{display:flex;justify-content:space-between;margin-top:10px;color:#84928c;font-size:11px}.invest-notice{padding:11px 14px;margin:12px 0;border-radius:9px;background:#edf5f1;color:#315e4e;font-size:12px}.invest-section-title,.invest-panel-heading{display:flex;justify-content:space-between;align-items:center}.invest-section-title{margin:30px 0 13px}.invest-section-title h2,.invest-panel h2,.invest-panel-heading h2{font-size:17px;margin:4px 0 0;letter-spacing:-.02em}.invest-data-badge,.invest-count{color:#52665d;background:#eaf1ed;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:750}.invest-quote-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.invest-quote-card,.invest-panel{background:#fff;border:1px solid var(--line);border-radius:14px}.invest-quote-card{padding:16px 18px;min-width:0}.invest-quote-top{display:flex;align-items:center;justify-content:space-between}.invest-quote-top>span:first-child{font-size:15px;font-weight:850;letter-spacing:.04em}.invest-quote-status{font-size:10px;color:#7b8983}.invest-quote-label{font-size:11px;color:var(--muted);margin:5px 0 12px}.invest-quote-price{font-size:25px;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.invest-positive{color:#168260!important}.invest-negative{color:#c4544b!important}.invest-quote-card>p:not(.invest-quote-label){font-size:12px;margin:4px 0 15px}.invest-quote-foot{border-top:1px solid #edf1ef;padding-top:10px;color:#84918b;font-size:10px}.invest-two-column{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:17px}.invest-panel{padding:19px 20px;min-width:0}.invest-panel-heading{margin-bottom:17px}.invest-panel-heading>a,.invest-event-links a{color:var(--green);font-weight:650;text-decoration:none;font-size:12px}.invest-add-row{display:flex;gap:8px;margin-bottom:11px}.invest-add-row input{min-width:0;flex:1;border:1px solid var(--line);border-radius:8px;padding:10px 12px;font:inherit}.invest-add-row button{border:0;background:#eaf3ee;color:var(--green-dark);border-radius:8px;padding:0 15px;font:inherit;font-weight:750;cursor:pointer}.invest-add-row button:disabled{opacity:.5}.invest-watch-list{display:grid}.invest-watch-row{display:grid;grid-template-columns:1fr auto 30px;align-items:center;gap:12px;border-top:1px solid #eef2f0;padding:12px 2px}.invest-watch-row>div:first-child{display:flex;gap:10px;align-items:center}.invest-watch-row>div:first-child strong{font-size:13px}.invest-watch-row>div:first-child span{font-size:11px;color:var(--muted)}.invest-watch-row>button{border:0;background:transparent;color:#84918b;font-size:20px;cursor:pointer}.invest-mini-quote{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-variant-numeric:tabular-nums}.invest-mini-quote strong{font-size:12px}.invest-mini-quote small{font-size:10px;color:var(--muted)}.invest-empty{color:#83918b;font-size:12px;line-height:1.8;padding:10px 0;margin:0}.invest-event-teaser{display:flex;align-items:flex-start;gap:11px;padding:12px 0 14px}.invest-event-dot{margin-top:5px;background:#d69b3c}.invest-event-teaser strong{font-size:13px}.invest-event-teaser p{color:var(--muted);font-size:11px;margin:5px 0}.invest-event-links{display:flex;gap:17px;border-top:1px solid #eef2f0;padding:13px 0}.invest-muted{color:#87938d;font-size:11px;line-height:1.7}.invest-small{margin:2px 0 0}.invest-history-panel{margin-top:17px}.invest-sync-label{display:flex;align-items:center;gap:7px;color:#677870;font-size:11px}.invest-history-list{display:grid}.invest-history-row{display:grid;grid-template-columns:1fr auto 16px;gap:12px;align-items:center;padding:12px 2px;border-top:1px solid #eef2f0;color:var(--ink);font-size:12px;text-decoration:none}.invest-history-row:hover{color:var(--green)}.invest-history-row time{color:var(--muted);font-size:10px}.invest-login-card{max-width:560px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:38px;margin:64px auto;box-shadow:0 14px 36px #2445360a}.invest-login-card .invest-primary{margin-top:24px}.invest-login-card .invest-muted{margin-top:16px}.invest-footer{border-top:1px solid var(--line);max-width:1240px;margin:auto;padding:18px 28px 24px;display:flex;justify-content:space-between;gap:10px;color:#89958f;font-size:10px}.invest-analysis{max-width:920px;margin:0 auto}.invest-back-link{display:inline-block;margin-bottom:26px;color:var(--green);text-decoration:none;font-size:12px;font-weight:650}.invest-analysis h1{margin:9px 0 19px}.invest-conclusion{background:#e9f3ee;border-left:3px solid var(--green);border-radius:8px;padding:16px 18px;margin:20px 0}.invest-conclusion>span{font-size:10px;color:var(--green);font-weight:800}.invest-conclusion p{font-size:15px;line-height:1.8;margin:6px 0 0}.invest-analysis .invest-two-column{margin:14px 0}.invest-analysis .invest-panel h2{margin-bottom:14px}.invest-analysis .invest-panel ul{padding-left:18px;margin:0;color:#54645d;line-height:1.9;font-size:12px}.invest-scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.invest-scenarios>div{background:#f5f8f6;border-radius:9px;padding:13px}.invest-scenarios strong{font-size:12px}.invest-scenarios p{font-size:11px;color:#63716a;line-height:1.7;margin:6px 0 0}.invest-source-panel{max-width:850px}.invest-source-panel>h2{margin:5px 0 16px}.invest-source-list a{border-top:1px solid #edf1ef;display:flex;justify-content:space-between;align-items:center;padding:15px 2px;text-decoration:none;color:var(--ink);gap:12px}.invest-source-list a span{display:flex;flex-direction:column;gap:4px}.invest-source-list a small{font-size:10px;color:var(--muted)}.invest-source-list a b{font-size:11px;color:var(--green);white-space:nowrap}.invest-source-panel>.invest-muted{margin-top:14px}.invest-table-wrap{overflow:auto}.invest-table-wrap table{width:100%;border-collapse:collapse;text-align:right;font-size:12px}.invest-table-wrap th,.invest-table-wrap td{border-top:1px solid #edf1ef;padding:12px 10px;white-space:nowrap}.invest-table-wrap th:first-child{text-align:left}.invest-table-wrap thead th{color:var(--muted);font-size:10px}.invest-settings-list>div{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #edf1ef;padding:16px 2px}.invest-settings-list>div:first-child{padding-top:2px}.invest-settings-list>div:last-child{border-bottom:0;padding-bottom:2px}.invest-settings-list>div>span:first-child{display:grid;gap:5px}.invest-settings-list strong{font-size:12px}.invest-settings-list small{color:var(--muted);font-size:10px}.invest-settings-list>div>span:last-child:not(:first-child){font-size:11px;color:var(--muted)}.invest-loading{max-width:1240px;margin:0 auto;padding:45px;color:var(--muted)}@media(max-width:760px){.invest-header{height:auto;min-height:64px;padding:10px 16px;gap:10px;flex-wrap:wrap}.invest-brand{font-size:13px}.invest-brand-mark{width:30px;height:30px}.invest-nav{order:3;flex-basis:100%;overflow:auto;gap:2px}.invest-nav a{padding:8px 10px;font-size:12px;white-space:nowrap}.invest-account{margin-left:auto;font-size:10px}.invest-quiet-button{padding:7px 9px;font-size:10px}.invest-main{padding:25px 16px 40px}.invest-page-heading{align-items:flex-start;gap:10px}.invest-page-heading h1,.invest-login-card h1,.invest-analysis h1{font-size:25px}.invest-page-heading p{font-size:12px;line-height:1.7}.invest-quote-grid{grid-template-columns:1fr}.invest-quote-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 12px;padding:14px 15px}.invest-quote-top{grid-column:1}.invest-quote-label{grid-column:1;margin:4px 0 0}.invest-quote-price{grid-column:2;grid-row:1/3;font-size:23px}.invest-quote-card>p:not(.invest-quote-label){grid-column:2;grid-row:3;text-align:right;margin:2px 0 8px}.invest-quote-foot{grid-column:1/-1;width:100%;margin-top:10px;padding-top:8px}.invest-two-column{grid-template-columns:1fr;gap:12px;margin-top:12px}.invest-panel{padding:16px}.invest-ask-card{padding:17px 15px}.invest-ask-row{flex-direction:column}.invest-ask-row .invest-primary{width:100%}.invest-ask-meta{font-size:9px}.invest-section-title{margin-top:25px}.invest-footer{padding:15px 16px 20px;flex-direction:column;font-size:9px}.invest-login-card{margin:36px auto;padding:26px 20px}.invest-scenarios{grid-template-columns:1fr}.invest-history-row{grid-template-columns:1fr auto;gap:8px}.invest-history-row>span:last-child{display:none}.invest-settings-list>div{align-items:flex-start}.invest-settings-list>div>span:last-child:not(:first-child){text-align:right}.invest-source-list a{align-items:flex-start}.invest-source-list a b{font-size:10px}.invest-table-wrap{margin:0 -7px}}@media(max-width:360px){.invest-main,.invest-header{padding-left:12px;padding-right:12px}.invest-nav a{padding:8px;font-size:11px}.invest-account{gap:5px}.invest-ask-meta span:last-child{display:none}}.invest-data-coverage{display:flex;gap:10px;align-items:center;margin-top:10px;padding:9px 12px;border:1px dashed #dce6e0;border-radius:9px;color:#728079;font-size:10px}.invest-data-coverage>span{flex:0 0 auto;font-weight:800;color:#65736d}.invest-data-coverage p{margin:0;line-height:1.6}.invest-backup-actions{display:flex;gap:8px;align-items:center}.invest-import-button{position:relative;overflow:hidden;display:inline-block}.invest-import-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%}.invest-watch-row{grid-template-columns:1fr auto auto}.invest-row-actions{display:flex;align-items:center;gap:2px}.invest-row-actions button{width:25px;height:27px;border:0;background:transparent;color:#65766e;border-radius:5px;font:inherit;cursor:pointer}.invest-row-actions button:hover{background:#edf5f1;color:var(--green)}.invest-row-actions button:disabled{opacity:.3;cursor:default}.invest-cause-card{border-top:1px solid #edf1ef;padding:13px 0}.invest-cause-card>div{display:flex;justify-content:space-between;gap:12px;align-items:center}.invest-cause-card strong{font-size:12px}.invest-cause-card span,.invest-cause-card small{font-size:10px;color:#75837c}.invest-cause-card p{font-size:12px;line-height:1.8;color:#53645b;margin:8px 0}.invest-cause-card small{display:block}.invest-ai-toggle{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--green);font-weight:700}.invest-ai-toggle input{accent-color:var(--green);width:16px;height:16px}.td-app{--td-ink:#153c31;--td-green:#165d46;--td-forest:#123e31;--td-lime:#d8ef8d;--td-paper:#f7f8f2;--td-muted:#5c7066;--td-line:#dae4da;--td-shadow:0 12px 36px #163e3008;min-height:100dvh;background:var(--td-paper);color:var(--td-ink);font-family:Inter,Noto Sans Thai,Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.65}.td-app *,.td-app *:before,.td-app *:after{box-sizing:border-box}.td-app :is(button,a,input,select,summary,textarea){-webkit-tap-highlight-color:transparent}.td-app :is(button,a){touch-action:manipulation}.td-app :is(button,input,select,textarea){font-family:inherit}.td-app :is(button,a,summary,input,select,textarea):focus-visible{outline:3px solid #bc741d;outline-offset:4px}.td-app button:not(:disabled),.td-app a{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.td-app button:not(:disabled):active{transform:translateY(1px) scale(.985)}.td-app button:disabled{cursor:not-allowed}.td-app input[type=checkbox]{accent-color:var(--td-green);width:18px;height:18px;vertical-align:middle}.td-app :is(input:not([type=checkbox]),select,textarea){max-width:100%;min-height:44px;border-color:var(--td-line);border-radius:12px}.td-skip{position:fixed;left:16px;top:-100px;z-index:100;background:var(--td-forest);color:#fff;padding:12px 20px;border-radius:12px}.td-skip:focus{top:12px}.td-topbar{background:#fffffff0;border-bottom:1px solid var(--td-line)}.td-topbar-inner{max-width:1180px;margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.td-cloud-account{display:flex;align-items:center;gap:7px;position:relative;color:var(--td-muted);font-size:10px;white-space:nowrap}.td-cloud-account>span:before{content:"●";color:#a9b5ae;margin-right:5px}.td-cloud-account>span.is-cloud:before{color:#61a46f}.td-cloud-account button{min-height:34px;border:1px solid var(--td-line);border-radius:9px;background:#f7faf3;color:var(--td-forest);padding:5px 9px;font-size:10px;font-weight:700;cursor:pointer}.td-cloud-account small{position:absolute;top:40px;right:0;z-index:5;width:220px;padding:8px;border-radius:8px;background:#fff0ed;color:#8b3030;white-space:normal;box-shadow:var(--td-shadow)}.td-app .td-brand{display:flex;align-items:center;gap:11px;color:var(--td-forest);text-decoration:none;flex-shrink:0}.td-brand>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px 14px 14px 3px;background:var(--td-forest);color:var(--td-lime);font-size:25px}.td-brand strong{font-size:23px;letter-spacing:-.7px;line-height:1.3}.td-brand strong span{display:block;font-size:8px;letter-spacing:1.65px;color:var(--td-muted);margin-top:3px}.td-nav{display:flex;gap:6px}.td-app .td-nav a{display:grid;place-items:center;min-height:44px;padding:8px 19px;border-radius:12px;font-size:14px;font-weight:650;text-decoration:none;color:var(--td-muted);white-space:nowrap}.td-app .td-nav a.active{color:var(--td-forest);background:#eaf1e0}.td-footer{max-width:1132px;margin:0 auto;padding:24px 0 32px;border-top:1px solid var(--td-line);display:flex;justify-content:space-between;gap:12px;color:var(--td-muted);font-size:12px}.td-footer>span:first-child{font-weight:700}.td-home{max-width:1180px;margin:auto;padding:26px 24px 64px}.td-home-intro{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.td-app .td-eyebrow{font-size:10px;font-weight:750;letter-spacing:1.65px;color:var(--td-muted);margin:0 0 8px}.td-home-intro .td-eyebrow{margin:0}.td-language{background:#fff;border:1px solid var(--td-line);color:var(--td-ink);border-radius:10px;padding:6px 14px;min-height:40px;cursor:pointer;font-size:12px}.td-hero{position:relative;display:grid;grid-template-columns:1.25fr 1fr;gap:10px;min-height:430px;background:var(--td-forest);border-radius:30px;overflow:hidden;color:#fff;box-shadow:0 18px 45px #153c3114}.td-hero-copy{padding:48px 0 42px 44px;position:relative;z-index:1}.td-hero-label{display:inline-block;border:1px solid #ffffff30;border-radius:999px;padding:6px 13px;font-size:9px;letter-spacing:1.3px;color:#d8e7ce}.td-hero h1{font-size:clamp(32px,4.2vw,52px);line-height:1.55;font-weight:700;letter-spacing:-1.8px;margin:22px 0 16px;color:#fff}.td-hero h1 em{color:var(--td-lime);font-style:normal}.td-hero-copy>p{max-width:410px;color:#d4e2d7;line-height:1.9;font-size:14px;margin-bottom:25px}.td-app .td-hero-cta{display:inline-flex;gap:34px;align-items:center;min-height:52px;padding:13px 22px;background:var(--td-lime);color:var(--td-forest);border-radius:12px;font-size:14px;font-weight:750;text-decoration:none}.td-hero-cta>span{font-size:22px}.td-hero-footnote{display:block;margin-top:20px;font-size:8px;letter-spacing:1.15px;color:#a8c1b0}.td-hero-art{position:relative;min-height:400px;display:grid;place-items:center;isolation:isolate}.td-orbit{position:absolute;width:380px;height:380px;border:1px solid #d8ef8d26;border-radius:50%;z-index:-1}.td-orbit-two{width:510px;height:510px}.td-art-label{position:absolute;top:36px;right:32px;font-size:8px;letter-spacing:2px;color:#bbd2b7}.td-art-card{display:flex;flex-direction:column;justify-content:center;align-items:center;width:222px;height:278px;border-radius:22px;background:#f6f8eb;color:var(--td-forest);transform:rotate(7deg);box-shadow:0 22px 40px #071b2650;animation:td-card-arrive .65s ease-out both}.td-art-card small{font-size:9px;letter-spacing:1.5px}.td-art-card strong{font-size:83px;font-weight:600;line-height:1.7}.td-art-card>span{font-size:12px;color:var(--td-muted)}.td-art-card-back{position:absolute;transform:translate(-28px,-3px) rotate(-11deg);background:#a5bd98;font-size:110px;color:#395b3c;animation:none}.td-art-chip{position:absolute;right:22px;bottom:49px;padding:10px 16px;background:#eac4a0;color:#4b422f;border-radius:999px;font-size:11px;box-shadow:0 8px 24px #0b241e33;transform:rotate(-5deg)}.td-wave{height:25px;display:flex;align-items:center;gap:4px;margin-top:17px}.td-wave i{width:3px;height:8px;background:var(--td-green);border-radius:4px;animation:td-wave .8s ease-in-out 3 alternate}.td-wave i:nth-child(2n){height:17px;animation-delay:.15s}.td-wave i:nth-child(3n){height:24px;animation-delay:.3s}.td-home-flashcard{position:relative;z-index:1}.td-home-flashcard>span{max-width:185px;min-height:20px;text-align:center}.td-home-card-actions{display:flex;gap:7px;margin-top:15px}.td-home-card-actions button{min-height:37px;border:1px solid #cedbc2;border-radius:999px;padding:7px 12px;background:#e7efd9;color:var(--td-forest);font-size:11px;font-weight:700;cursor:pointer}.td-home-card-actions button:first-child{width:38px;padding:6px;font-size:14px}.td-home-audio-error{position:absolute;bottom:12px;color:#a32832;letter-spacing:0}.td-home-section{margin-top:46px}.td-section-title{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px}.td-section-title h2{font-size:clamp(20px,2.4vw,28px);margin:0;letter-spacing:-.8px}.td-section-title>a{color:var(--td-green);font-size:13px;font-weight:650;text-decoration:none;white-space:nowrap}.td-small-note{font-size:12px;color:var(--td-muted)}.td-learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.td-app .td-learning-card{position:relative;display:flex;flex-direction:column;padding:27px;background:#fff;border:1px solid var(--td-line);border-radius:21px;text-decoration:none;color:var(--td-ink);box-shadow:var(--td-shadow)}.td-app .td-featured{background:#e9f1db;border-color:#dce7c7}.td-card-number{position:absolute;top:25px;right:25px;font-size:11px;color:#687c6a}.td-card-symbol{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;font-size:29px;background:var(--td-forest);color:var(--td-lime)}.td-symbol-peach{background:#f8e4d3;color:#8b4e28}.td-symbol-blue{background:#e1eafb;color:#425f89}.td-learning-card h3{font-size:19px;margin:20px 0 8px}.td-learning-card p{font-size:13px;color:var(--td-muted);margin:0 0 23px;line-height:1.8}.td-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;border-top:1px solid #153c3112;padding-top:15px;font-size:12px;font-weight:700}.td-card-bottom b{width:30px;height:30px;display:grid;place-items:center;background:var(--td-forest);color:#fff;border-radius:50%;font-size:17px}.td-practice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.td-app .td-practice-card{display:flex;align-items:center;gap:18px;padding:20px;text-decoration:none;color:var(--td-ink);background:#fff;border:1px solid var(--td-line);border-radius:18px}.td-practice-glyph{display:grid;place-items:center;flex:0 0 58px;height:64px;border-radius:14px;background:#e8f0da;color:var(--td-green);font-size:29px}.td-accent-peach .td-practice-glyph{background:#f9e5d8;color:#8f5430}.td-accent-blue .td-practice-glyph{background:#e6edfa;color:#476887}.td-practice-card small{font-size:8px;letter-spacing:1.3px;color:var(--td-muted)}.td-practice-card h3{font-size:15px;margin:3px 0}.td-practice-card p{font-size:12px;color:var(--td-muted);margin:0}.td-practice-arrow{margin-left:auto;color:var(--td-muted)}.td-tool-strip{margin-top:35px;display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:27px;border-radius:20px;background:#e9ede3}.td-tool-strip>div{flex:1 1 100%}.td-tool-strip h2{font-size:20px;margin:5px 0 0}.td-tool-strip>a{border:1px solid #cbd8c9;border-radius:10px;background:#f9fbf3;padding:11px 16px;color:var(--td-green);font-size:12px;font-weight:700;text-decoration:none}.td-app :is(.study-page,.vocab-page,.video-page,.dictionary-page,.pronunciation-page,.consonant-game,.short-vowel-page){background:transparent;color:var(--td-ink);min-height:calc(100dvh - 170px);padding:30px 24px 56px}.td-app :is(.study-page,.vocab-page){max-width:1040px;margin:auto}.td-app :is(.study-page>header,.study-page>nav,.study-panel,.vocab-header,.vocab-tabs,.vocab-panel){max-width:100%}.td-app :is(.video-page,.dictionary-page,.consonant-game){max-width:1040px}.td-app :is(.study-page h1,.vocab-header h1,.video-header h1,.dictionary-page>h1,.consonant-game h1,.short-vowel-page h1){font-size:clamp(26px,3.3vw,40px);letter-spacing:-1px;line-height:1.45}.td-app :is(.study-panel,.vocab-panel,.cg-panel,.lq-panel,.sv-card,.video-card,.video-library-card,.dictionary-card,.lesson-card,.quiz-card,.class-card){border-color:var(--td-line);border-radius:22px;box-shadow:var(--td-shadow);background:#fff}.td-app :is(.study-panel,.vocab-panel,.cg-panel,.lq-panel,.dictionary-card){padding:clamp(18px,3vw,30px)}.td-app :is(.study-page>nav,.consonant-game>nav,.short-vowel-page>nav){gap:7px;flex-wrap:wrap}.td-app :is(.study-page>nav,.consonant-game>nav,.short-vowel-page>nav) a{text-decoration:none;border:1px solid var(--td-line);padding:7px 12px;min-height:40px;display:inline-flex;align-items:center;border-radius:10px;font-size:12px;background:#fff}.td-app :is(.study-page,.vocab-page,.consonant-game,.short-vowel-page) button{min-height:44px;border-radius:12px}.td-app :is(.study-primary,.cg-start,.lq-primary,.video-primary,.thai-speak-button){box-shadow:0 4px #103b2920}.td-app .study-page button.study-primary,.td-app .consonant-game button[aria-pressed=true],.td-app .consonant-game .cg-start,.td-app .vocab-tabs button.active{background:var(--td-forest);color:#f4f9e5;border-color:var(--td-forest)}.td-app .study-start{background:var(--td-forest);min-height:56px}.td-app .study-stats{gap:10px}.td-app .study-stats>div{background:#f0f4e9;padding:17px;border:1px solid #e6ecdf;border-radius:15px;color:var(--td-muted)}.td-app .study-stats>div:nth-child(2){background:#fcf0e5;border-color:#f4e4d3}.td-app .study-stats>div:nth-child(3){background:#eaf0f8;border-color:#dfe8f2}.td-app .study-stats strong{font-size:30px;font-variant-numeric:tabular-nums;color:var(--td-forest);letter-spacing:-1px}.td-app .study-fields label{font-size:13px;font-weight:600;color:#4c6257}.td-app .study-fields :is(input,select){font-size:15px;font-weight:400;min-width:0;background:#fcfdf9;border-color:#d4dfd3}.td-app .study-card{border-radius:20px;background:radial-gradient(ellipse at 50% 0,#eef4df,transparent 72%),#fbfcf8;border:1px solid #e6ecdf;margin-top:18px;min-height:295px}.td-app .study-card h2{color:var(--td-forest);font-weight:600}.td-app .study-meaning{font-size:21px}.td-app .study-reading{color:#657c69;font-size:18px}.td-app .study-page .study-audio{background:#e3edd6;border-color:#d3e1c7;color:var(--td-forest);border-radius:999px;font-size:13px}.td-app .study-actions>button:first-child{background:#fcf0e8;border-color:#f0d9c7;color:#80553d}.td-app .study-actions>button:nth-child(2){background:#f5f6f0;border-color:#dee4d8}.td-app .study-toolbar{font-size:12px;color:var(--td-muted)}.td-app .study-toolbar button{font-size:12px}.td-app .study-settings{background:#eff3e8;box-shadow:none}.td-app .vocab-scope{background:#eff3e8}.td-app .vocab-scope label{color:#4c6257}.td-app .vocab-scope select{background:#fcfdf9;border-color:#d4dfd3;color:var(--td-ink)}.td-app .vocab-scope small,.td-app .word-origin{color:var(--td-green)}.td-app .quiz-speech-controls>button,.td-app .quiz-replay{background:#e3edd6;border-color:#d3e1c7;color:var(--td-forest)}.td-app .quiz-speech-controls>button.enabled{background:#dfedc9;border-color:#b3cb91;color:var(--td-forest)}.td-app .quiz-speech-setting,.td-app .quiz-result{background:#eff3e8;color:var(--td-ink)}.td-app .quiz-start button,.td-app .quiz-result button,.td-app .score-actions button{background:var(--td-forest);color:#f4f9e5;border-color:var(--td-forest);box-shadow:0 4px #103b2920}.td-app .vocab-learning-filter button.active{background:var(--td-forest);border-color:var(--td-forest);color:#f4f9e5}.td-app .study-page progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;border:0;border-radius:999px;overflow:hidden;background:#e7eddf}.td-app .study-page progress::-webkit-progress-bar{background:#e7eddf;border-radius:999px}.td-app .study-page progress::-webkit-progress-value{background:#548e57;border-radius:999px;transition:width .35s ease}.td-app .study-page progress::-moz-progress-bar{background:#548e57;border-radius:999px}.td-app .study-journey li{background:#fafbf6;border-style:dashed}.td-app .study-journey .arrived{background:#dfedc9;border-style:solid;border-color:#b3cb91}.td-app .cg-stats{padding:16px;border-radius:14px;background:var(--td-forest);color:#f1f7e9}.td-app .cg-stats strong{color:var(--td-lime)}.td-app .cg-arena{margin:14px 0;border-radius:20px;background:radial-gradient(ellipse at center,#edf4de,transparent 75%)}.td-app .cg-letter{color:var(--td-forest)}.td-app .cg-choices button:nth-child(1){background:#e8f0dc}.td-app .cg-choices button:nth-child(2){background:#e8eff8;border-color:#d3dfed}.td-app .cg-choices button:nth-child(3){background:#faeadd;border-color:#edd7c6}.td-app .cg-feedback.correct{background:#e7f4dc;border-radius:999px;padding:4px 15px;animation:td-feedback .2s ease-out}.td-app .cg-feedback.incorrect{background:#fff0ed;border-radius:999px;padding:4px 15px;animation:td-feedback .2s ease-out}.td-app .pronunciation-hero{background:var(--td-forest);box-shadow:0 14px 35px #123e311a;border-radius:26px}.td-app .pronunciation-kicker{color:var(--td-lime)}.td-app .pronunciation-tabs{background:#f7f8f2ed}.td-app .sv-card h2{color:var(--td-forest)}.td-app .sv-card{border-top:4px solid #c7dea7}.td-app .sv-card:nth-child(3n+2){border-top-color:#c1d6ed}.td-app .sv-card:nth-child(3n+3){border-top-color:#edc8a8}.td-app .dictionary-search{padding:8px;border:1px solid var(--td-line);border-radius:18px;background:#fff;box-shadow:var(--td-shadow)}.td-app .dictionary-search input{border:0;background:transparent}.td-app .dictionary-search button{background:var(--td-forest);border-radius:12px}.td-app .video-card{border-left:3px solid #bed498}.td-app .video-page .caption-mode-switch{border-color:var(--td-line);box-shadow:0 8px 28px #163e3029;padding:7px;background:#ffffffed;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.td-app .mini-dictionary{box-shadow:0 12px 40px #123e3133;border-radius:20px}@media(hover:hover){.td-app .td-nav a:hover{background:#f0f4e9;color:var(--td-green)}.td-app :is(.td-learning-card,.td-practice-card):hover{transform:translateY(-4px);box-shadow:0 18px 34px #153c3112;border-color:#adc198}.td-app .td-hero-cta:hover{background:#e8f6b5;transform:translateY(-2px)}.td-app button:not(:disabled):hover{filter:brightness(.97)}}@keyframes td-card-arrive{0%{opacity:0;transform:translateY(14px) rotate(2deg)}to{opacity:1;transform:translateY(0) rotate(7deg)}}@keyframes td-wave{0%{transform:scaleY(.5)}to{transform:scaleY(1)}}@keyframes td-feedback{0%{transform:scale(.96);opacity:.7}to{transform:scale(1);opacity:1}}@media(min-width:761px)and (max-width:1050px){.td-topbar-inner{flex-wrap:wrap}.td-nav{width:100%;order:3;justify-content:center}.td-cloud-account{margin-left:auto}}@media(max-width:760px){.td-topbar-inner{flex-wrap:wrap;gap:13px;padding:14px 18px 10px}.td-brand strong{font-size:21px}.td-brand>span{width:38px;height:38px;font-size:24px}.td-nav{width:100%;order:3;justify-content:space-between;gap:3px;overflow-x:auto}.td-app .td-nav a{flex:1;padding:7px 8px;font-size:12px;min-height:42px}.td-cloud-account{margin-left:auto}.td-cloud-account>span{display:none}.td-home{padding:20px 18px 36px}.td-hero{grid-template-columns:1fr;border-radius:24px}.td-hero-copy{padding:30px 25px 10px}.td-hero h1{font-size:34px;letter-spacing:-1px}.td-hero-copy>p{font-size:13px}.td-hero-art{min-height:300px}.td-art-card{width:168px;height:213px}.td-art-card strong{font-size:65px}.td-art-card small{font-size:7px}.td-art-chip{right:22px;bottom:27px;font-size:10px}.td-art-label{top:20px;right:18px;font-size:7px}.td-orbit{width:270px;height:270px}.td-orbit-two{width:380px;height:380px}.td-hero-footnote{font-size:7px;letter-spacing:.8px}.td-learning-grid{grid-template-columns:1fr;gap:12px}.td-app .td-learning-card{padding:23px}.td-learning-card h3{margin-top:13px}.td-learning-card p{max-width:100%;margin-bottom:16px}.td-section-title{align-items:start;flex-wrap:wrap;gap:8px}.td-home-section{margin-top:30px}.td-small-note{display:none}.td-practice-grid{grid-template-columns:1fr}.td-app .td-practice-card{padding:16px;gap:13px}.td-practice-glyph{flex-basis:49px;height:57px}.td-practice-card h3{font-size:14px}.td-practice-card p{font-size:11px}.td-tool-strip{padding:22px;gap:10px}.td-tool-strip>a{width:100%}.td-footer{margin:0 18px;font-size:10px;flex-wrap:wrap}.td-app :is(.study-page,.vocab-page,.video-page,.dictionary-page,.pronunciation-page,.consonant-game,.short-vowel-page){padding:22px 14px 40px}.td-app :is(.study-panel,.vocab-panel,.cg-panel,.lq-panel,.dictionary-card){padding:17px;border-radius:18px}.td-app .study-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.td-app .study-stats>div{padding:12px;font-size:12px}.td-app .study-stats strong{font-size:25px}.td-app .study-card{min-height:250px;padding:25px 10px}.td-app .study-meaning{font-size:19px}.td-app .study-actions{bottom:env(safe-area-inset-bottom,0px);padding:10px 0;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.td-app .study-actions button{font-size:12px;min-height:66px}.td-app .study-fields{grid-template-columns:1fr;gap:13px}.td-app .study-fields :is(select,input){font-size:16px}.td-app .study-toolbar{gap:6px}.td-app .study-toolbar button{padding:9px}.td-app .study-page>nav a{font-size:11px;padding:7px 9px}.td-app .cg-stats{font-size:12px;padding:12px}.td-app .cg-stats strong{font-size:26px}.td-app .cg-choices span{font-size:22px}.td-app .cg-choices small{font-size:10px}.td-app .video-page .caption-mode-switch{max-width:calc(100vw - 24px);right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}.td-app .video-page .caption-mode-switch button{font-size:12px;min-height:44px;padding:7px 10px}.td-app .video-page{padding-bottom:90px}.td-app .dictionary-search{flex-wrap:wrap}.td-app .dictionary-search input{width:100%;font-size:16px}.td-app .mini-dictionary{bottom:calc(12px + env(safe-area-inset-bottom,0px))}}@media(prefers-reduced-motion:reduce){.td-app *,.td-app *:before,.td-app *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}