.notebook-container{display:flex;flex-direction:column;gap:24px;width:100%;max-width:1200px;margin:0 auto;padding:0 16px 60px;color:#0F172A}.notebook-hero-banner{background:linear-gradient(135deg,#FFFFFF,#FFF1F2 50%,#FEF3C7);border:2px solid #fecdd3;border-bottom:6px solid #fda4af;border-radius:28px;padding:32px 36px;position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(225,29,72,.04)}.notebook-hero-banner:after{content:"記";position:absolute;right:24px;bottom:-20px;font-family:var(--font-han-nom-kai),"Noto Serif SC",serif;font-size:160px;color:rgba(225,29,72,.04);line-height:1;pointer-events:none;user-select:none;font-weight:900}.notebook-hero-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.notebook-hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;font-weight:900;letter-spacing:1px;color:var(--primary-red,#E11D48);margin-bottom:8px;text-transform:uppercase}.notebook-hero-title{font-size:28px;font-weight:900;color:#0F172A;margin:0 0 6px;display:flex;align-items:center;gap:12px}.notebook-hero-seal{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#E11D48;color:#FFFFFF;border-radius:8px;font-family:var(--font-han-nom-kai),serif;font-size:18px;font-weight:900;box-shadow:0 2px 8px rgba(225,29,72,.3)}.notebook-hero-subtitle{font-size:15px;color:#475569;margin:0 0 8px;max-width:600px;line-height:1.5}.notebook-hero-quote{font-size:13px;font-style:italic;color:#64748B;display:flex;align-items:center;gap:8px}.notebook-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.notebook-btn-3d-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;background:var(--primary-red,#E11D48);color:#FFFFFF;border:none;border-bottom:5px solid var(--primary-red-dark,#be123c);border-radius:16px;font-size:14px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;cursor:pointer;transition:all .1s ease;user-select:none}.notebook-btn-3d-primary:hover:not(:disabled){background:#F43F5E}.notebook-btn-3d-primary:active:not(:disabled){transform:translateY(5px);border-bottom-width:0;margin-bottom:5px}.notebook-btn-3d-primary:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.5)}.notebook-btn-3d-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#FFFFFF;color:#0F172A;border:2px solid #e2e8f0;border-bottom:5px solid #94a3b8;border-radius:16px;font-size:14px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;cursor:pointer;transition:all .1s ease;user-select:none}.notebook-btn-3d-secondary:hover:not(:disabled){background:#F8FAFC}.notebook-btn-3d-secondary:active:not(:disabled){transform:translateY(5px);border-bottom-width:0;margin-bottom:5px}.notebook-btn-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;background:#E11D48;color:#FFFFFF;border-radius:999px;font-size:11px;font-weight:900}.notebook-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}@media (max-width:768px){.notebook-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.notebook-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.notebook-stat-card{padding:12px 10px;gap:10px}.notebook-stat-icon-wrapper{width:36px;height:36px;font-size:15px}.notebook-stat-value{font-size:18px}.notebook-words-grid{grid-template-columns:1fr!important}.notebook-toolbar{flex-direction:column;align-items:stretch;gap:10px}.notebook-search-wrapper{min-width:100%}.notebook-filter-due-btn,.notebook-filter-select{width:100%;justify-content:center}}.notebook-stat-card{background:#FFFFFF;border:2px solid #e2e8f0;border-bottom:4px solid #cbd5e1;border-radius:16px;padding:16px;display:flex;align-items:center;gap:14px;transition:transform .15s ease}.notebook-stat-card:hover{transform:translateY(-2px)}.notebook-stat-icon-wrapper{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.notebook-stat-info{display:flex;flex-direction:column}.notebook-stat-value{font-size:22px;font-weight:900;color:#0F172A;line-height:1.1}.notebook-stat-label{font-size:12px;font-weight:700;color:#64748B;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.notebook-folders-bar{display:flex;align-items:center;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.notebook-folder-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:#FFFFFF;color:#475569;border:2px solid #e2e8f0;border-bottom:4px solid #cbd5e1;border-radius:999px;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap;transition:all .1s ease;user-select:none}.notebook-folder-pill:hover{background:#F1F5F9;color:#0F172A}.notebook-folder-pill.active{background:#E11D48;color:#FFFFFF;border-color:#E11D48 #E11D48 #BE123C;box-shadow:0 4px 14px rgba(225,29,72,.2)}.notebook-folder-count{display:inline-flex;align-items:center;justify-content:center;padding:1px 7px;border-radius:999px;font-size:11px;font-weight:800;background:rgba(0,0,0,.08)}.notebook-folder-pill.active .notebook-folder-count{background:rgba(255,255,255,.25);color:#FFFFFF}.notebook-btn-add-folder{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#FFF1F2;color:#E11D48;border:2px dashed #fecdd3;border-radius:999px;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap;transition:all .15s ease}.notebook-btn-add-folder:hover{background:#FFE4E6;border-color:#E11D48}.notebook-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.notebook-search-wrapper{flex:1;min-width:240px;position:relative;display:flex;align-items:center}.notebook-search-icon{position:absolute;left:14px;color:#94A3B8;font-size:14px}.notebook-search-input{width:100%;padding:10px 14px 10px 38px;background:#FFFFFF;border:2px solid #e2e8f0;border-bottom:4px solid #cbd5e1;border-radius:14px;font-size:14px;color:#0F172A;outline:none;font-family:inherit;transition:border-color .15s}.notebook-search-input:focus{border-color:#E11D48 #E11D48 #BE123C;box-shadow:0 0 0 3px rgba(225,29,72,.12)}.notebook-filter-select{font-weight:700;color:#334155;outline:none}.notebook-filter-due-btn,.notebook-filter-select{padding:10px 16px;background:#FFFFFF;border:2px solid #e2e8f0;border-bottom:4px solid #cbd5e1;border-radius:14px;font-size:13px;cursor:pointer}.notebook-filter-due-btn{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:#475569;user-select:none}.notebook-filter-due-btn.active{background:#FFE4E6;border-color:#FDA4AF #FDA4AF #F43F5E;color:#BE123C}.notebook-words-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}.notebook-word-card{background:#FFFFFF;border:2px solid #e2e8f0;border-bottom:5px solid #cbd5e1;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:14px;position:relative;transition:transform .15s ease,box-shadow .15s ease}.notebook-word-card:hover{transform:translateY(-3px);border-color:#FECDD3 #FECDD3 #E11D48;box-shadow:0 12px 28px rgba(225,29,72,.08)}.notebook-card-top{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap}.notebook-tianzige-group{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;max-width:100%}.notebook-tianzige-cell{background:#FFFDF5;border:2px solid #f59e0b;border-radius:10px;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(245,158,11,.15);user-select:none;padding:0;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.notebook-tianzige-cell.clickable{cursor:pointer}.notebook-tianzige-cell.clickable:hover{transform:translateY(-2px);border-color:#E11D48;box-shadow:0 4px 12px rgba(225,29,72,.18)}.notebook-tianzige-cell.clickable:hover .notebook-tianzige-char{color:#E11D48}.notebook-tianzige-cell:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;border-top:1px dashed rgba(245,158,11,.4);pointer-events:none}.notebook-tianzige-cell:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;border-left:1px dashed rgba(245,158,11,.4);pointer-events:none}.notebook-tianzige-char{font-family:var(--font-han-nom-kai),"Noto Sans SC",serif;font-weight:900;color:#18181B;position:relative;z-index:1;line-height:1;transition:color .15s ease}.notebook-tianzige-group.size-sm.count-1 .notebook-tianzige-cell{width:58px;height:58px;border-radius:12px}.notebook-tianzige-group.size-sm.count-1 .notebook-tianzige-char{font-size:30px}.notebook-tianzige-group.size-sm.count-2 .notebook-tianzige-cell{width:44px;height:44px;border-radius:10px}.notebook-tianzige-group.size-sm.count-2 .notebook-tianzige-char{font-size:23px}.notebook-tianzige-group.size-sm.count-3 .notebook-tianzige-cell{width:38px;height:38px;border-radius:9px}.notebook-tianzige-group.size-sm.count-3 .notebook-tianzige-char{font-size:20px}.notebook-tianzige-group.size-sm.count-4 .notebook-tianzige-cell{width:34px;height:34px;border-radius:8px}.notebook-tianzige-group.size-sm.count-4 .notebook-tianzige-char{font-size:18px}.notebook-tianzige-group.size-sm.count-many{flex-wrap:wrap;max-width:160px;gap:3px}.notebook-tianzige-group.size-sm.count-many .notebook-tianzige-cell{width:30px;height:30px;border-radius:7px}.notebook-tianzige-group.size-sm.count-many .notebook-tianzige-char{font-size:15px}.notebook-tianzige-group.size-lg{justify-content:center;gap:8px}.notebook-tianzige-group.size-lg.count-1 .notebook-tianzige-cell{width:108px;height:108px;border-radius:18px}.notebook-tianzige-group.size-lg.count-1 .notebook-tianzige-char{font-size:54px}.notebook-tianzige-group.size-lg.count-2 .notebook-tianzige-cell{width:86px;height:86px;border-radius:16px}.notebook-tianzige-group.size-lg.count-2 .notebook-tianzige-char{font-size:44px}.notebook-tianzige-group.size-lg.count-3 .notebook-tianzige-cell{width:74px;height:74px;border-radius:14px}.notebook-tianzige-group.size-lg.count-3 .notebook-tianzige-char{font-size:38px}.notebook-tianzige-group.size-lg.count-4 .notebook-tianzige-cell{width:66px;height:66px;border-radius:12px}.notebook-tianzige-group.size-lg.count-4 .notebook-tianzige-char{font-size:34px}.notebook-tianzige-group.size-lg.count-many{flex-wrap:wrap;max-width:340px;gap:6px}.notebook-tianzige-group.size-lg.count-many .notebook-tianzige-cell{width:52px;height:52px;border-radius:10px}.notebook-tianzige-group.size-lg.count-many .notebook-tianzige-char{font-size:26px}.notebook-tianzige-box{min-width:60px;width:auto;max-width:100%;min-height:60px;height:auto;padding:6px 12px;background:#FFFDF5;border:2px solid #f59e0b;border-radius:12px;position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(245,158,11,.15)}.notebook-tianzige-box:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;border-top:1px dashed rgba(245,158,11,.4);pointer-events:none}.notebook-tianzige-box:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;border-left:1px dashed rgba(245,158,11,.4);pointer-events:none}.notebook-tianzige-box .notebook-tianzige-char{font-family:var(--font-han-nom-kai),"Noto Sans SC",serif;font-size:28px;font-weight:900;color:#18181B;position:relative;z-index:1;line-height:1;white-space:nowrap;letter-spacing:2px}.theme-dark .notebook-tianzige-box,.theme-dark .notebook-tianzige-cell{background:#1C1917;border-color:#D97706;box-shadow:inset 0 0 0 1px rgba(217,119,6,.2)}.theme-dark .notebook-tianzige-box:before,.theme-dark .notebook-tianzige-cell:before{border-top-color:rgba(217,119,6,.4)}.theme-dark .notebook-tianzige-box:after,.theme-dark .notebook-tianzige-cell:after{border-left-color:rgba(217,119,6,.4)}.theme-dark .notebook-tianzige-box .notebook-tianzige-char,.theme-dark .notebook-tianzige-char{color:#FEF3C7}.theme-dark .notebook-tianzige-cell.clickable:hover .notebook-tianzige-char{color:#FDA4AF}.notebook-card-head-content{flex:1 1 140px;min-width:0;display:flex;flex-direction:column;gap:4px}.notebook-card-pinyin-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.notebook-card-pinyin{font-family:Space Grotesk,monospace;font-size:16px;font-weight:800;color:#E11D48}.notebook-card-pos{font-size:11px;font-weight:700;padding:1px 6px;background:#F1F5F9;color:#475569;border-radius:6px;text-transform:uppercase}.notebook-card-hanviet{font-size:13px;font-weight:700;color:#BE123C}.notebook-card-meaning{font-size:15px;font-weight:800;color:#0F172A;margin:4px 0 0;line-height:1.4}.notebook-card-context-box{background:#FFF9F9;border-left:3px solid #e11d48;border-radius:0 10px 10px 0;padding:8px 12px;font-size:12px;color:#334155;display:flex;flex-direction:column;gap:4px}.notebook-card-context-source{font-size:11px;font-weight:800;color:#BE123C;display:flex;align-items:center;gap:4px;text-transform:uppercase}.notebook-card-context-sentence{font-size:13px;font-weight:600;color:#0F172A;font-family:var(--font-zh),sans-serif;line-height:1.4}.notebook-card-context-trans{font-size:12px;color:#64748B;font-style:italic}.notebook-card-notes{font-size:12px;color:#475569;background:#FFFBEB;border:1px dashed #fde68a;border-radius:8px;padding:6px 10px}.notebook-card-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.notebook-card-tag-pill{font-size:11px;font-weight:700;padding:2px 8px;background:#F1F5F9;color:#475569;border-radius:999px}.notebook-card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f1f5f9;padding-top:12px;gap:8px}.notebook-srs-status{display:flex;align-items:center;gap:6px}.notebook-srs-meter{display:flex;gap:3px}.notebook-srs-pip{width:14px;height:6px;background:#E2E8F0;border-radius:2px}.notebook-srs-pip.filled{background:#10B981}.notebook-srs-pip.mastered{background:#F59E0B}.notebook-srs-label{font-size:11px;font-weight:800;color:#64748B}.notebook-card-actions{display:flex;align-items:center;gap:6px}.notebook-icon-btn{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#F8FAFC;border:1px solid #e2e8f0;color:#475569;cursor:pointer;transition:all .1s ease}.notebook-icon-btn:hover{background:#FFF1F2;color:#E11D48;border-color:#FECDD3}.notebook-icon-btn.danger:hover{background:#E11D48;color:#FFFFFF;border-color:#BE123C}.notebook-empty-box{background:#FFFFFF;border:2px dashed #cbd5e1;border-radius:24px;padding:60px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.notebook-empty-icon{width:72px;height:72px;background:#FFF1F2;border-radius:50%;font-size:32px;color:#E11D48}.notebook-empty-icon,.notebook-modal-backdrop{display:flex;align-items:center;justify-content:center}.notebook-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.6);backdrop-filter:blur(4px);z-index:9999;padding:20px}.notebook-modal-card{background:#FFFFFF;border:2px solid #e2e8f0;border-bottom:6px solid #cbd5e1;border-radius:24px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px rgba(0,0,0,.2)}.notebook-modal-header{padding:20px 24px;border-bottom:2px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between}.notebook-modal-title{font-size:20px;font-weight:900;color:#0F172A;margin:0;display:flex;align-items:center;gap:10px}.notebook-modal-body{padding:24px;display:flex;flex-direction:column;gap:16px}.notebook-form-group{display:flex;flex-direction:column;gap:6px}.notebook-form-label{font-size:13px;font-weight:800;color:#334155}.notebook-form-input{width:100%;padding:10px 14px;background:#FFFFFF;border:2px solid #e2e8f0;border-bottom:4px solid #cbd5e1;border-radius:12px;font-size:14px;color:#0F172A;outline:none;font-family:inherit}.notebook-form-input:focus{border-color:#E11D48 #E11D48 #BE123C;box-shadow:0 0 0 3px rgba(225,29,72,.12)}.notebook-modal-footer{padding:16px 24px 20px;border-top:2px solid #f1f5f9;display:flex;align-items:center;justify-content:flex-end;gap:12px}.notebook-review-studio{background:#FFFFFF;border:2px solid #e2e8f0;border-bottom:6px solid #cbd5e1;border-radius:28px;width:100%;max-width:620px;padding:28px;display:flex;flex-direction:column;gap:20px;box-shadow:0 25px 60px rgba(0,0,0,.25);position:relative}.notebook-review-top-bar{display:flex;align-items:center;justify-content:space-between;gap:16px}.notebook-review-progress-bar{flex:1;height:12px;background:#E2E8F0;border-radius:999px;overflow:hidden;position:relative}.notebook-review-progress-fill{height:100%;background:linear-gradient(90deg,#E11D48,#F59E0B);border-radius:999px;transition:width .3s ease}.notebook-flip-card-perspective{perspective:1000px;width:100%;min-height:320px;cursor:pointer;user-select:none}.notebook-flip-card-inner{position:relative;width:100%;height:100%;min-height:320px;transition:transform .5s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.notebook-flip-card-inner.flipped{transform:rotateY(180deg)}.notebook-flip-card-back,.notebook-flip-card-front{position:absolute;inset:0;backface-visibility:hidden;background:#FFFFFF;border:2px solid #e2e8f0;border-bottom:5px solid #cbd5e1;border-radius:24px;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;box-shadow:0 10px 25px rgba(0,0,0,.04)}.notebook-flip-card-back{transform:rotateY(180deg);background:#F8FAFC}.notebook-review-char-lg{font-family:var(--font-han-nom-kai),"Noto Sans SC",serif;font-size:72px;font-weight:900;color:#18181B;line-height:1;margin:0}.notebook-review-ratings-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.notebook-btn-rating{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 8px;border-radius:14px;border:none;font-weight:800;cursor:pointer;transition:all .1s ease;user-select:none}.notebook-btn-rating.again{background:#FFE4E6;color:#BE123C;border-bottom:4px solid #f43f5e}.notebook-btn-rating.again:active{transform:translateY(4px);border-bottom-width:0}.notebook-btn-rating.hard{background:#FEF3C7;color:#B45309;border-bottom:4px solid #f59e0b}.notebook-btn-rating.hard:active{transform:translateY(4px);border-bottom-width:0}.notebook-btn-rating.good{background:#D1FAE5;color:#047857;border-bottom:4px solid #10b981}.notebook-btn-rating.good:active{transform:translateY(4px);border-bottom-width:0}.notebook-btn-rating.easy{background:#EDE9FE;color:#6D28D9;border-bottom:4px solid #8b5cf6}.notebook-btn-rating.easy:active{transform:translateY(4px);border-bottom-width:0}.notebook-rating-title{font-size:13px;text-transform:uppercase}.notebook-rating-interval{font-size:11px;opacity:.8;margin-top:2px}