.pg-wrapper{min-height:100vh;background-color:#f8fafc;padding:2rem;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap;color:#374151}.pg-panel{background:#fff;border-radius:16px;box-shadow:0 10px 25px -5px #0000001a;padding:2rem;width:100%;max-width:500px;border-top:5px solid #0f172a;height:fit-content}.pg-panel-title{font-size:1.25rem;font-weight:700;text-align:center;color:#1f2937;margin-bottom:1.5rem}.pg-form-group{margin-bottom:1rem}.pg-form-row{display:flex;gap:1rem;margin-bottom:1rem}.pg-form-col{flex:1}.pg-form-col-2{flex:2}.pg-label{display:block;font-size:.875rem;font-weight:500;color:#4b5563;margin-bottom:.25rem}.pg-input{width:100%;padding:.6rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:all .2s;box-sizing:border-box;background:#fff}.pg-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.pg-input-amount{color:#d97706;font-weight:700}.pg-tags-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.pg-tag-btn{padding:.25rem .75rem;background:#f8fafc;color:#475569;border:1px solid #e2e8f0;border-radius:9999px;font-size:.875rem;cursor:pointer;transition:all .2s}.pg-tag-btn:hover{background:#0f172a;color:#fff}.pg-btn{width:100%;padding:.8rem;border-radius:8px;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;border:none;transition:all .2s;box-shadow:0 4px 6px -1px #0000001a}.pg-btn:active:not(:disabled){transform:scale(.98)}.pg-btn:disabled{opacity:.6;cursor:not-allowed}.pg-btn-primary{background:#0f172a;color:#fff}.pg-btn-primary:hover:not(:disabled){background:#1e293b}.pg-btn-success{background:#10b981;color:#fff}.pg-btn-success:hover:not(:disabled){background:#059669}.pg-btn-outline{background:#fff;color:#374151;border:1px solid #d1d5db;box-shadow:none}.pg-btn-outline:hover{background:#f9fafb}.pg-upload-wrapper{position:relative;margin:0}.pg-file-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.pg-fields-container{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.pg-draggable-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;transition:all .2s ease}.pg-draggable-item.dragging{opacity:.4;border-color:#94a3b8;transform:scale(.99);background:#f1f5f9}.pg-draggable-item.hidden-item{background:#fff;border-style:dashed;opacity:.6;padding:.5rem 1rem}.pg-drag-header{display:flex;align-items:center;gap:.75rem}.pg-drag-handle{cursor:grab;color:#94a3b8;display:flex;align-items:center}.pg-drag-handle:active{cursor:grabbing}.pg-visibility-cb{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:#3b82f6;margin:0}.pg-block-title{font-weight:700;font-size:.95rem;color:#334155}.pg-block-content{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.pg-preview-col{display:flex;flex-direction:column;align-items:center}.pg-preview-hint{color:#6b7280;margin-bottom:.5rem;font-size:.9rem}.theme-dark-gold{--bg-color: #020617;--bg-grad-1: #1e293b;--bg-grad-2: #020617;--accent-main: #fbbf24;--accent-dark: #d97706;--accent-light: #fef08a;--text-main: #ffffff;--text-sub: #94a3b8;--card-bg: rgba(255, 255, 255, .04);--card-border: rgba(251, 191, 36, .3);--glow: rgba(251, 191, 36, .15)}.theme-rose-pink{--bg-color: #ffffff;--bg-grad-1: #fff1f2;--bg-grad-2: #ffe4e6;--accent-main: #f43f5e;--accent-dark: #e11d48;--accent-light: #fecdd3;--text-main: #1f2937;--text-sub: #6b7280;--card-bg: rgba(255, 255, 255, .8);--card-border: rgba(244, 63, 94, .3);--glow: rgba(244, 63, 94, .15)}.theme-tech-blue{--bg-color: #0f172a;--bg-grad-1: #1e293b;--bg-grad-2: #0f172a;--accent-main: #0ea5e9;--accent-dark: #0284c7;--accent-light: #7dd3fc;--text-main: #ffffff;--text-sub: #94a3b8;--card-bg: rgba(255, 255, 255, .05);--card-border: rgba(14, 165, 233, .3);--glow: rgba(14, 165, 233, .15)}.theme-forest-green{--bg-color: #064e3b;--bg-grad-1: #065f46;--bg-grad-2: #064e3b;--accent-main: #10b981;--accent-dark: #059669;--accent-light: #6ee7b7;--text-main: #ffffff;--text-sub: #a7f3d0;--card-bg: rgba(255, 255, 255, .05);--card-border: rgba(16, 185, 129, .3);--glow: rgba(16, 185, 129, .15)}.theme-royal-purple{--bg-color: #2e1065;--bg-grad-1: #4c1d95;--bg-grad-2: #2e1065;--accent-main: #d946ef;--accent-dark: #c026d3;--accent-light: #f5d0fe;--text-main: #ffffff;--text-sub: #d8b4fe;--card-bg: rgba(255, 255, 255, .05);--card-border: rgba(217, 70, 239, .3);--glow: rgba(217, 70, 239, .15)}.theme-sunset-orange{--bg-color: #fffbeb;--bg-grad-1: #fef3c7;--bg-grad-2: #fffbeb;--accent-main: #f59e0b;--accent-dark: #d97706;--accent-light: #fde68a;--text-main: #451a03;--text-sub: #78350f;--card-bg: rgba(255, 255, 255, .6);--card-border: rgba(245, 158, 11, .3);--glow: rgba(245, 158, 11, .15)}.pg-poster{background:radial-gradient(circle at 50% 0%,var(--bg-grad-1) 0%,var(--bg-grad-2) 100%);background-color:var(--bg-color);padding:1.5rem;box-shadow:0 25px 50px -12px #0006;display:flex;flex-direction:column;justify-content:space-between;gap:.75rem;position:relative;overflow:hidden;box-sizing:border-box;transition:all .3s ease;border:1px solid var(--card-border)}.pg-poster:before{content:"";position:absolute;top:-50px;left:50%;transform:translate(-50%);width:300px;height:300px;pointer-events:none;background:radial-gradient(circle,var(--glow) 0%,rgba(0,0,0,0) 70%)}.pg-poster-team{background:linear-gradient(135deg,var(--accent-main) 0%,var(--accent-dark) 100%);color:#fff;padding:.35rem 1.5rem;border-radius:9999px;font-size:.9rem;font-weight:900;letter-spacing:1px;box-shadow:0 4px 15px var(--glow);position:relative;z-index:1}.pg-poster-title{color:var(--accent-light);text-shadow:0 0 20px var(--glow);font-size:2.25rem;font-weight:900;display:flex;align-items:center;gap:.75rem;letter-spacing:2px;position:relative;z-index:1}.pg-modular-card{width:100%;border:1px solid var(--card-border);border-radius:16px;padding:1.25rem;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;box-sizing:border-box;position:relative;z-index:1}.pg-poster-job{color:var(--text-sub);font-weight:500;letter-spacing:1px}.pg-poster-name{font-size:2.5rem;font-weight:900;color:var(--text-main);margin:.25rem 0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.pg-poster-ins-label{color:var(--text-sub);font-size:.8rem;letter-spacing:1px;margin-top:.5rem}.pg-poster-ins-val{color:var(--text-main);font-size:1.1rem;font-weight:600;text-align:center;margin:.25rem 0 0}.pg-poster-amount-box{background:linear-gradient(180deg,var(--glow) 0%,rgba(0,0,0,0) 100%);width:100%;padding:1rem 0;border-radius:12px;display:flex;flex-direction:column;align-items:center;border:1px solid var(--card-border);position:relative;z-index:1}.pg-poster-amount-label{color:var(--accent-main);font-size:.9rem;font-weight:700;letter-spacing:1px}.pg-poster-amount-val{color:var(--accent-main);display:flex;align-items:baseline;gap:.25rem;text-shadow:0 0 15px var(--glow)}.pg-poster-amount-unit{font-size:1.25rem;font-weight:700}.pg-poster-amount-num{font-size:2.75rem;font-weight:900;letter-spacing:-.02em;margin:0;line-height:1}.pg-poster-quote{background:transparent;color:var(--text-main);padding:.5rem 0 .5rem 1rem;border-left:4px solid var(--accent-main);font-size:1.1rem;font-weight:500;font-style:italic;width:100%;box-sizing:border-box;position:relative;z-index:1}.pg-poster-date{color:var(--text-sub);font-size:.85rem;text-align:right;width:100%;margin:0;position:relative;z-index:1}.theme-dark-gold{align-items:center;text-align:center}.theme-rose-pink{align-items:flex-start;text-align:left}.theme-rose-pink .pg-poster-team{align-self:flex-start;border-radius:8px}.theme-rose-pink .pg-poster-title{color:var(--accent-dark)}.theme-rose-pink .pg-modular-card{align-items:flex-start;border-radius:24px;padding:1.5rem}.theme-rose-pink .pg-poster-ins-val{text-align:left}.theme-rose-pink .pg-poster-amount-box{flex-direction:row;justify-content:space-between;padding:1rem 1.5rem;border-radius:24px}.theme-tech-blue{align-items:stretch;text-align:right}.theme-tech-blue .pg-poster-team{align-self:flex-end;border-radius:2px}.theme-tech-blue .pg-poster-title{flex-direction:row-reverse;justify-content:flex-start}.theme-tech-blue .pg-modular-card{align-items:flex-end;border-radius:0;border-left:none;border-right:4px solid var(--accent-main);background:linear-gradient(90deg,transparent,rgba(255,255,255,.05))}.theme-tech-blue .pg-poster-ins-val{text-align:right}.theme-tech-blue .pg-poster-amount-box{border-radius:0;border-right:4px solid var(--accent-main)}.theme-tech-blue .pg-poster-quote{border-left:none;border-right:4px solid var(--accent-main);padding:.5rem 1rem .5rem 0;text-align:right}.theme-forest-green{align-items:center;text-align:center}.theme-forest-green .pg-poster-team{border-radius:15px 0}.theme-forest-green .pg-modular-card{border-radius:30px 0;border:none;background:#ffffff1a}.theme-forest-green .pg-poster-amount-box{border-radius:0 30px}.theme-royal-purple{align-items:center;text-align:center}.theme-royal-purple .pg-poster-title{font-family:Times New Roman,serif}.theme-royal-purple .pg-poster-team{border-radius:0;border:1px solid var(--accent-light)}.theme-royal-purple .pg-modular-card{border:4px double var(--card-border);border-radius:0}.theme-royal-purple .pg-poster-amount-box{border:4px double var(--accent-main);border-radius:0}.theme-sunset-orange{align-items:center;text-align:center}.theme-sunset-orange .pg-poster-team{color:#fffbeb;transform:skew(-10deg);border-radius:0}.theme-sunset-orange .pg-poster-title{color:var(--accent-dark)}.theme-sunset-orange .pg-modular-card{border-radius:0;border:2px solid var(--text-main);box-shadow:6px 6px 0 var(--accent-main)}.theme-sunset-orange .pg-poster-amount-box{border:none;background:var(--text-main);color:var(--bg-color);border-radius:0;transform:skew(-5deg);box-shadow:6px 6px 0 var(--accent-main)}.theme-sunset-orange .pg-poster-amount-label{color:var(--bg-color)}.theme-sunset-orange .pg-poster-amount-val{color:var(--accent-light);text-shadow:none}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,Microsoft JhengHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{border:0;font:inherit;cursor:pointer}.app{--bg: #f6f4ef;--surface: #fffdf8;--surface-muted: #ebe7dc;--text: #151923;--muted: #667085;--line: #d8d1c1;--accent: #276a61;--accent-soft: #d9eee7;--accent-strong: #14213d;--danger: #b84545;--danger-soft: #ffe7e7;--success: #1f7a57;--success-soft: #ddf4e8;min-height:100vh;padding:0 0 56px;color:var(--text);background:var(--bg)}.app[data-theme=dark]{--bg: #10131a;--surface: #191f2b;--surface-muted: #252c39;--text: #f4f0e8;--muted: #aeb7c7;--line: #343c4c;--accent: #74c8b7;--accent-soft: #1e3c38;--accent-strong: #d9e6ff;--danger: #ff8a8a;--danger-soft: #3a2227;--success: #7dd7a7;--success-soft: #1c3728}.site-header{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;width:min(1120px,calc(100% - 32px));margin:0 auto;padding:18px 0;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{color:var(--text);font-size:22px;font-weight:900;text-decoration:none}.main-nav{display:flex;justify-content:center;gap:8px}.main-nav button,.menu-toggle,.theme-toggle,.day-tabs button,.sound-button,.next-button,.word-actions button{min-height:42px;border-radius:8px;color:var(--text);background:var(--surface-muted);font-weight:800}.main-nav button{padding:0 18px}.main-nav button.is-active,.day-tabs button.is-active,.next-button{color:var(--bg);background:var(--accent-strong)}.menu-toggle{display:none;width:44px;place-items:center}.theme-toggle{width:44px;display:grid;place-items:center}.page-intro,.day-tabs,.learning-layout,.grammar-post{width:min(1120px,calc(100% - 32px));margin-inline:auto}.page-intro{padding:46px 0 22px}.page-intro p,.post-header p{margin:0;color:var(--accent);font-size:13px;font-weight:900;letter-spacing:0}.page-intro h1{margin:8px 0 0;color:var(--text);font-size:44px;line-height:1.08}.day-tabs{display:flex;gap:8px;padding-bottom:18px;overflow-x:auto}.day-tabs button{flex:0 0 auto;padding:0 14px}.learning-layout{display:grid;gap:22px}.post,.quiz-section{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 18px 42px #00000014}.post,.quiz-section{padding:28px}.post-header{display:grid;gap:8px;padding-bottom:22px;border-bottom:1px solid var(--line)}.post-header h2{margin:0;color:var(--text);font-size:34px;line-height:1.22}.post-header span{color:var(--muted);font-weight:800}.word-list{display:grid}.word-entry{display:grid;grid-template-columns:minmax(150px,.45fr) minmax(0,1fr) auto;gap:18px;align-items:start;padding:22px 0;border-bottom:1px solid var(--line)}.word-entry:last-child{border-bottom:0}.word-entry h3{margin:0 0 6px;color:var(--text);font-size:34px;line-height:1.05}.romanization{margin:0;color:var(--muted);font-weight:800}.word-body strong{display:block;margin-bottom:10px;color:var(--text);font-size:20px}.word-body p{margin:0 0 6px;color:var(--text);font-size:18px;line-height:1.65}.word-body mark{border-radius:6px;padding:1px 5px;color:var(--text);background:var(--accent-soft);box-shadow:inset 0 -2px 0 var(--accent)}.word-body em,.grammar-examples em{color:var(--muted);font-style:normal;line-height:1.6}.word-actions{display:grid;gap:8px}.word-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;color:var(--bg);background:var(--accent);white-space:nowrap}.quiz-grid{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:20px;align-items:start;padding-top:22px}.quiz-question{display:grid;gap:12px;align-content:start;border-radius:8px;padding:22px;background:var(--surface-muted)}.quiz-question h3{margin:0;color:var(--text);font-size:56px;line-height:1.05}.quiz-question p{margin:0;color:var(--muted);font-weight:900}.sound-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:fit-content;padding:0 16px;color:var(--bg);background:var(--accent)}.quiz-options{display:grid;gap:10px}.quiz-option{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:8px;padding:0 14px;color:var(--text);background:var(--surface-muted);font-weight:850;text-align:left}.quiz-option.correct{border-color:var(--success);color:var(--success);background:var(--success-soft)}.quiz-option.wrong{border-color:var(--danger);color:var(--danger);background:var(--danger-soft)}.next-button{width:100%}.next-button:disabled{cursor:not-allowed;opacity:.45}.grammar-post{max-width:900px}.grammar-section,.pattern-box{margin-top:24px}.grammar-section h3,.pattern-box h3{margin:0 0 10px;color:var(--text);font-size:22px}.grammar-section p{margin:0;color:var(--text);font-size:18px;line-height:1.8}.pattern-box{display:grid;gap:8px;border-left:5px solid var(--accent);border-radius:8px;padding:18px;background:var(--surface-muted)}.pattern-box strong{color:var(--text);font-size:24px;line-height:1.5}.grammar-examples{display:grid;gap:10px}.grammar-examples button{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:14px;align-items:center;min-height:64px;border-radius:8px;padding:14px 16px;color:var(--text);background:var(--surface-muted);text-align:left}.grammar-examples span{font-size:18px;font-weight:900}@media(max-width:860px){.site-header{grid-template-columns:1fr auto auto}.menu-toggle{display:grid}.main-nav{display:none;grid-column:1 / -1;justify-content:stretch;padding-top:6px}.main-nav.is-open{display:grid;grid-template-columns:1fr}.main-nav button{width:100%}.quiz-grid{grid-template-columns:1fr}.word-entry{grid-template-columns:minmax(0,1fr) auto}.word-body{grid-column:1 / -1}}@media(max-width:560px){.site-header,.page-intro,.day-tabs,.learning-layout,.grammar-post{width:min(100% - 20px,520px)}.page-intro{padding-top:28px}.page-intro h1{font-size:36px}.post,.quiz-section{padding:20px}.post-header h2{font-size:28px}.word-entry{gap:12px}.word-entry h3{font-size:30px}.word-actions{grid-template-columns:1fr}.word-actions button{width:74px;padding:0}.quiz-question h3{font-size:48px}.grammar-examples button{grid-template-columns:1fr auto}.grammar-examples em{grid-column:1 / -1}}