@import "https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400&family=Manrope:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";html{box-sizing:border-box}*,:after,:before{box-sizing:inherit;margin:0;padding:0}body,html{scroll-behavior:smooth;color:#333;-webkit-font-smoothing:antialiased;background-color:#f9f9f9;width:100%;min-height:100vh;font-family:Noto Sans TC,system-ui,-apple-system,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none;transition:opacity .2s}.button,button{cursor:pointer;color:inherit;background:0 0;border:0;border-radius:.35rem;padding:1rem;font-size:1.1rem}ul li{list-style:none}p{font-size:1.1rem;line-height:2rem}details{font-style:normal}details summary{cursor:pointer;outline:none;justify-content:space-between;align-items:center;gap:12px;font-weight:600;list-style:none;display:flex}blockquote,figure{margin:0}img{border-radius:.52rem;max-width:100%;height:auto;display:block}.container,.container-narrow{width:90%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (width>=580px){.container,.container-narrow{max-width:85vw}}@media (width>=768px){.container,.container-narrow{max-width:85vw}}@media (width>=992px){.container,.container-narrow{max-width:90vw}}@media (width>=1200px){.container,.container-narrow{max-width:90vw}}.container-narrow{max-width:800px!important}.section{padding-top:3rem;padding-bottom:3rem}.text-center{text-align:center}.text-right{text-align:right}@media (width<=580px){.d-none-mobile{display:none!important}}.w-full{width:100%}.dashboard-layout{color:#1b1c17;background-color:#fbfaf0;min-height:100vh;font-family:Manrope,sans-serif}.dashboard-layout ::selection{color:#533a00;background-color:#e9c176}.top-nav{z-index:50;width:100%;position:fixed;top:0}.top-nav__container{justify-content:end;align-items:center;max-width:1536px;margin:0 auto;padding:1.5rem 3rem;display:flex}.top-nav__logo{color:#134e4a;font-family:Noto Serif,serif;font-size:1.5rem;font-style:italic}.top-nav__links{gap:2rem;display:none}@media (width>=768px){.top-nav__links{display:flex}}.top-nav__links .nav-link{color:#78716c;font-weight:500;text-decoration:none;transition:color .3s}.top-nav__links .nav-link:hover{color:#0f766e}.top-nav__actions{align-items:center;gap:1.5rem;display:flex}.top-nav__actions .search-box{display:none;position:relative}@media (width>=640px){.top-nav__actions .search-box{display:block}}.top-nav__actions .search-box .search-icon{color:#a8a29e;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.top-nav__actions .search-box .search-input{background-color:#f5f4eb;border:none;border-radius:9999px;width:16rem;padding:.5rem 1rem .5rem 2.5rem;font-family:Manrope,sans-serif;font-size:.875rem}.top-nav__actions .search-box .search-input:focus{outline:2px solid #29434533}.top-nav__actions .btn-icon{color:#57534e;cursor:pointer;background:0 0;border:none;transition:color .3s}.top-nav__actions .btn-icon:hover{color:#294345}@media (width>=1024px){.sidebar{display:flex}}.sidebar__profile{padding:6rem 2rem 2.5rem}.sidebar__profile .profile-avatar{background-color:#cbe8ea;border-radius:50%;width:3rem;height:3rem;overflow:hidden}.sidebar__profile .profile-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.sidebar__profile .profile-name{color:#042f2e;margin:0;font-family:Noto Serif,serif;font-size:1.125rem}.sidebar__profile .profile-level{color:#78716c;text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:.75rem;font-weight:700}.sidebar__menu{flex:1}.sidebar__menu .menu-item{padding:.75rem 1.5rem;transition:all .2s}.sidebar__menu .menu-item--active{transform:scale(.95)}.sidebar__footer .settings-btn{color:#57534e;cursor:pointer;align-items:center;gap:1rem;margin-top:2rem;padding:.75rem .5rem;font-size:.875rem;transition:color .3s;display:flex}.sidebar__footer .settings-btn:hover{color:#294345}.btn-primary{color:#fff;cursor:pointer;background-color:#294345;border:none;border-radius:9999px;padding:1rem 0;font-family:Manrope,sans-serif;font-weight:700;transition:opacity .3s;box-shadow:0 10px 15px -3px #0000001a}.btn-primary:hover{opacity:.9}.btn-primary--small{box-shadow:none;padding:.5rem 1.5rem;font-size:.875rem}.btn-text{color:#294345;cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;font-family:Manrope,sans-serif;font-weight:700;display:flex}.btn-text,.btn-text .material-symbols-outlined{font-size:.875rem}.main-content{max-width:80rem;margin:0 auto;padding:8rem 1.5rem 6rem}@media (width>=1024px){.main-content{margin-left:18rem;padding:8rem 3rem 6rem}}.page-header{margin-bottom:3rem}.page-header .page-title{color:#294345;margin:0 0 .5rem;font-family:Noto Serif,serif;font-size:3rem;line-height:1.1}@media (width>=768px){.page-header .page-title{font-size:3.75rem}}.page-header .page-subtitle{color:#414848;margin:0;font-size:1.125rem}.courses-grid{grid-template-columns:1fr;gap:2rem;margin-bottom:4rem;display:grid}@media (width>=768px){.courses-grid{grid-template-columns:repeat(2,1fr)}}.course-card{background-color:#f5f4eb;border-radius:.75rem;justify-content:space-between;align-items:center;padding:2rem;display:flex;position:relative;overflow:hidden}.course-card__content{z-index:10}.course-card .badge{text-transform:uppercase;letter-spacing:.1em;border-radius:9999px;margin-bottom:1rem;padding:.25rem .75rem;font-size:.625rem;font-weight:700;display:inline-block}.course-card .badge.theme-primary{color:#294345;background-color:#2943451a}.course-card .badge.theme-tertiary{color:#533a00;background-color:#533a001a}.course-card .course-title{color:#294345;margin:0 0 1rem;font-family:Noto Serif,serif;font-size:1.875rem}.course-card .course-actions{align-items:center;gap:1rem;display:flex}.course-card__progress{justify-content:center;align-items:center;width:8rem;height:8rem;display:flex;position:relative}.course-card__progress .progress-ring{width:100%;height:100%;transform:rotate(-90deg)}.course-card__progress .progress-ring__bg{fill:#0000;stroke:#e9e8e0;stroke-width:8px}.course-card__progress .progress-ring__fill{fill:#0000;stroke-width:8px;stroke-dasharray:351.85;transition:stroke-dashoffset 1s ease-in-out}.course-card__progress .progress-ring__fill.theme-primary{stroke:#294345}.course-card__progress .progress-ring__fill.theme-tertiary{stroke:#e9c176}.course-card__progress .progress-text{font-size:1.5rem;font-weight:700;position:absolute}.course-card__progress .progress-text.theme-primary{color:#294345}.course-card__progress .progress-text.theme-tertiary{color:#533a00}.course-card__decoration{filter:blur(40px);border-radius:50%;width:12rem;height:12rem;transition:transform .7s;position:absolute;bottom:-3rem;right:-3rem}.course-card__decoration.theme-primary{background-color:#2943450d}.course-card__decoration.theme-tertiary{display:none}.course-card:hover .theme-primary{transform:scale(1.5)}.bento-grid{grid-template-columns:1fr;gap:3rem;display:grid}@media (width>=1280px){.bento-grid{grid-template-columns:2fr 1fr}}.section-header{justify-content:space-between;align-items:flex-end;margin-bottom:2rem;display:flex}.section-header .section-title{color:#294345;margin:0;font-family:Noto Serif,serif;font-size:1.5rem}.section-header .link-view-all{color:#29434599;font-size:.875rem;font-weight:700;text-decoration:none;transition:color .3s}.section-header .link-view-all:hover{color:#294345}.tools-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.tools-grid{grid-template-columns:repeat(2,1fr)}}.tool-card{background-color:#fff;border:1px solid #c1c8c81a;border-radius:.75rem;padding:2rem;transition:all .3s;box-shadow:0 8px 30px #00000005}.tool-card:hover{box-shadow:0 20px 40px #2943450d}.tool-card:hover .tool-icon{color:#294345}.tool-card__header{justify-content:space-between;align-items:flex-start;margin-bottom:3rem;display:flex}.tool-card__header .tool-icon{color:#29434566;font-size:2.5rem;transition:color .3s}.tool-card__header .tool-badge{border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:700}.tool-card__header .tool-badge.badge-secondary{color:#4a6865;background-color:#c5e6e2}.tool-card__header .tool-badge.badge-outline{text-transform:uppercase;letter-spacing:.1em;color:#414848}.tool-card__header .avatar-group{margin-left:-.5rem;display:flex}.tool-card__header .avatar-group .avatar-mini{border:2px solid #fff;border-radius:50%;width:2rem;height:2rem;margin-left:-.5rem}.tool-card__header .avatar-group .bg-stone-300{background-color:#d6d3d1}.tool-card__header .avatar-group .bg-stone-400{background-color:#a8a29e}.tool-card .tool-title{margin:0 0 .5rem;font-family:Noto Serif,serif;font-size:1.25rem}.tool-card .tool-desc{color:#414848;margin:0 0 1.5rem;font-size:.875rem}.tool-card .progress-bar{background-color:#e9e8e0;border-radius:9999px;width:100%;height:.25rem;overflow:hidden}.tool-card .progress-bar__fill{background-color:#e9c176;height:100%}.tool-card .btn-outline{color:#294345;cursor:pointer;background:0 0;border:1px solid #294345;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 0;font-family:Manrope,sans-serif;font-size:.875rem;font-weight:700;transition:all .3s;display:flex}.tool-card .btn-outline:hover{color:#fff;background-color:#294345}.tool-card .tool-info{color:#294345;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;display:flex}.cta-card{color:#fff;background-color:#294345;border-radius:.75rem;padding:2rem;position:relative;overflow:hidden}.cta-card__content{z-index:10;position:relative}.cta-card .cta-title{margin:0 0 1rem;font-family:Noto Serif,serif;font-size:1.5rem}.cta-card .cta-desc{color:#fffc;margin:0 0 1.5rem;font-size:.875rem;line-height:1.6}.cta-card .btn-accent{color:#533a00;cursor:pointer;background-color:#e9c176;border:none;border-radius:9999px;padding:.5rem 1.5rem;font-size:.875rem;font-weight:700;transition:transform .3s}.cta-card .btn-accent:hover{transform:scale(1.05)}.cta-card__bg{opacity:.2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;right:0}.cta-card__bg img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.recommendations-sidebar{flex-direction:column;gap:2rem;display:flex}.recommendations-box{background-color:#f5f4eb;border-radius:.75rem;padding:2rem}.recommendations-box .section-title{margin-bottom:1.5rem}.trips-list{flex-direction:column;gap:1.5rem;display:flex}.trip-item{color:inherit;gap:1rem;text-decoration:none;display:flex}.trip-item .trip-img-wrapper{border-radius:.5rem;flex-shrink:0;width:5rem;height:5rem;overflow:hidden}.trip-item .trip-img-wrapper .trip-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .5s}.trip-item:hover .trip-img{transform:scale(1.1)}.trip-item .trip-tag{color:#533a00;text-transform:uppercase;letter-spacing:.1em;margin:0 0 .25rem;font-size:.625rem;font-weight:700}.trip-item .trip-title{color:#294345;margin:0 0 .25rem;font-family:Noto Serif,serif;line-height:1.2}.trip-item .trip-desc{color:#414848;margin:0;font-size:.75rem}.btn-text-full{text-align:center;color:#294345;border-bottom:1px solid #29434533;width:100%;margin-top:2rem;padding:.75rem 0;font-size:.875rem;font-weight:700;text-decoration:none;transition:border-color .3s;display:block}.btn-text-full:hover{border-color:#294345}.player-pill{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background-color:#e4e3da99;border:1px solid #c1c8c81a;border-radius:9999px;align-items:center;gap:1rem;padding:1rem;display:flex}.player-pill .btn-play-mini{color:#fff;cursor:pointer;background-color:#294345;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.player-pill .player-info{flex:1;min-width:0}.player-pill .player-info .player-label{color:#294345;text-transform:uppercase;letter-spacing:-.05em;margin:0;font-size:.625rem;font-weight:700}.player-pill .player-info .player-track{color:#294345;white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:Noto Serif,serif;font-size:.875rem;overflow:hidden}.player-pill .player-progress{background-color:#e9e8e0;border-radius:9999px;width:4rem;height:.25rem;margin-right:.5rem;overflow:hidden}.player-pill .player-progress__fill{background-color:#e9c176;width:60%;height:100%}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1}.app-layout{color:#1b1c17;background-color:#fbfaf0;min-height:100vh;font-family:Manrope,sans-serif;display:flex;overflow:hidden}.app-layout,.sidebar{flex-direction:column}.sidebar{z-index:40;background-color:#f5f5f4;border-radius:0 3rem 3rem 0;width:18rem;height:100%;padding:2rem 0;display:none;position:fixed;top:0;left:0;box-shadow:40px 0 40px #2943450d}@media (width>=1280px){.sidebar{display:flex}}.sidebar__profile{align-items:center;gap:1rem;margin-bottom:3rem;padding:0 2rem;display:flex}.sidebar__profile .profile-img{-o-object-fit:cover;object-fit:cover;border:2px solid #cbe8ea;border-radius:50%;width:3rem;height:3rem}.sidebar__profile .profile-title{color:#042f2e;font-family:Noto Serif,serif;font-size:1.125rem}.sidebar__profile .profile-subtitle{color:#78716c;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:700}.sidebar__menu{flex-direction:column;flex-grow:1;gap:.5rem;display:flex}.sidebar__menu .menu-item{color:#57534e;letter-spacing:.025em;border-radius:9999px;align-items:center;gap:1rem;margin:0 1rem;padding:.75rem 1rem;font-size:.875rem;text-decoration:none;transition:background-color .3s;display:flex}.sidebar__menu .menu-item:hover{background-color:#e7e5e4}.sidebar__menu .menu-item--active{color:#fbfaf0;background-color:#134e4a;box-shadow:0 10px 15px -3px #0000001a}.sidebar__menu .menu-item--active:hover{background-color:#134e4a}.sidebar__footer{margin-top:auto;padding:0 2rem}.sidebar__footer .btn-primary{color:#fff;cursor:pointer;background-color:#294345;border:none;border-radius:9999px;width:100%;padding:1rem 0;font-weight:700;transition:opacity .3s;box-shadow:0 20px 25px -5px #0000001a}.sidebar__footer .btn-primary:hover{opacity:.9}.main-content{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;padding:6rem 1.5rem 8rem;display:flex;position:relative}@media (width>=1280px){.main-content{padding-left:2rem}}.progress-section{width:100%;max-width:36rem;padding:0 3rem;position:absolute;top:7rem;left:50%;transform:translate(-50%)}@media (width>=1280px){.progress-section{left:calc(50% + 9rem)}}.progress-section .progress-info{text-transform:uppercase;letter-spacing:.2em;color:#456461;justify-content:space-between;align-items:flex-end;margin-bottom:.75rem;font-size:.625rem;font-weight:700;display:flex}.progress-section .progress-bar{background-color:#e4e3da;border-radius:9999px;width:100%;height:.25rem;overflow:hidden}.progress-section .progress-bar__fill{background-color:#e9c176;border-radius:9999px;height:100%;transition:width .7s}.flashcard-wrapper{aspect-ratio:4/3;perspective:1000px;width:100%;max-width:42rem}@media (width>=768px){.flashcard-wrapper{aspect-ratio:5/3}}.flashcard{cursor:pointer;background-color:#fff;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:3rem;transition:transform .5s;display:flex;position:relative;box-shadow:0 40px 80px #29434514}.flashcard:hover{transform:translateY(-4px)}.flashcard:hover .flashcard__hints{opacity:1}.flashcard__category{text-transform:uppercase;letter-spacing:.1em;color:#c1c8c8;opacity:.4;font-size:.625rem;font-weight:900;position:absolute;top:2.5rem;left:2.5rem}.flashcard__content{text-align:center;flex-direction:column;align-items:center;display:flex}.flashcard__word{color:#294345;letter-spacing:-.025em;margin-bottom:2rem;font-family:Noto Serif,serif;font-size:4.5rem;line-height:1.1}@media (width>=768px){.flashcard__word{font-size:6rem}}.flashcard__divider{background-color:#e9c176;border-radius:9999px;width:3rem;height:.375rem;margin-bottom:2rem}.flashcard__phonetic{color:#45646199;font-size:1.125rem;font-style:italic}@media (width>=768px){.flashcard__phonetic{font-size:1.25rem}}.flashcard__hints{opacity:.3;justify-content:center;gap:3rem;transition:opacity .3s;display:flex;position:absolute;bottom:2.5rem;left:0;right:0}.flashcard__hints .hint{color:#294345;flex-direction:column;align-items:center;gap:.25rem;display:flex}.flashcard__hints .hint span:first-child{font-size:1.125rem}.flashcard__hints .hint span:last-child{text-transform:uppercase;font-size:.5rem;font-weight:900}.btn-play{cursor:pointer;background-color:#e9e8e0;border:none;border-radius:9999px;align-items:center;gap:1rem;margin-top:3rem;padding:1rem 2rem;transition:all .3s;display:flex}.btn-play:hover{background-color:#ffdea5}.btn-play:hover .btn-play__icon{transform:scale(1.1)}.btn-play__icon{color:#fff;background-color:#294345;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;transition:transform .3s;display:flex;box-shadow:0 10px 15px -3px #0000001a}.btn-play__icon span{font-size:1.875rem}.btn-play__text{text-transform:uppercase;letter-spacing:.1em;color:#294345;font-size:.75rem;font-weight:700}.cta-banner{cursor:pointer;background-color:#c5e6e266;border-radius:.5rem;align-items:center;gap:2rem;width:100%;max-width:36rem;margin-top:5rem;padding:1.5rem;transition:background-color .3s;display:flex;position:relative;overflow:hidden}.cta-banner:hover{background-color:#c5e6e299}.cta-banner:hover .cta-banner__image{transform:rotate(6deg)}.cta-banner:hover .cta-banner__link span{transform:translate(4px)}.cta-banner__content{z-index:10;flex-grow:1}.cta-banner__tag{text-transform:uppercase;letter-spacing:.1em;color:#294345;opacity:.6;margin-bottom:.25rem;font-size:.625rem;font-weight:700}.cta-banner__title{color:#294345;margin-bottom:.75rem;font-family:Noto Serif,serif;font-size:1.5rem;line-height:1.2}.cta-banner__link{color:#294345;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:0;font-size:.75rem;font-weight:700;display:flex}.cta-banner__link span{font-size:.875rem;transition:transform .3s}.cta-banner__image-wrapper{flex-shrink:0;width:8rem;height:8rem;margin-right:-2.5rem;position:relative}.cta-banner__image{-o-object-fit:cover;object-fit:cover;border-radius:.5rem;width:100%;height:100%;transition:transform .3s;transform:rotate(12deg);box-shadow:0 10px 15px -3px #0000001a}.bottom-nav{z-index:50;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background-color:#fafaf9e6;border-top:1px solid #e7e5e433;border-radius:2.5rem 2.5rem 0 0;justify-content:space-around;align-items:center;width:100%;padding:1rem 1.5rem 2rem;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -12px 40px #29434514}@media (width>=768px){.bottom-nav{display:none}}.bottom-nav__item{color:#a8a29e;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;display:flex}.bottom-nav__item span:last-child{text-transform:uppercase;letter-spacing:.1em;margin-top:.25rem;font-size:.625rem;font-weight:700}.bottom-nav__item--active{color:#fbfaf0;background-color:#134e4a;border-radius:9999px;padding:.5rem 1.5rem}