.booky[data-v-a22a0370]{flex:none}.app[data-v-06446c41]{min-height:100vh;display:flex}.content[data-v-06446c41]{flex:1;min-width:0;width:100%;max-width:1140px;margin:0 auto;padding:20px 16px 24px}.side[data-v-06446c41]{display:none;flex:0 0 240px;padding:28px 18px;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh}.brand[data-v-06446c41]{display:flex;align-items:center;gap:10px;padding:0 8px 24px;text-decoration:none;color:var(--text);font-family:var(--font-display);font-weight:800;font-size:22px}.side-nav[data-v-06446c41]{display:flex;flex-direction:column;gap:6px}.side-link[data-v-06446c41]{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;text-decoration:none;font-weight:800;font-size:15px;color:var(--text-muted)}.side-link[data-v-06446c41]:hover{color:var(--text);background:var(--primary-soft)}.side-link.router-link-active[data-v-06446c41]{background:var(--primary-soft);color:var(--primary)}.tabbar[data-v-06446c41]{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--surface);border-radius:28px 28px 0 0;box-shadow:var(--shadow-tabbar)}.tab[data-v-06446c41]{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:44px;text-decoration:none;font-weight:700;font-size:12px;color:var(--text-muted)}.tab-icon[data-v-06446c41]{width:56px;height:32px;border-radius:16px;display:flex;align-items:center;justify-content:center}.tab.router-link-active[data-v-06446c41]{color:var(--primary);font-weight:800}.tab.router-link-active .tab-icon[data-v-06446c41]{background:var(--primary-soft)}.with-nav .content[data-v-06446c41]{padding-bottom:calc(100px + env(safe-area-inset-bottom))}@media(min-width:900px){.side[data-v-06446c41]{display:flex}.tabbar[data-v-06446c41]{display:none}.content[data-v-06446c41]{padding:28px 32px 40px}.with-nav .content[data-v-06446c41]{padding-bottom:40px}}:root{--font-display: "Rubik", "Noto Sans", sans-serif;--font-body: "Nunito", "Noto Sans", sans-serif;--primary: #5A3BE0;--primary-hover: #4B2FC9;--primary-active: #3D22B0;--primary-soft: #EAE3FF;--primary-soft-hover: #DCD1FF;--on-primary: #FFFFFF;--bg: #F3EEFF;--surface: #FFFFFF;--text: #2A1F5C;--text-muted: #6A6390;--border: #DCD3FA;--disabled-bg: #DCD3FA;--disabled-text: #8E86B3;--dotted: #BBA8FF;--success: #0E7A55;--success-soft: #E6FBF3;--success-accent: #2FD3A0;--warning: #8A5A00;--warning-soft: #FFF3C4;--warning-accent: #FFB800;--danger: #B0234F;--danger-soft: #FFE4EC;--danger-button: #D92B62;--danger-button-hover: #B71F50;--info: #1B5FA8;--info-soft: #E3F1FF;--streak: #FFD66B;--spare: #FF7AB6;--spare-soft: #FFE4F1;--spare-text: #B0236A;--heart: #FF5A9E;--dir-native: #B4500A;--dir-native-soft: #FFE9D6;--status-active: #4A4370;--status-active-soft: #EEEAF7;--status-active-accent: #8E86B3;--cefr-a1-bg: #EFEAFF;--cefr-a1-fg: #4B2FC9;--cefr-a2-bg: #DCD1FF;--cefr-a2-fg: #3D22B0;--cefr-b1-bg: #BBA8FF;--cefr-b1-fg: #24107A;--cefr-b2-bg: #8466F2;--cefr-b2-fg: #FFFFFF;--cefr-c1-bg: #5A3BE0;--cefr-c1-fg: #FFFFFF;--cefr-c2-bg: #2E1A8F;--cefr-c2-fg: #FFFFFF;--radius-badge: 10px;--radius-field: 18px;--radius-card: 28px;--radius-card-sm: 22px;--shadow-card: 0 6px 18px rgba(42, 31, 92, .08);--shadow-accent: 0 16px 36px rgba(90, 59, 224, .35);--shadow-tabbar: 0 -6px 24px rgba(42, 31, 92, .08);--focus-ring: 0 0 0 3px var(--surface), 0 0 0 6px var(--primary);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--primary: #9C85FF;--primary-hover: #B3A1FF;--primary-active: #C7B9FF;--primary-soft: #2E2560;--primary-soft-hover: #3A2F78;--on-primary: #151129;--bg: #151129;--surface: #211B40;--text: #F2EEFF;--text-muted: #ABA3D6;--border: #3A3170;--disabled-bg: #2E2560;--disabled-text: #7A72A8;--dotted: #6E5BC7;--success: #5EE3B5;--success-soft: #133A2E;--warning: #FFD36B;--warning-soft: #3A2E10;--danger: #FF8FB0;--danger-soft: #42152A;--danger-button: #E5487A;--danger-button-hover: #F06A93;--info: #8CC4FF;--info-soft: #14304F;--spare-soft: #42183A;--spare-text: #FF9CCB;--dir-native: #FFB27A;--dir-native-soft: #3E2614;--status-active: #D3CCF2;--status-active-soft: #2C2650;--status-active-accent: #8E86B3;--shadow-card: 0 6px 18px rgba(0, 0, 0, .3);--shadow-tabbar: 0 -6px 24px rgba(0, 0, 0, .3);color-scheme:dark}}:root[data-theme=dark]{--primary: #9C85FF;--primary-hover: #B3A1FF;--primary-active: #C7B9FF;--primary-soft: #2E2560;--primary-soft-hover: #3A2F78;--on-primary: #151129;--bg: #151129;--surface: #211B40;--text: #F2EEFF;--text-muted: #ABA3D6;--border: #3A3170;--disabled-bg: #2E2560;--disabled-text: #7A72A8;--dotted: #6E5BC7;--success: #5EE3B5;--success-soft: #133A2E;--warning: #FFD36B;--warning-soft: #3A2E10;--danger: #FF8FB0;--danger-soft: #42152A;--danger-button: #E5487A;--danger-button-hover: #F06A93;--info: #8CC4FF;--info-soft: #14304F;--spare-soft: #42183A;--spare-text: #FF9CCB;--dir-native: #FFB27A;--dir-native-soft: #3E2614;--status-active: #D3CCF2;--status-active-soft: #2C2650;--status-active-accent: #8E86B3;--shadow-card: 0 6px 18px rgba(0, 0, 0, .3);--shadow-tabbar: 0 -6px 24px rgba(0, 0, 0, .3);color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}:root{font-family:var(--font-body);font-weight:600;line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.2}h1{font-weight:800;font-size:28px}h2{font-weight:700;font-size:20px}a{color:var(--primary)}a:hover{color:var(--primary-hover)}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:none;box-shadow:var(--focus-ring)}::selection{background:var(--primary);color:var(--on-primary)}.btn{height:52px;padding:0 22px;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:16px;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .15s,transform .1s}.btn:active:not(:disabled){transform:translateY(2px)}.btn:disabled{cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);color:var(--on-primary)}.btn-primary:active:not(:disabled){background:var(--primary-active)}.btn-primary:disabled{background:var(--disabled-bg);color:var(--disabled-text)}.btn-secondary{background:var(--primary-soft);color:var(--text)}.btn-secondary:hover:not(:disabled){background:var(--primary-soft-hover);color:var(--text)}.btn-secondary:disabled{color:var(--disabled-text)}.btn-danger{background:var(--danger-button);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-button-hover);color:#fff}.btn-danger:disabled{opacity:.4}.btn-ghost{background:transparent;color:var(--primary);height:44px;padding:0 12px}.btn-ghost:hover:not(:disabled){background:var(--primary-soft)}.btn-success{background:var(--success-soft);color:var(--success)}.btn-sm{height:36px;padding:0 14px;font-size:14px}.btn-md{height:44px;padding:0 18px;font-size:15px}.btn-block{width:100%}.btn-icon{width:44px;height:44px;padding:0;border:0;border-radius:999px;background:var(--bg);color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.btn-icon:hover{background:var(--primary-soft)}.field-label{display:block;font-weight:800;font-size:14px;margin-bottom:6px}.field{width:100%;height:52px;padding:0 16px;border:2px solid var(--border);border-radius:var(--radius-field);background:var(--surface);font-family:var(--font-body);font-weight:700;font-size:16px;color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}textarea.field{height:auto;padding:12px 16px;line-height:1.45;resize:none}select.field{appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236A6390' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}.field::placeholder{color:var(--text-muted);opacity:.8}.field:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.field:disabled{background:var(--bg);color:var(--disabled-text)}.field.invalid{border-color:var(--danger-button)}.field-error{font-weight:700;font-size:13px;color:var(--danger);margin-top:6px}.field-hint{font-weight:700;font-size:13px;color:var(--text-muted);margin-top:6px}.card{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.caption{font-weight:700;font-size:13px;color:var(--text-muted)}.chip{height:40px;padding:0 16px;border:0;border-radius:999px;display:inline-flex;align-items:center;gap:6px;background:var(--surface);color:var(--text);font-family:var(--font-body);font-weight:800;font-size:14px;white-space:nowrap;cursor:pointer}.chip .count{color:var(--text-muted)}.chip.active{background:var(--primary);color:var(--on-primary)}.chip.active .count{color:inherit;opacity:.75}.chip-add{height:30px;padding:0 10px;border:2px dashed var(--border);border-radius:999px;background:transparent;color:var(--primary);font-weight:800;font-size:13px;cursor:pointer}.badge{height:26px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;gap:5px;font-weight:800;font-size:12px;white-space:nowrap}.badge-outline{background:var(--bg);color:var(--text);border:1.5px solid var(--border)}.message{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;font-weight:700;font-size:15px}.message-success{background:var(--success-soft);color:var(--success)}.message-error{background:var(--danger-soft);color:var(--danger)}.message-info{background:var(--info-soft);color:var(--info)}.message-warning{background:var(--warning-soft);color:var(--warning)}.message a{margin-left:auto;color:inherit;font-weight:800}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}