@import"https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600&family=Cormorant+Garamond:wght@500;600&family=Noto+Sans+JP:wght@400;500;700&display=swap";.ann-wrap{display:grid;gap:2.5rem;margin:2.75rem 0 0}@media (min-width: 901px){.ann-wrap{grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}}.ann-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--border)}.ann-head h2{font-size:1.3rem;color:var(--text-main);display:flex;align-items:center;gap:.5rem;margin:0}.ann-sub{font-size:.85rem;color:var(--text-muted)}.ann-more{background:none;border:none;color:var(--primary);font-size:.9rem;cursor:pointer;font-family:inherit;padding:0;white-space:nowrap}.ann-list{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;overflow:hidden}.ann-item{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem 1rem;align-items:center;padding:1rem 1.25rem;border-top:1px solid var(--border)}.ann-item:first-child{border-top:none}.ann-date{font-size:.8rem;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:2.6em}.ann-text{min-width:0;display:grid;gap:.1rem}.ann-text b{color:var(--text-heading);font-size:.98rem;line-height:1.5}.ann-text span{font-size:.85rem;color:var(--text-muted);line-height:1.6;white-space:pre-line}.ann-text span.ann-body-clamped{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.ann-toggle{justify-self:start;background:none;border:none;padding:.25rem 0 0;color:var(--primary);font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer}.ann-btn{display:inline-flex;align-items:center;gap:.3rem;border:1.5px solid var(--primary);color:var(--primary);background:var(--bg-card);border-radius:999px;padding:.45rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:background-color .2s,color .2s}.ann-btn:hover{background:var(--primary);color:#fff}@media (max-width: 640px){.ann-item{grid-template-columns:1fr auto}.ann-date{grid-column:1 / -1}}.ann-new{display:inline-block;width:30px;height:30px;margin-right:6px;vertical-align:middle;flex-shrink:0}.dashboard{display:flex;flex-direction:column}.dashboard-container{width:100%;max-width:1180px;margin:0 auto;padding:0 40px 3rem}.dash-band{background:var(--text-heading);color:#fff}.dash-band-in{max-width:1180px;margin:0 auto;padding:40px 40px 120px;display:grid;gap:8px}.dash-band h1{color:#fff;font-size:30px;margin:0}.dash-band p{color:#cfe0d6;font-size:14.5px;line-height:1.9;margin:0;max-width:720px}.dash-band.is-plain .dash-band-in{padding-bottom:40px}.dash-eyebrow{display:block;font-family:var(--font-latin);font-size:12.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);line-height:1.4}.dash-eyebrow.on-dark{color:var(--blush)}.dash-next{margin-top:-84px;background:var(--bg-card);border-radius:16px;padding:22px 28px;box-shadow:0 18px 40px #1f2a242e;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.dash-next-text{display:grid;gap:4px;min-width:0}.dash-pill{justify-self:start;background:#f8d6cc;color:var(--accent);font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px}.dash-next h2{font-size:20px;margin:2px 0 0}.dash-next p{margin:0;font-size:14px;color:var(--text-main)}.dash-next small{font-size:12px;color:var(--text-muted)}.dash-next-actions{display:flex;gap:10px;flex-wrap:wrap}.btn-terra,.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 22px;border-radius:999px;font-size:14px;font-weight:700;letter-spacing:.03em;line-height:1.3;white-space:nowrap;border:1.5px solid transparent;cursor:pointer;font-family:inherit;text-decoration:none;transition:background .2s,color .2s}.btn-terra{background:var(--accent);color:#fff}.btn-terra:hover{background:#a1452f;color:#fff}.btn-outline{border-color:var(--text-heading);color:var(--text-heading);background:transparent}.btn-outline:hover{background:var(--text-heading);color:#fff}.btn-sm{min-height:36px;padding:0 16px;font-size:13px}.dash-resume{margin-top:1.5rem;display:flex;align-items:center;gap:1rem;padding:14px 18px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;cursor:pointer}.dash-resume-thumb{width:96px;height:58px;border-radius:8px;background:linear-gradient(135deg,#1f2a24,#2f5d4a);color:#fff;display:grid;place-items:center;flex-shrink:0}.dash-resume-text{flex:1;min-width:0;display:grid;gap:2px}.dash-resume-text b{font-family:var(--font-heading);font-size:1rem;color:var(--text-heading)}.dash-resume-text span{font-size:12.5px;color:var(--text-muted)}.dash-section{margin-top:2.75rem}.dash-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem}.dash-section-head h2{font-size:1.3rem;margin:0}.dash-link{color:var(--accent);font-size:.85rem;font-weight:600;padding:0;font-family:inherit}.dash-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.dash-tile{border-radius:14px;overflow:hidden;background:var(--bg-card);border:1px solid var(--border);cursor:pointer;transition:box-shadow .25s ease,transform .25s ease}.dash-tile:hover{transform:translateY(-2px);box-shadow:0 12px 28px #1f2a241f}.dash-tile-head{padding:22px 24px;display:grid;gap:10px}.dash-tile.is-active .dash-tile-head{background:var(--primary);color:#fff}.dash-tile.is-upcoming .dash-tile-head{background:#f1ece3;color:var(--text-heading)}.dash-tile-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.dash-tile-head h3{margin:0;font-size:1.15rem;color:inherit}.dash-tile-head p{margin:0;font-size:13px;opacity:.9}.dash-tag{flex-shrink:0;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:6px;background:#f8d6cc;color:var(--accent)}.dash-tile.is-upcoming .dash-tag{background:var(--bg-card);color:var(--text-muted);border:1px solid var(--border)}.dash-tile-body{padding:16px 24px 18px;display:grid;gap:10px}.dash-stats{display:flex;gap:1rem;flex-wrap:wrap;font-size:13px;color:var(--text-main)}.dash-stats b{color:var(--text-heading)}.dash-marks{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.dash-marks i{width:28px;height:4px;border-radius:2px;background:var(--border)}.dash-marks i.on{background:var(--primary)}.dash-marks span{margin-left:6px}.dash-archive{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}.dash-archive-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:14px 16px;display:grid;gap:4px;cursor:pointer;min-width:0}.dash-archive-card:hover{border-color:var(--primary)}.dash-archive-card b{font-family:var(--font-heading);font-weight:500;font-size:.95rem;color:var(--text-heading);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-archive-card span{font-size:12px;color:var(--text-muted)}.dash-empty{text-align:center;color:var(--text-muted);padding:3rem 1rem}.search-container{position:relative;max-width:320px;width:100%;margin-top:8px}.song-search-input{width:100%;padding:.6rem 1.1rem;font-size:.9rem;border:1px solid rgba(255,255,255,.35);border-radius:30px;background-color:#ffffff14;color:#fff;font-family:inherit;transition:all .3s ease}.song-search-input::placeholder{color:#fff9}.song-search-input:focus{outline:none;border-color:var(--blush);background-color:#ffffff1f}.search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background-color:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 25px #0000002e;max-height:400px;overflow-y:auto;z-index:1000;color:var(--text-main)}.search-suggestion-item{display:flex;align-items:center;padding:1rem;border-bottom:1px solid var(--border);cursor:pointer;transition:background-color .2s}.search-suggestion-item:last-child{border-bottom:none}.search-suggestion-item:hover{background-color:var(--primary-light)}.suggestion-icon{margin-right:1rem;color:var(--primary);display:flex}.suggestion-content{flex:1;overflow:hidden}.suggestion-title{font-weight:600;font-size:.95rem;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-context{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-suggestion-empty{padding:1.5rem;text-align:center;color:var(--text-muted);font-size:.95rem}@media (max-width: 900px){.dash-tiles{grid-template-columns:1fr}.dash-archive{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard-container{padding:0 16px 2rem}.dash-band-in{padding:24px 16px 86px;gap:6px}.dash-band h1{font-size:24px}.dash-next{margin-top:-64px;padding:18px;flex-direction:column;align-items:stretch}.dash-next h2{font-size:18px}.dash-next-actions{flex-direction:column}.dash-next-actions .btn-terra,.dash-next-actions .btn-outline{width:100%}.dash-resume .btn-sm{display:none}}.sidebar{width:300px;flex-shrink:0;background-color:#f4f0e8;border-right:1px solid var(--border);display:flex;flex-direction:column;height:calc(100vh - 73px);overflow-y:auto}.sidebar-top-nav{padding:1.25rem 1.25rem 0}.back-to-courses-btn-sidebar{display:inline-flex;align-items:center;gap:.3rem;background:none;border:none;color:var(--text-muted);font-size:.85rem;font-weight:500;padding:0;cursor:pointer;transition:color .2s}.back-to-courses-btn-sidebar:hover{color:var(--primary)}.sidebar-header{padding:.9rem 1.25rem 1.1rem;border-bottom:1px solid var(--border)}.sidebar-header h3{margin:0 0 .2rem;font-size:1.15rem}.sidebar-header p{margin:0;font-size:.78rem;color:var(--text-muted)}.module-item{border-bottom:1px solid var(--border);border-left:3px solid transparent}.module-item.is-current{border-left-color:var(--primary);background-color:var(--bg-card)}.module-item.is-empty .module-title-text{color:var(--text-muted)}.module-title-btn{width:100%;padding:.9rem 1.25rem;display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;color:var(--text-heading);font-weight:600;font-size:.92rem;background:transparent;text-align:left}.module-title-btn:hover{background-color:#2f5d4a0d}.module-title-text{min-width:0}.module-date{flex-shrink:0;font-family:var(--font-latin);font-size:.78rem;font-weight:600;letter-spacing:.06em;color:var(--text-muted)}.lesson-list{padding:.2rem .75rem .75rem;display:grid;gap:2px}.lesson-item{width:100%;padding:.6rem .75rem;display:flex;gap:.6rem;align-items:center;color:var(--text-main);text-align:left;border-radius:8px;font-size:.88rem;transition:background .15s,color .15s}.lesson-item:hover{background-color:#2f5d4a14}.lesson-item.is-unavailable{opacity:.5;cursor:default}.lesson-item.is-unavailable:hover{background-color:transparent}.lesson-item.active{background-color:var(--primary-light);color:var(--primary);font-weight:600}.lesson-icon{display:inline-flex;color:inherit;opacity:.8}.lesson-title{flex:1;min-width:0;line-height:1.4}.lesson-count{flex-shrink:0;font-family:var(--font-latin);font-size:.78rem;font-weight:600;letter-spacing:.04em;color:var(--text-muted)}.lesson-item.active .lesson-count{color:var(--primary)}@media (max-width: 768px){.sidebar{display:none}}.video-player-wrapper{width:100%;max-width:1200px;margin:0 auto 2rem;border-radius:12px;overflow:hidden;box-shadow:0 20px 25px -5px #00000014;background:#000}.video-aspect-ratio{position:relative;width:100%;padding-top:56.25%}.video-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e293b,#0f172a)}.play-btn{width:80px;height:80px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;transition:transform .2s,background .2s}.play-btn:hover{transform:scale(1.05);background:var(--primary-hover)}.video-overlay{position:absolute;top:1rem;left:1.5rem;font-size:1.25rem;font-weight:500;color:#fffc;text-shadow:0 2px 4px rgba(0,0,0,.5)}.video-iframe,.video-element{position:absolute;top:0;left:0;width:100%;height:100%;border:none;object-fit:contain;background:#000}.tabs-container{width:100%;max-width:1200px;margin:0 auto}.tab-headers{display:flex;border-bottom:1px solid var(--border);gap:2rem;margin-bottom:2rem}.tab-btn{padding:1rem 0;color:var(--text-muted);font-weight:500;display:flex;align-items:center;gap:.5rem;border-bottom:2px solid transparent;transition:all .2s;font-size:1rem}.tab-btn:hover{color:var(--text-main)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.overview-tab h2{margin-bottom:1rem;font-size:1.5rem}.overview-text{margin-bottom:2rem;color:var(--text-main);font-size:1.05rem;line-height:1.9;max-width:800px}.learning-objectives{list-style-position:inside;color:var(--text-muted);display:flex;flex-direction:column;gap:.75rem}.learning-objectives li::marker{color:var(--primary)}.tab-description{color:var(--text-muted);margin-bottom:2rem}.material-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.material-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;transition:transform .2s,border-color .2s}.material-card:hover{transform:translateY(-2px);border-color:var(--primary)}.material-icon-wrapper{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center}.material-icon-wrapper.pdf{background:#ef44441a;color:var(--color-error)}.material-icon-wrapper.video{background:var(--primary-light);color:var(--primary)}.material-details h4{font-size:1rem;margin-bottom:.25rem}.material-details span{font-size:.8rem;color:var(--text-muted)}.discussions-header{margin-bottom:2rem}.comment-input-area{display:flex;gap:1rem;margin-bottom:3rem}.avatar{width:40px;height:40px;border-radius:50%;background:var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar.instructor{background:var(--primary);color:#fff}.input-wrapper{flex:1;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;overflow:hidden}.input-wrapper textarea{width:100%;background:transparent;border:none;padding:1rem;color:var(--text-main);font-family:inherit;resize:vertical;min-height:100px;outline:none}.input-actions{display:flex;justify-content:flex-end;padding:.75rem 1rem;background:#00000008;border-top:1px solid var(--border)}.post-btn{background:var(--primary);color:#fff;padding:.5rem 1rem;border-radius:6px;font-weight:500;display:flex;align-items:center;gap:.5rem}.post-btn:hover{background:var(--primary-hover)}.comments-list{display:flex;flex-direction:column;gap:2rem}.comment-item{display:flex;gap:1rem}.comment-item.reply{margin-left:3.5rem}.comment-content{flex:1}.comment-header{margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem}.timestamp{font-size:.8rem;color:var(--text-muted)}.instructor-badge{background:#10b9811a;color:var(--accent);padding:.1rem .4rem;border-radius:4px;font-size:.75rem;font-weight:600}.comment-content p{color:var(--text-muted);line-height:1.6;margin-bottom:.75rem}.comment-actions{font-size:.85rem;color:var(--text-muted);display:flex;gap:1rem}.comment-actions button{color:var(--text-muted);font-weight:500}.comment-actions button:hover{color:var(--text-main)}.author-name-input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--border);padding:.75rem 1rem;color:var(--text-main);font-family:inherit;font-size:.95rem;outline:none}.author-name-input:focus{border-bottom-color:var(--primary)}.post-btn:disabled{opacity:.5;cursor:not-allowed}.post-btn:disabled:hover{background:var(--primary)}.post-hint{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;margin-right:auto}.delete-comment-btn{color:var(--text-muted);padding:.15rem;border-radius:4px;transition:color .2s,background .2s;display:flex;align-items:center;margin-left:auto}.delete-comment-btn:hover{color:var(--color-error);background:#ef44441a}.delete-own-btn{color:var(--text-muted);font-weight:500;font-size:.85rem}.delete-own-btn:hover{color:var(--color-error)}.edit-btn{color:var(--text-muted);font-weight:500;font-size:.85rem}.edit-btn:hover{color:var(--primary)}.edit-area{margin-top:.5rem}.edit-area textarea{width:100%;padding:.75rem;border:1px solid var(--primary);border-radius:8px;background:var(--bg-card);color:var(--text-main);font-family:inherit;font-size:.95rem;resize:vertical;outline:none}.edit-actions{display:flex;gap:.5rem;margin-top:.5rem}.save-edit-btn{padding:.4rem 1rem;background:var(--primary);color:#fff;border-radius:6px;font-weight:500;font-size:.85rem;transition:background .2s}.save-edit-btn:hover{background:var(--primary-hover)}.cancel-edit-btn{padding:.4rem 1rem;background:transparent;border:1px solid var(--border);color:var(--text-muted);border-radius:6px;font-weight:500;font-size:.85rem;transition:all .2s}.cancel-edit-btn:hover{border-color:var(--text-main);color:var(--text-main)}.comment-link{color:var(--primary);text-decoration:underline;word-break:break-all;transition:color .2s}.comment-link:hover{color:var(--primary-hover)}.no-comments{text-align:center;color:var(--text-muted);padding:2rem 0;font-size:.95rem}.materials-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:1.6rem 1.75rem;box-shadow:0 2px 14px #2f5d4a14;margin-bottom:1.5rem}.materials-card-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;width:100%;background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.materials-card-head:focus-visible{outline:2px solid var(--primary);outline-offset:6px;border-radius:6px}.materials-head-right{display:flex;align-items:center;gap:1rem;margin-left:auto}.materials-chevron{flex:none;color:var(--primary);transition:transform var(--transition-base)}.materials-card.is-open .materials-chevron{transform:rotate(180deg)}.materials-progress-text,.materials-bar{display:block}.materials-card-title{font-family:var(--font-heading);font-size:1.3rem;color:var(--text-heading);margin:0;display:flex;align-items:center;gap:.6rem}.materials-count{font-family:var(--font-body);font-size:.8rem;font-weight:700;color:#fff;background:var(--primary);border-radius:999px;padding:.1rem .7rem}.materials-progress{flex:0 1 240px;min-width:200px}.materials-progress-text{font-size:.82rem;color:var(--text-muted);text-align:right;margin-bottom:.35rem}.materials-progress-text b{color:var(--text-heading);font-size:.95rem}.materials-bar{height:8px;border-radius:999px;background:var(--border);overflow:hidden}.materials-bar i{display:block;height:100%;background:var(--primary);border-radius:999px;transition:width var(--transition-base)}.materials-bar.is-done i{background:#4f8a5b}.materials-list{list-style:none;margin:1.25rem 0 0;padding:0;display:flex;flex-direction:column;gap:.6rem}.materials-row{display:grid;grid-template-columns:auto 1fr auto;gap:.9rem;align-items:center;padding:.85rem 1rem;border:1px solid var(--border);border-radius:10px;background:#fffdfc}.materials-num{width:30px;height:30px;border-radius:50%;background:var(--primary-light);color:var(--primary);font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center}.materials-row.is-done .materials-num{background:#4f8a5b1a;color:#4f8a5b}.materials-name{min-width:0;font-weight:500;color:var(--text-heading);overflow-wrap:anywhere}.materials-dl{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--primary);color:var(--primary);background:#fff;border-radius:8px;padding:.55rem 1rem;font-weight:500;text-decoration:none;white-space:nowrap;transition:background var(--transition-fast)}.materials-dl:hover{background:var(--primary-light)}.materials-dl:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.materials-btns{display:flex;gap:.5rem}.materials-save{background:var(--primary);color:#fff}.materials-save:hover{background:var(--primary-hover)}.materials-help{margin-top:1rem;border:1px solid var(--border);border-radius:10px;background:#fffdfc}.materials-help summary{display:flex;align-items:center;gap:.45rem;padding:.75rem 1rem;cursor:pointer;color:var(--primary);font-weight:500;list-style:none}.materials-help summary::-webkit-details-marker{display:none}.materials-help summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:10px}.materials-help-body{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:0 1rem 1rem}.materials-help-device{background:var(--bg-dark);border-radius:8px;padding:.75rem .9rem;font-size:.88rem}.materials-help-device h3{margin:0 0 .35rem;font-size:.9rem;color:var(--text-heading)}.materials-help-device ol{margin:0;padding-left:1.1rem}.materials-all-done{display:flex;align-items:center;gap:.4rem;margin:1rem 0 0;background:#4f8a5b1a;color:#4f8a5b;border-radius:8px;padding:.6rem .9rem;font-weight:500;font-size:.9rem}.materials-empty{margin:1rem 0 0;color:var(--text-muted)}.materials-note{margin:.9rem 0 0;font-size:.78rem;color:var(--text-muted)}@media (max-width: 600px){.materials-card{padding:1.25rem 1rem}.materials-row{grid-template-columns:auto 1fr}.materials-btns{grid-column:1 / -1}.materials-dl{flex:1;justify-content:center}.materials-help-body{grid-template-columns:1fr}.materials-head-right{flex-basis:100%}.materials-progress{flex:1 1 auto;min-width:0}.materials-progress-text{text-align:left}}.review-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:1.6rem 1.75rem;box-shadow:0 2px 14px #2f5d4a14;margin-bottom:1.5rem}.review-card-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;width:100%;background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.review-card-head:focus-visible{outline:2px solid var(--primary);outline-offset:6px;border-radius:6px}.review-head-right{display:flex;align-items:center;gap:1rem;margin-left:auto}.review-chevron{flex:none;color:var(--primary);transition:transform var(--transition-base)}.review-card.is-open .review-chevron{transform:rotate(180deg)}.review-progress-text,.review-bar{display:block}.review-card-title{font-family:var(--font-heading);font-size:1.3rem;color:var(--text-heading);margin:0;display:flex;align-items:center;gap:.6rem}.review-count{font-family:var(--font-body);font-size:.8rem;font-weight:700;color:#fff;background:var(--primary);border-radius:999px;padding:.1rem .7rem}.review-progress{flex:0 1 240px;min-width:200px}.review-progress-text{font-size:.82rem;color:var(--text-muted);text-align:right;margin-bottom:.35rem}.review-progress-text b{color:var(--text-heading);font-size:.95rem}.review-bar{height:8px;border-radius:999px;background:var(--border);overflow:hidden}.review-bar i{display:block;height:100%;background:var(--primary);border-radius:999px;transition:width var(--transition-base)}.review-bar.is-done i{background:#4f8a5b}.review-grid{list-style:none;margin:1.25rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.review-tile{width:100%;display:flex;flex-direction:column;text-align:left;border:1px solid var(--border);border-radius:10px;background:#fffdfc;padding:0;overflow:hidden;cursor:pointer;font:inherit;color:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.review-tile:hover{border-color:var(--primary);box-shadow:0 4px 14px #2f5d4a26}.review-tile:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.review-tile.is-active{border-color:var(--primary)}.review-thumb{position:relative;display:block;aspect-ratio:16 / 9;background:var(--bg-thumbnail)}.review-thumb img{width:100%;height:100%;object-fit:cover;display:block}.review-play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:46px;height:46px;border-radius:50%;background:#ffffffe6;color:var(--text-heading);display:flex;align-items:center;justify-content:center}.review-next-badge{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;background:var(--accent);color:#fff;font-size:.72rem;font-weight:700;border-radius:999px;padding:.15rem .55rem}.review-watched-badge{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;gap:.25rem;background:var(--primary);color:#fff;font-size:.72rem;font-weight:700;border-radius:999px;padding:.15rem .55rem}.review-tile-body{display:flex;flex-direction:column;gap:.35rem;padding:.75rem .9rem .85rem}.review-tile-title{font-weight:500;color:var(--text-heading);overflow-wrap:anywhere}.review-tile-action{display:inline-flex;align-items:center;gap:.3rem;font-size:.85rem;color:var(--primary);font-weight:500}.review-tile-action.is-watched{color:var(--primary)}.review-note{margin:.9rem 0 0;font-size:.78rem;color:var(--text-muted)}@media (max-width: 600px){.review-card{padding:1.25rem 1rem}.review-head-right{flex-basis:100%}.review-progress{flex:1 1 auto;min-width:0}.review-progress-text{text-align:left}}.lesson-layout{display:flex;height:calc(100vh - 73px)}.lesson-main{flex:1;overflow-y:auto;padding:2rem 3rem}.lesson-top-nav{margin-bottom:.5rem}.back-to-courses-btn{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-muted);font-size:1.05rem;font-weight:600;padding:0;cursor:pointer;transition:color .2s}.back-to-courses-btn:hover{color:var(--primary)}.lesson-breadcrumbs{font-size:.9rem;color:var(--text-muted);margin-bottom:1rem}.lesson-breadcrumbs-wrap{position:relative;display:inline-block;max-width:100%;margin-bottom:1rem}.lesson-crumb-btn{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:0;background:none;border:0;padding:.25rem 0;font:inherit;font-size:.9rem;color:var(--text-muted);cursor:pointer;text-align:left}.lesson-crumb-btn:hover,.lesson-crumb-btn[aria-expanded=true]{color:var(--primary)}.lesson-crumb-btn:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:4px}.lesson-crumb-chevron{flex:none;transition:transform var(--transition-base)}.lesson-crumb-btn[aria-expanded=true] .lesson-crumb-chevron{transform:rotate(180deg)}.lesson-crumb-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:30;min-width:220px;max-width:min(90vw,360px);max-height:60vh;overflow-y:auto;list-style:none;margin:0;padding:.4rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 30px #2b27251f}.lesson-crumb-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem .9rem;border:0;border-radius:8px;background:none;font:inherit;font-size:.95rem;color:var(--text-main);text-align:left;cursor:pointer}.lesson-crumb-option:hover:not(:disabled){background:var(--primary-light)}.lesson-crumb-option.is-current{color:var(--primary);font-weight:700}.lesson-crumb-option:disabled{opacity:.45;cursor:default}.lesson-header-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.lesson-header-main{min-width:0;display:grid;gap:.5rem}.lesson-header-title{font-size:1.9rem;margin:0}.lesson-songs{display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;font-size:.85rem;color:var(--text-muted)}.lesson-header-meta{flex-shrink:0;font-size:.82rem;color:var(--text-muted);white-space:nowrap;padding-bottom:.4rem}.lesson-content-wrapper{max-width:1200px;margin:0 auto}.audio-player-placeholder,.document-viewer-placeholder{width:100%;padding:4rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-bottom:2rem;gap:1.5rem}.audio-controls{display:flex;align-items:center;gap:1rem;width:100%;max-width:400px}.play-btn-small{width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center}.audio-progress{flex:1;height:6px;background:#00000014;border-radius:3px}.doc-links{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:500px}.download-btn{padding:.75rem 1.5rem;background:transparent;border:1px solid var(--primary);color:var(--primary);border-radius:6px;font-weight:500;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem}.download-btn:hover{background:#2f5d4a1a}.content-locked{width:100%;min-height:60vh;padding:60px 40px;display:grid;place-items:center}.locked-wrap{width:100%;max-width:520px}.locked-card{width:100%;background:var(--primary);color:#fff;border-radius:18px;padding:40px 44px;display:grid;gap:14px;text-align:left}.locked-eyebrow{display:block;font-family:var(--font-latin);font-size:12.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--blush);line-height:1.4}.locked-card h3{margin:0;color:#fff;font-size:26px;font-weight:500}.locked-desc{margin:0;color:#ffffffe0;font-size:14px;line-height:1.9}.locked-card form{display:grid;gap:10px}.locked-card label{font-size:12.5px;letter-spacing:.06em;color:#dce8e1}.locked-card input{height:50px;padding:0 16px;border:1.5px solid #fff;border-radius:10px;font-size:1rem;background:#fff;color:var(--text-main);outline:none;font-family:inherit;transition:border-color .2s}.locked-card input:focus{border-color:var(--blush)}.locked-card input.error{border-color:var(--blush)}.locked-card .error-msg{color:var(--blush);font-size:12.5px}.locked-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.locked-card .gate-btn,.locked-link{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:44px;padding:0 22px;border-radius:999px;font-size:14px;font-weight:700;letter-spacing:.03em;line-height:1.3;white-space:nowrap;box-shadow:none;transition:background .2s,color .2s}.locked-card .gate-btn{background:#fff;color:var(--primary)}.locked-card .gate-btn:hover{background:var(--bg-dark);color:var(--primary);transform:none}.locked-link{border:1.5px solid rgba(255,255,255,.7);color:#fff;background:transparent;text-decoration:none}.locked-link:hover{background:#ffffff1f}.locked-help{text-align:center;font-size:12.5px;color:var(--text-muted);margin:16px auto 0;line-height:1.8}@media (max-width: 480px){.content-locked{padding:24px 16px}.locked-card{padding:28px 22px;border-radius:14px}.locked-card h3{font-size:22px}.locked-actions{display:grid}}.lesson-plan-btn{padding:.5rem 1.2rem;background:var(--primary);color:#fff;border-radius:30px;font-weight:600;font-size:.85rem;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;border:none;white-space:nowrap;flex-shrink:0;box-shadow:0 4px 10px #2f5d4a2e}.lesson-plan-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #2f5d4a47}.zoom-join-wrapper{display:flex;justify-content:center;margin-bottom:1.5rem}.zoom-join-btn{padding:.9rem 2.5rem;background:var(--primary);color:#fff;border-radius:30px;font-weight:600;font-size:1.15rem;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;border:none;white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center;gap:.6rem;box-shadow:0 4px 10px #2f5d4a2e}.zoom-join-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #2f5d4a47}.mobile-item-nav{display:none}@media (max-width: 768px){.mobile-item-nav{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:.75rem -1rem 1rem;padding:8px 1rem;position:sticky;top:64px;z-index:20;background:var(--bg-dark);border-bottom:1px solid var(--border)}.mobile-item-nav::-webkit-scrollbar{display:none}.mobile-item-pill{flex-shrink:0;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-main);font-size:.85rem;font-weight:600;white-space:nowrap}.mobile-item-pill.is-on{background:var(--text-heading);border-color:var(--text-heading);color:#fff}.mobile-item-pill:disabled{opacity:.4}}@media (max-width: 768px){.lesson-layout{flex-direction:column;height:auto;min-height:calc(100vh - 73px)}.lesson-main{padding:1.5rem 1rem;overflow-y:visible;order:1}.lesson-header-row{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:1rem}.lesson-header-title{font-size:1.5rem}.lesson-header-meta{padding-bottom:0}.audio-player-placeholder,.document-viewer-placeholder,.content-locked{padding:2rem 1rem}}.admin-container{padding:3rem;max-width:900px;margin:0 auto}.admin-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.admin-header-bar h1{font-size:2rem}.save-all-btn{padding:.75rem 1.5rem;background:var(--primary);color:#fff;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:.5rem;font-size:1rem;transition:background .2s}.save-all-btn:hover{background:var(--primary-hover)}.admin-section{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2rem;margin-bottom:1.5rem}.admin-section h2{font-size:1.1rem;display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2{margin-bottom:0}.admin-desc{color:var(--text-muted);margin-bottom:1.5rem}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.admin-field{display:flex;flex-direction:column;gap:.4rem}.admin-field label{font-weight:500;font-size:.85rem;color:var(--text-muted)}.admin-field input,.admin-section>.admin-field input{padding:.7rem 1rem;border:1px solid var(--border);border-radius:8px;font-size:.95rem;background:var(--bg-dark);color:var(--text-main);outline:none;font-family:inherit;transition:border-color .2s}.admin-field input:focus{border-color:var(--primary)}.admin-field textarea{padding:.7rem 1rem;border:1px solid var(--border);border-radius:8px;font-size:.95rem;background:var(--bg-dark);color:var(--text-main);outline:none;font-family:inherit;transition:border-color .2s;resize:vertical}.admin-field textarea:focus{border-color:var(--primary)}.field-hint{font-weight:400;font-size:.75rem;color:var(--text-muted);opacity:.6}.course-block{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-bottom:1rem;overflow:hidden}.course-block-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;cursor:pointer;transition:background .2s}.course-block-header:hover{background:var(--primary-light)}.course-header-left{display:flex;align-items:center;gap:.5rem}.course-number{font-weight:600;font-size:.95rem;color:var(--primary)}.course-preview-title{color:var(--text-muted);font-size:.9rem;margin-left:.5rem}.course-block-body{padding:1.5rem;border-top:1px solid var(--border)}.lessons-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.lessons-section-header h4{font-size:.95rem;display:flex;align-items:center;gap:.4rem;color:var(--text-main)}.lesson-block{background:var(--bg-dark);border:1px solid var(--border);border-radius:10px;margin-bottom:1rem;overflow:hidden}.lesson-block-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;transition:background .2s}.lesson-block-header:hover{background:var(--primary-light)}.lesson-header-left{display:flex;align-items:center;gap:.5rem}.lesson-block-body{padding:1rem 1.5rem 1.5rem;border-top:1px solid var(--border)}.lesson-number{font-weight:600;font-size:.95rem;color:var(--primary)}.items-section{margin-top:1.5rem}.items-section h4{font-size:.9rem;color:var(--text-muted);margin-bottom:.75rem;font-weight:500}.item-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;align-items:center;padding:.75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px}.item-row select{padding:.5rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);color:var(--text-main);font-size:.85rem;outline:none;min-width:100px;font-family:inherit}.item-row input{flex:1;padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;font-size:.85rem;background:var(--bg-card);color:var(--text-main);outline:none;font-family:inherit}.item-row input:focus,.item-row select:focus{border-color:var(--primary)}.duration-input{max-width:90px!important;flex:0!important}.src-input{min-width:160px;flex:2!important}.add-item-row{display:flex;gap:.5rem;margin-top:.75rem}.add-btn,.add-item-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:1px dashed var(--border);border-radius:6px;color:var(--primary);font-size:.85rem;font-weight:500;transition:background .2s;background:transparent}.add-btn:hover,.add-item-btn:hover{background:var(--primary-light)}.remove-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;color:var(--color-error);background:transparent;transition:background .2s;flex-shrink:0}.remove-btn:hover{background:#ef444414}.move-btn{display:flex;align-items:center;justify-content:center;width:28px;height:32px;border-radius:6px;color:var(--color-text-muted, #777);background:transparent;transition:background .2s;flex-shrink:0}.move-btn:hover:not(:disabled){background:#0000000f}.move-btn:disabled{opacity:.25;cursor:default}.duplicate-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;color:var(--primary);background:transparent;transition:background .2s;flex-shrink:0}.duplicate-btn:hover{background:var(--primary-light)}.admin-gate{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:3rem;max-width:420px;margin:4rem auto;text-align:center;box-shadow:0 8px 32px #0000000f}.admin-gate h2{margin:1.5rem 0 .5rem}.admin-gate form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.admin-gate input{padding:.9rem 1rem;border:1px solid var(--border);border-radius:8px;font-size:1rem;background:var(--bg-dark);color:var(--text-main);outline:none;font-family:inherit;transition:border-color .2s}.admin-gate input:focus{border-color:var(--primary)}.admin-gate input.error{border-color:var(--color-error)}.error-msg{color:var(--color-error);font-size:.85rem;text-align:left}.lockout-msg{font-weight:600;padding:.5rem;background:#ef44440f;border-radius:6px;text-align:center}@media (max-width: 768px){.admin-container{padding:1.5rem 1rem}.admin-header-bar{flex-direction:column;align-items:flex-start;gap:1rem}.admin-section{padding:1.5rem 1rem}.admin-grid{grid-template-columns:1fr}.course-block-header{flex-direction:column;align-items:flex-start;gap:.5rem}.lessons-section-header{flex-direction:column;align-items:flex-start;gap:.75rem}.lesson-block-header{flex-direction:column;align-items:flex-start;gap:.5rem}.lesson-header-left,.course-header-left{flex-wrap:wrap}.item-row{flex-direction:column;align-items:stretch}.duration-input{max-width:none!important}.src-input{min-width:0}.add-item-row{flex-wrap:wrap}.admin-gate{margin:2rem 1rem;padding:2rem 1.5rem}}.app-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1rem;padding:18px 40px;border-top:1px solid var(--border);font-size:.72rem;color:var(--text-muted);background:var(--bg-dark)}.app-footer a{color:inherit}.app-footer a:hover{color:var(--primary)}@media (max-width: 768px){.app-footer{padding:14px 16px;flex-direction:column;align-items:flex-start}}:root{--primary: #2F5D4A;--primary-hover: #264D3D;--primary-light: rgba(47, 93, 74, .08);--primary-focus: rgba(47, 93, 74, .25);--accent: #B5503A;--accent-muted: rgba(47, 93, 74, .18);--blush: #F7B5A5;--bg-dark: #FBF8F3;--bg-card: #ffffff;--bg-thumbnail: linear-gradient(135deg, #DFE8E2 0%, #EFF3F0 100%);--text-heading: #1F2A24;--text-main: #3A433E;--text-muted: #8A918C;--border: #EAE4D8;--border-focus: var(--primary);--color-error: #c0392b;--color-error-bg: rgba(192, 57, 43, .08);--nav-link: var(--primary);--font-body: "Noto Sans JP", sans-serif;--font-heading: "Shippori Mincho", "Cormorant Garamond", serif;--font-latin: "Cormorant Garamond", "Shippori Mincho", serif;--transition-fast: .15s ease;--transition-base: .25s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-main);line-height:1.8;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:500;color:var(--text-heading);letter-spacing:.04em;margin-bottom:.5rem}:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:4px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 24px;background:var(--primary);color:#fff;font-weight:600;font-size:.9rem;border:none;border-radius:30px;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 4px 10px var(--accent-muted)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 18px #2f5d4a47}.btn-primary:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.gate-btn{width:100%;padding:12px;background:var(--primary);color:#fff;font-size:.95rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 4px 12px var(--accent-muted)}.gate-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 18px #2f5d4a47}.gate-btn:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.gate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column}button{cursor:pointer;border:none;background:none;font-family:inherit}a{color:inherit;text-decoration:none}.app-header{padding:1rem 2rem;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);box-shadow:0 4px 20px #00000008;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.app-header-brand{display:grid;line-height:1.15;cursor:pointer}.app-header-brand small{font-family:var(--font-latin);font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}.app-header-title{font-family:var(--font-heading);cursor:pointer;font-size:1.2rem;font-weight:600;margin-bottom:0}.app-header-title-studio{color:var(--primary);font-family:var(--font-latin);font-weight:600;letter-spacing:.06em}.app-header-lang{display:flex;align-items:center;gap:4px;padding:0 4px;font-family:var(--font-latin);font-size:.9rem;font-weight:600;letter-spacing:.14em;color:var(--text-muted)}.app-header-lang button{font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;color:inherit;padding:4px 2px;min-height:34px}.app-header-lang button.is-on{color:var(--text-heading)}.app-header-ghost{font-size:.8rem;color:var(--text-main);padding:8px 14px;border:1px solid var(--border);border-radius:999px;background:var(--bg-card);white-space:nowrap}.app-header-ghost:hover{border-color:var(--primary);color:var(--primary)}.app-header-actions{display:flex;align-items:center;gap:1rem}.app-header-top-btn{display:flex;align-items:center;padding:.4rem 1rem;border-radius:30px;border:1px solid var(--border);background-color:var(--bg-dark);color:var(--text-main);font-size:.85rem;font-weight:500;text-decoration:none;transition:all .3s ease}.app-header-top-btn:hover{background:var(--primary);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 10px #2f5d4a2e}.app-header-home-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background-color:var(--bg-dark);color:var(--text-main);text-decoration:none;transition:all .3s ease}.app-header-home-btn:hover{background:var(--primary);color:#fff;border-color:transparent}.app-header-bell{position:relative;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background-color:var(--bg-dark);color:var(--text-main);text-decoration:none;transition:all .3s ease}.app-header-bell:hover{background:var(--primary);color:#fff;border-color:transparent}.app-header-bell.has-unread{background:var(--accent);color:#fff;border-color:transparent;box-shadow:0 4px 10px #b5503a40}.app-header-bell.has-unread:after{content:"";position:absolute;top:1px;right:1px;width:10px;height:10px;border-radius:50%;background:#d9534f;border:2px solid #fff}.app-header-bell.has-unread svg{animation:bell-ring 2.4s ease-in-out 1;transform-origin:top center}@keyframes bell-ring{0%,to{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-12deg)}30%{transform:rotate(9deg)}40%{transform:rotate(-6deg)}50%{transform:rotate(0)}}.app-header-select{padding:.4rem .8rem;background-color:var(--bg-dark);color:var(--text-main);border:1px solid var(--border);border-radius:4px;outline:none;cursor:pointer}.app-header-logout{display:flex;align-items:center;gap:.4rem;padding:.5rem 1.2rem;border-radius:30px;background:transparent;color:var(--primary);border:1px solid var(--primary);font-weight:500;font-size:.85rem;transition:all .3s ease;cursor:pointer}.app-header-logout:hover{background:var(--primary);color:#fff}@media (max-width: 768px){.app-header{padding:.8rem 1rem}.app-header-title{font-size:1.1rem}.app-header-actions{gap:.5rem}.app-header-top-btn{padding:.3rem .7rem;font-size:.75rem;border-radius:20px}.app-header-select{padding:.3rem .5rem;font-size:.8rem}.app-header-bell,.app-header-home-btn{width:30px;height:30px}.app-header-logout{padding:.4rem .8rem;font-size:.75rem}}@media (max-width: 480px){.app-header{padding:.6rem .8rem;flex-wrap:wrap;gap:.4rem}.app-header-brand{flex:0 1 auto;min-width:0}.app-header-brand small{font-size:9px}.app-header-title{font-size:.95rem;white-space:nowrap}.app-header-lang{font-size:.8rem;letter-spacing:.08em}.app-header-ghost{font-size:.72rem;padding:6px 10px}.app-header{min-height:56px;flex-wrap:nowrap}.app-header-logout{width:34px;height:34px;min-height:34px;padding:0;justify-content:center;border-radius:50%}.app-header-logout-text{display:none}.app-header-actions{gap:.4rem;flex:1 1 auto;justify-content:flex-end}.app-header-top-btn{padding:.25rem .6rem;font-size:.7rem;white-space:nowrap}.app-header-select{padding:.25rem .4rem;font-size:.75rem}}@media (max-width: 768px){.app-header-top-btn,.app-header-select,.app-header-logout{min-height:44px}.app-header-top-btn,.app-header-logout{display:inline-flex;align-items:center;justify-content:center}.app-header-home-btn{width:44px;height:44px}.app-header{height:64px;min-height:64px;padding-top:0;padding-bottom:0;flex-wrap:nowrap;align-items:center}.app-header-logout{min-height:34px}}