:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;--brand-900:#0f3320;--brand-800:#154129;--brand-700:#1b5535;--brand-600:#226a42;--brand-500:#2e7d51;--brand-300:#8cc3a0;--brand-100:#dcede1;--brand-50:#eef6f0;--gold:#c8912e;--bg:#f5f3ec;--bg-tint:#eef3ec;--surface:#fff;--surface-2:#f4f2eb;--surface-3:#eae7dd;--surface-glass:#ffffffc7;--border:#e4e0d4;--border-strong:#d2cdbe;--text:#17241c;--text-2:#4d5c53;--text-3:#838e87;--text-on-dark:#f4f7f4;--primary:var(--brand-600);--primary-hover:var(--brand-700);--primary-press:var(--brand-800);--primary-soft:var(--brand-50);--primary-soft-2:var(--brand-100);--on-primary:#fff;--gold-soft:#f6ead3;--female:#d6467a;--female-soft:#fce8f0;--male:#2c7dcd;--male-soft:#e3effa;--unknown:#78867e;--unknown-soft:#edf0ed;--hatch:#7352d6;--hatch-soft:#efeafd;--lay:#bd7410;--lay-soft:#fbf0db;--danger:#d23f2d;--danger-soft:#fdebe8;--warning:#c27509;--warning-soft:#fdf1dd;--success:#1f8a4c;--success-soft:#e2f4e9;--info:#3869cc;--info-soft:#e6eefb;--art-bg:#f8f1e1;--art-filter:none;--shadow-xs:0 1px 2px #17241c0d;--shadow-sm:0 1px 2px #17241c0a,0 2px 10px #17241c0d;--shadow-md:0 2px 6px #17241c0d,0 10px 28px #17241c14;--shadow-lg:0 18px 48px #0f1a132e;--overlay:#0c140f75;--radius-xs:8px;--radius-sm:10px;--radius:14px;--radius-lg:18px;--radius-xl:24px;--header-h:56px;--nav-h:64px;--sidebar-w:252px;--content-max:1180px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--ease:cubic-bezier(.2,.8,.2,1)}@media (prefers-color-scheme:dark){:root[data-theme=system]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1310;--bg-tint:#0f1813;--surface:#151e19;--surface-2:#1a251f;--surface-3:#212e27;--surface-glass:#121a16cc;--border:#25332b;--border-strong:#33443a;--text:#e5ede7;--text-2:#a6b5ab;--text-3:#74847a;--primary:#4cb079;--primary-hover:#61c08b;--primary-press:#3f9b69;--primary-soft:#16301f;--primary-soft-2:#1d3f2b;--on-primary:#06140c;--gold-soft:#3a2e17;--female:#f07aa4;--female-soft:#381d29;--male:#6daef0;--male-soft:#182b3d;--unknown:#9aa89f;--unknown-soft:#222d27;--hatch:#a68ef2;--hatch-soft:#282140;--lay:#e7a43e;--lay-soft:#382a13;--danger:#f2745f;--danger-soft:#3b1f1a;--warning:#e9a63b;--warning-soft:#372812;--success:#52c17f;--success-soft:#14301f;--info:#7da4f0;--info-soft:#1b2842;--art-bg:#e9dfc8;--art-filter:brightness(.94);--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 2px #0000004d,0 2px 10px #00000040;--shadow-md:0 2px 6px #0000004d,0 10px 28px #00000059;--shadow-lg:0 18px 48px #0000008c;--overlay:#0000009e}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1310;--bg-tint:#0f1813;--surface:#151e19;--surface-2:#1a251f;--surface-3:#212e27;--surface-glass:#121a16cc;--border:#25332b;--border-strong:#33443a;--text:#e5ede7;--text-2:#a6b5ab;--text-3:#74847a;--primary:#4cb079;--primary-hover:#61c08b;--primary-press:#3f9b69;--primary-soft:#16301f;--primary-soft-2:#1d3f2b;--on-primary:#06140c;--gold-soft:#3a2e17;--female:#f07aa4;--female-soft:#381d29;--male:#6daef0;--male-soft:#182b3d;--unknown:#9aa89f;--unknown-soft:#222d27;--hatch:#a68ef2;--hatch-soft:#282140;--lay:#e7a43e;--lay-soft:#382a13;--danger:#f2745f;--danger-soft:#3b1f1a;--warning:#e9a63b;--warning-soft:#372812;--success:#52c17f;--success-soft:#14301f;--info:#7da4f0;--info-soft:#1b2842;--art-bg:#e9dfc8;--art-filter:brightness(.94);--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 2px #0000004d,0 2px 10px #00000040;--shadow-md:0 2px 6px #0000004d,0 10px 28px #00000059;--shadow-lg:0 18px 48px #0000008c;--overlay:#0000009e}.theme-light-scope{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f3ec;--surface:#fff;--surface-2:#f4f2eb;--border:#e4e0d4;--text:#17241c;--text-2:#4d5c53;--text-3:#838e87;--primary:#226a42;--on-primary:#fff;color:var(--text)}*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;font-family:var(--font-sans);letter-spacing:-.01em;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3,h4,h5,p{margin:0}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::selection{background:var(--primary-soft-2)}@keyframes ui-spin{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-sheet-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes ui-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ui-shimmer{0%{background-position:-240px 0}to{background-position:240px 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.u-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.u-tnum{font-variant-numeric:tabular-nums}.ui-page{flex-direction:column;gap:16px;display:flex}.ui-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.ui-page-title{letter-spacing:-.03em;font-size:24px;font-weight:750;line-height:1.25}.ui-page-desc{color:var(--text-2);margin-top:4px;font-size:14px}.ui-page-actions{flex-wrap:wrap;gap:8px;display:flex}.ui-section-title{color:var(--text);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.ui-section-label{color:var(--text-3);letter-spacing:.02em;padding:0 4px;font-size:12px;font-weight:650}.ui-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.ui-card--pad{padding:18px}.ui-card--flat{box-shadow:none}.ui-card-head{justify-content:space-between;align-items:center;gap:12px;padding:16px 18px 0;display:flex}.ui-card-title{letter-spacing:-.02em;font-size:16px;font-weight:700}.ui-card-desc{color:var(--text-2);font-size:13px}.ui-divider{background:var(--border);border:0;height:1px;margin:0}.ui-btn{--btn-bg:var(--surface);--btn-fg:var(--text);--btn-border:var(--border-strong);border:1px solid var(--btn-border);background:var(--btn-bg);min-height:40px;color:var(--btn-fg);white-space:nowrap;transition:background-color .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease),box-shadow .15s var(--ease),transform .1s var(--ease);-webkit-user-select:none;user-select:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:650;line-height:1;text-decoration:none;display:inline-flex}.ui-btn:hover:not(:disabled){background:var(--surface-2)}.ui-btn:active:not(:disabled){transform:translateY(1px)}.ui-btn:disabled{opacity:.5}.ui-btn svg{flex-shrink:0;width:18px;height:18px}.ui-btn--primary{--btn-bg:var(--primary);--btn-fg:var(--on-primary);--btn-border:transparent;box-shadow:0 1px 2px #0f33202e}.ui-btn--primary:hover:not(:disabled){background:var(--primary-hover)}.ui-btn--soft{--btn-bg:var(--primary-soft);--btn-fg:var(--primary);--btn-border:transparent}.ui-btn--soft:hover:not(:disabled){background:var(--primary-soft-2)}.ui-btn--ghost{--btn-bg:transparent;--btn-border:transparent;--btn-fg:var(--text-2)}.ui-btn--ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.ui-btn--danger{--btn-bg:var(--danger-soft);--btn-fg:var(--danger);--btn-border:transparent}.ui-btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger-soft)80%,var(--danger)20%)}.ui-btn--dark{--btn-bg:var(--text);--btn-fg:var(--surface);--btn-border:transparent}.ui-btn--dark:hover:not(:disabled){background:color-mix(in srgb,var(--text)88%,var(--surface)12%)}.ui-btn--sm{border-radius:10px;min-height:32px;padding:0 10px;font-size:13px}.ui-btn--sm svg{width:15px;height:15px}.ui-btn--lg{border-radius:14px;min-height:50px;padding:0 20px;font-size:15px}.ui-btn--block{width:100%}.ui-icon-btn{width:40px;height:40px;color:var(--text-2);transition:background-color .15s var(--ease),color .15s var(--ease);background:0 0;border:1px solid #0000;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.ui-icon-btn:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.ui-icon-btn svg{width:20px;height:20px}.ui-icon-btn--outline{border-color:var(--border);background:var(--surface)}.ui-icon-btn--sm{border-radius:10px;width:34px;height:34px}.ui-icon-btn--sm svg{width:17px;height:17px}.ui-icon-btn--danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.ui-chip{--chip-bg:var(--surface-2);--chip-fg:var(--text-2);background:var(--chip-bg);height:24px;color:var(--chip-fg);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;align-items:center;gap:4px;max-width:100%;padding:0 9px;font-size:12px;font-weight:650;line-height:1;display:inline-flex;overflow:hidden}.ui-chip svg{flex-shrink:0;width:13px;height:13px}.ui-chip--sm{height:20px;padding:0 7px;font-size:11px}.ui-chip--brand{--chip-bg:var(--primary-soft);--chip-fg:var(--primary)}.ui-chip--female{--chip-bg:var(--female-soft);--chip-fg:var(--female)}.ui-chip--male{--chip-bg:var(--male-soft);--chip-fg:var(--male)}.ui-chip--hatch{--chip-bg:var(--hatch-soft);--chip-fg:var(--hatch)}.ui-chip--lay{--chip-bg:var(--lay-soft);--chip-fg:var(--lay)}.ui-chip--danger{--chip-bg:var(--danger-soft);--chip-fg:var(--danger)}.ui-chip--warning{--chip-bg:var(--warning-soft);--chip-fg:var(--warning)}.ui-chip--success{--chip-bg:var(--success-soft);--chip-fg:var(--success)}.ui-chip--info{--chip-bg:var(--info-soft);--chip-fg:var(--info)}.ui-chip--dark{--chip-bg:var(--text);--chip-fg:var(--surface)}.ui-chip--outline{--chip-bg:transparent;border:1px solid var(--border-strong)}.ui-count-badge{background:var(--danger);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.ui-dot{background:var(--danger);border-radius:50%;flex-shrink:0;width:8px;height:8px}.ui-field{flex-direction:column;gap:6px;min-width:0;display:flex}.ui-label{color:var(--text-2);align-items:center;gap:4px;font-size:13px;font-weight:650;display:flex}.ui-label .ui-required{color:var(--danger)}.ui-label .ui-optional{color:var(--text-3);font-weight:500}.ui-hint{color:var(--text-3);font-size:12px;line-height:1.45}.ui-input,.ui-select,.ui-textarea{border:1px solid var(--border-strong);background:var(--surface);width:100%;min-height:44px;color:var(--text);transition:border-color .15s var(--ease),box-shadow .15s var(--ease);appearance:none;border-radius:12px;padding:10px 12px;font-size:15px;line-height:1.4}.ui-input::placeholder,.ui-textarea::placeholder{color:var(--text-3)}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary)22%,transparent);outline:none}.ui-input:disabled,.ui-select:disabled,.ui-textarea:disabled{background:var(--surface-2);color:var(--text-2);-webkit-text-fill-color:var(--text-2);opacity:1}.ui-input[type=date],.ui-input[type=time]{min-height:44px}.ui-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23838E87' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.ui-textarea{resize:vertical;min-height:88px}.ui-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.ui-form-stack{flex-direction:column;gap:14px;display:flex}.ui-segmented{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;padding:4px;display:grid}.ui-segmented button{min-height:38px;color:var(--text-2);transition:background-color .15s var(--ease),color .15s var(--ease),box-shadow .15s var(--ease);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:14px;font-weight:650;display:inline-flex}.ui-segmented button svg{width:16px;height:16px}.ui-segmented button[aria-pressed=true],.ui-segmented button[aria-checked=true],.ui-segmented button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.ui-segmented button:disabled{cursor:default}.ui-chip-row{scrollbar-width:none;gap:8px;margin:-2px;padding:2px;display:flex;overflow-x:auto}.ui-chip-row::-webkit-scrollbar{display:none}.ui-filter-chip{border:1px solid var(--border);background:var(--surface);height:36px;color:var(--text-2);white-space:nowrap;transition:all .15s var(--ease);border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:650;display:inline-flex}.ui-filter-chip:hover{border-color:var(--border-strong);color:var(--text)}.ui-filter-chip[aria-pressed=true]{background:var(--text);border-color:var(--text);color:var(--surface)}.ui-filter-chip .ui-filter-chip-count{font-variant-numeric:tabular-nums;opacity:.7}.ui-filter-chip svg{width:14px;height:14px}.ui-switch{background:var(--surface-3);width:50px;height:30px;transition:background-color .2s var(--ease);border:0;border-radius:999px;flex-shrink:0;padding:0;position:relative}.ui-switch:after{content:"";width:24px;height:24px;transition:transform .2s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.ui-switch[aria-checked=true]{background:var(--primary)}.ui-switch[aria-checked=true]:after{transform:translate(20px)}.ui-checkbox{width:20px;height:20px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.ui-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (min-width:720px){.ui-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}}.ui-stat{--stat-accent:var(--primary);--stat-soft:var(--primary-soft);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);text-align:left;color:inherit;min-width:0;transition:border-color .15s var(--ease),box-shadow .15s var(--ease),transform .15s var(--ease);flex-direction:column;gap:10px;padding:14px 14px 13px;display:flex;position:relative}button.ui-stat,a.ui-stat{cursor:pointer}button.ui-stat:hover,a.ui-stat:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.ui-stat[aria-pressed=true]{border-color:var(--stat-accent);box-shadow:0 0 0 1px var(--stat-accent),var(--shadow-sm)}.ui-stat-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.ui-stat-icon{background:var(--stat-soft);width:34px;height:34px;color:var(--stat-accent);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ui-stat-icon svg{width:18px;height:18px}.ui-stat-value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:750;line-height:1}.ui-stat-label{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.ui-stat-meta{color:var(--text-3);white-space:nowrap;font-size:12px;font-weight:600}.ui-stat--female{--stat-accent:var(--female);--stat-soft:var(--female-soft)}.ui-stat--male{--stat-accent:var(--male);--stat-soft:var(--male-soft)}.ui-stat--unknown{--stat-accent:var(--unknown);--stat-soft:var(--unknown-soft)}.ui-stat--hatch{--stat-accent:var(--hatch);--stat-soft:var(--hatch-soft)}.ui-stat--lay{--stat-accent:var(--lay);--stat-soft:var(--lay-soft)}.ui-stat--danger{--stat-accent:var(--danger);--stat-soft:var(--danger-soft)}.ui-stat--info{--stat-accent:var(--info);--stat-soft:var(--info-soft)}@media (max-width:719px){.ui-stats--compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.ui-stats--compact .ui-stat{text-align:center;border-radius:14px;align-items:center;gap:6px;padding:10px 4px 9px}.ui-stats--compact .ui-stat-top{justify-content:center}.ui-stats--compact .ui-stat-icon{border-radius:8px;width:26px;height:26px}.ui-stats--compact .ui-stat-icon svg,.ui-stats--compact .ui-stat-icon img{width:14px;height:14px}.ui-stats--compact .ui-stat-value{font-size:20px}.ui-stats--compact .ui-stat-label{margin-top:3px;font-size:11px}}.ui-trend-up{color:var(--success)}.ui-trend-down{color:var(--danger)}.ui-art{background:var(--art-bg);border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.ui-art img{object-fit:contain;width:100%;height:100%;filter:var(--art-filter);display:block}.ui-art--cover img{object-fit:cover}.ui-modal-overlay{z-index:1000;background:var(--overlay);animation:ui-fade-in .18s var(--ease);overscroll-behavior:contain;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.ui-modal{width:100%;max-height:calc(100dvh - var(--safe-top) - 24px);background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg);animation:ui-sheet-up .24s var(--ease);border-radius:22px 22px 0 0;flex-direction:column;display:flex;position:relative;overflow:hidden}.ui-modal:before{content:"";background:var(--border-strong);border-radius:999px;width:36px;height:4px;margin-left:-18px;position:absolute;top:7px;left:50%}@media (min-width:720px){.ui-modal-overlay{align-items:center;padding:24px}.ui-modal{max-width:520px;max-height:calc(100dvh - 48px);animation:ui-pop .2s var(--ease);border-radius:22px}.ui-modal:before{display:none}.ui-modal--wide{max-width:760px}.ui-modal--xl{max-width:980px}.ui-modal--narrow{max-width:400px}}.ui-modal-head{flex-shrink:0;align-items:center;gap:12px;padding:20px 20px 14px;display:flex}.ui-modal-head-text{flex:1;min-width:0}.ui-modal-title{letter-spacing:-.02em;font-size:18px;font-weight:750;line-height:1.3}.ui-modal-subtitle{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;overflow:hidden}.ui-modal-body{overscroll-behavior:contain;flex:1;min-height:0;padding:4px 20px 20px;overflow-y:auto}.ui-modal-foot{padding:12px 20px calc(14px + var(--safe-bottom));border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;gap:8px;display:flex}@media (min-width:720px){.ui-modal-foot{padding-bottom:16px}}.ui-modal-foot .ui-btn{flex:1}.ui-modal-foot .ui-btn--grow{flex:2}.ui-list{flex-direction:column;display:flex}.ui-list-row{align-items:center;gap:12px;min-height:56px;padding:14px 16px;display:flex}.ui-list-row+.ui-list-row{border-top:1px solid var(--border)}.ui-list-row-main{flex:1;min-width:0}.ui-list-row-title{font-size:15px;font-weight:650}.ui-list-row-desc{color:var(--text-2);margin-top:2px;font-size:13px}.ui-empty{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:36px 20px;display:flex}.ui-empty .ui-art{border-radius:24px;width:96px;height:96px;margin-bottom:8px}.ui-empty-title{font-size:16px;font-weight:700}.ui-empty-desc{color:var(--text-2);max-width:320px;font-size:13px}.ui-empty-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.ui-skeleton{background:linear-gradient(90deg,var(--surface-2)0px,var(--surface-3)120px,var(--surface-2)240px);border-radius:var(--radius);background-size:480px 100%;animation:1.2s linear infinite ui-shimmer}.ui-spinner{border:3px solid var(--surface-3);border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite ui-spin}.ui-spinner--sm{border-width:2px;width:16px;height:16px}.ui-center{justify-content:center;align-items:center;padding:48px 16px;display:flex}.ui-error{text-align:center;color:var(--text-2);flex-direction:column;align-items:center;gap:8px;padding:32px 16px;display:flex}.ui-toast{left:50%;bottom:calc(var(--nav-h) + var(--safe-bottom) + 16px);z-index:1200;background:var(--text);max-width:calc(100vw - 32px);color:var(--surface);box-shadow:var(--shadow-md);animation:ui-pop .2s var(--ease);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;border-radius:999px;padding:12px 18px;font-size:14px;font-weight:600;position:fixed;overflow:hidden;transform:translate(-50%)}@media (min-width:1024px){.ui-toast{margin-left:calc(var(--sidebar-w)/2);bottom:28px}}.ui-glyph{width:24px;height:24px;-webkit-mask:var(--glyph)center/contain no-repeat;-webkit-mask:var(--glyph)center/contain no-repeat;mask:var(--glyph)center/contain no-repeat;background-color:currentColor;flex-shrink:0;display:inline-block}.ui-glyph--dashboard{--glyph:url(/menu_images/glyphs/dashboard.png)}.ui-glyph--alarm{--glyph:url(/menu_images/glyphs/alarm.png)}.ui-glyph--gecko{--glyph:url(/menu_images/glyphs/geko.png)}.ui-glyph--egg{--glyph:url(/menu_images/glyphs/egg.png)}.ui-glyph--store{--glyph:url(/menu_images/glyphs/store.png)}.ui-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;padding:4px 0 8px;display:flex}.ui-pagination button{min-width:38px;height:38px;color:var(--text-2);font-variant-numeric:tabular-nums;background:0 0;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;padding:0 10px;font-size:14px;font-weight:650;display:inline-flex}.ui-pagination button:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.ui-pagination button[aria-current=page]{background:var(--text);color:var(--surface)}.ui-pagination button:disabled{opacity:.35}.ui-pagination button svg{width:18px;height:18px}.ui-stepper{border:1px solid var(--border-strong);background:var(--surface);border-radius:12px;grid-template-columns:44px minmax(0,1fr) 44px;align-items:stretch;min-height:44px;display:grid;overflow:hidden}.ui-stepper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary)22%,transparent)}.ui-stepper-btn{background:var(--surface-2);color:var(--text-2);border:0;justify-content:center;align-items:center;display:inline-flex}.ui-stepper-btn:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.ui-stepper-btn:disabled{opacity:.4}.ui-stepper-btn svg{width:16px;height:16px}.ui-stepper-input{text-align:center;-moz-appearance:textfield;background:0 0;border:0;width:100%;font-size:16px;font-weight:700}.ui-stepper-input:focus{outline:none}.ui-stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ui-stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ui-callout{background:var(--surface-2);color:var(--text-2);border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.ui-callout svg{flex-shrink:0;width:18px;height:18px;margin-top:1px}.ui-callout--warning{background:var(--warning-soft);color:color-mix(in srgb,var(--warning)80%,var(--text)20%)}.ui-callout--info{background:var(--info-soft);color:color-mix(in srgb,var(--info)75%,var(--text)25%)}.ui-callout--brand{background:var(--primary-soft);color:color-mix(in srgb,var(--primary)75%,var(--text)25%)}.ui-callout--danger{background:var(--danger-soft);color:color-mix(in srgb,var(--danger)80%,var(--text)20%)}.ui-check-row{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:14px;align-items:flex-start;gap:12px;padding:14px;display:flex}.ui-check-row:has(input:checked){border-color:var(--primary);background:var(--primary-soft)}.ui-check-row-title{font-size:14px;font-weight:700}.ui-check-row-desc{color:var(--text-2);margin-top:2px;font-size:12px;line-height:1.45}.ui-kv{grid-template-columns:auto minmax(0,1fr);gap:6px 14px;font-size:13px;display:grid}.ui-kv dt{color:var(--text-3);font-weight:600}.ui-kv dd{color:var(--text);text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:600}.demo-modal{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:8px 4px 0;display:flex}.demo-modal-icon{background:var(--primary-soft);width:56px;height:56px;color:var(--primary);border-radius:18px;justify-content:center;align-items:center;margin-bottom:8px;display:inline-flex}.demo-modal-icon svg{width:26px;height:26px}.demo-modal h2{letter-spacing:-.02em;font-size:18px;font-weight:750}.demo-modal p{color:var(--text-2);font-size:14px;line-height:1.6}.demo-modal-actions{flex-direction:column;gap:8px;width:100%;display:flex}.app-error-page{background:var(--bg);justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.app-error-card{border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--surface);width:100%;max-width:380px;box-shadow:var(--shadow-md);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:32px 24px 26px;display:flex}.app-error-icon{background:var(--danger-soft);width:60px;height:60px;color:var(--danger);border-radius:20px;justify-content:center;align-items:center;margin-bottom:8px;display:inline-flex}.app-error-icon svg{width:28px;height:28px}.app-error-card h2{letter-spacing:-.02em;font-size:20px;font-weight:750}.app-error-card p{color:var(--text-2);margin-bottom:12px;font-size:14px}
.app-shell{background:radial-gradient(1200px 520px at 100% -10%,color-mix(in srgb,var(--primary)7%,transparent),transparent 70%),var(--bg);min-height:100dvh}.app-brand{align-items:center;gap:10px;min-width:0;display:inline-flex}.app-brand-logo{background:#f4efe0 url(/crenote_logo.png) 50%/118% no-repeat;border-radius:10px;flex-shrink:0;width:34px;height:34px;box-shadow:inset 0 0 0 1px #0000000a}.app-brand-text{letter-spacing:-.04em;color:var(--text);font-size:18px;font-weight:800}.app-brand--compact .app-brand-logo{border-radius:9px;width:30px;height:30px}.app-brand--compact .app-brand-text{font-size:17px}.app-main{min-width:0}.app-topbar{z-index:500;height:calc(var(--header-h) + var(--safe-top));padding:var(--safe-top)8px 0 14px;background:var(--surface-glass);-webkit-backdrop-filter:saturate(180%)blur(16px);backdrop-filter:saturate(180%)blur(16px);border-bottom:1px solid color-mix(in srgb,var(--border)70%,transparent);justify-content:space-between;align-items:center;gap:8px;display:flex;position:sticky;top:0}.app-topbar-left{align-items:center;gap:2px;min-width:0;display:flex}.app-back{margin-left:-8px}.app-topbar-title{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:700;overflow:hidden}.app-topbar-actions{align-items:center;gap:2px;display:flex}.app-icon-badge{border:2px solid var(--surface);min-width:19px;height:19px;font-size:10px;position:absolute;top:3px;right:1px}.app-profile{margin-left:4px;position:relative}.app-avatar-btn{background:0 0;border:0;border-radius:999px;padding:4px}.app-avatar{background:linear-gradient(135deg,var(--brand-500),var(--brand-800));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:inline-flex;position:relative}.app-avatar--lg{width:44px;height:44px;font-size:18px}.app-crown{border:2px solid var(--surface);color:#fff;background:linear-gradient(135deg,#f5b53b,#d98a0b);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex;position:absolute;top:-5px;right:-6px}.app-crown svg{width:10px;height:10px}.app-profile-menu{z-index:600;background:var(--surface);border:1px solid var(--border);width:264px;box-shadow:var(--shadow-lg);animation:ui-pop .16s var(--ease);border-radius:18px;padding:8px;position:absolute;top:calc(100% + 8px);right:0}.app-profile-menu-head{align-items:center;gap:12px;padding:10px 10px 12px;display:flex}.app-profile-name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.app-profile-premium{color:var(--warning);font-size:12px;font-weight:700}.app-slot-list{background:var(--surface-2);color:var(--text-2);font-variant-numeric:tabular-nums;border-radius:12px;flex-direction:column;gap:2px;margin:0 4px 6px;padding:10px 12px;font-size:13px;display:flex}.app-menu-item{width:100%;min-height:44px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:0 12px;font-size:14px;font-weight:600;display:flex}.app-menu-item:hover{background:var(--surface-2)}.app-menu-item svg{width:18px;height:18px;color:var(--text-2)}.app-menu-item--danger,.app-menu-item--danger svg{color:var(--danger)}.app-content{width:100%;max-width:var(--content-max);padding:16px 16px calc(var(--nav-h) + var(--safe-bottom) + 28px);margin:0 auto}@media (min-width:720px){.app-content{padding:22px 24px calc(var(--nav-h) + var(--safe-bottom) + 32px)}}.app-desktop-back{display:none}.app-tabbar{z-index:500;height:calc(var(--nav-h) + var(--safe-bottom));padding:4px 6px var(--safe-bottom);background:var(--surface-glass);-webkit-backdrop-filter:saturate(180%)blur(18px);backdrop-filter:saturate(180%)blur(18px);border-top:1px solid color-mix(in srgb,var(--border)80%,transparent);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.app-tab{min-width:0;color:var(--text-3);-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:0;display:flex}.app-tab .app-nav-icon{width:56px;height:32px;transition:background-color .2s var(--ease),color .2s var(--ease);border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:relative}.app-tab .app-nav-label{letter-spacing:-.02em;white-space:nowrap;font-size:11px;font-weight:650}.app-tab.is-active{color:var(--primary)}.app-tab.is-active .app-nav-icon{background:var(--primary-soft-2)}.app-tab.is-active .app-nav-label{font-weight:750}.app-nav-badge{border:2px solid var(--surface);min-width:19px;height:19px;font-size:10px;position:absolute;top:-3px;right:6px}.app-sidebar{display:none}@media (min-width:1024px){.app-sidebar{z-index:400;width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;padding:22px 14px 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.app-sidebar .app-brand{padding:2px 10px 22px}.app-main{margin-left:var(--sidebar-w)}.app-topbar,.app-tabbar{display:none}.app-content{padding:30px 40px 56px}.app-desktop-back{max-width:var(--content-max);align-items:center;gap:10px;margin:0 auto;padding:22px 40px 0;display:flex}.app-desktop-back+.app-content{padding-top:10px}.app-desktop-back-sub{color:var(--text-3);font-size:13px}}.app-side-nav{flex-direction:column;flex:1;gap:2px;min-height:0;display:flex;overflow-y:auto}.app-side-link{min-height:46px;color:var(--text-2);text-align:left;width:100%;transition:background-color .15s var(--ease),color .15s var(--ease);background:0 0;border:0;border-radius:13px;align-items:center;gap:12px;padding:0 12px;font-size:15px;font-weight:600;display:flex}.app-side-link:hover{background:var(--surface-2);color:var(--text)}.app-side-link.is-active{background:var(--primary-soft);color:var(--primary);font-weight:750}.app-side-link .app-nav-icon{justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex;position:relative}.app-side-link .app-nav-label{flex:1}.app-side-link .app-nav-badge{top:-6px;right:-8px}.app-side-count{margin-left:auto}.app-side-sep{background:var(--border);height:1px;margin:10px 12px}.app-side-foot{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:14px;display:flex}.app-side-profile{align-items:center;gap:10px;padding:4px 8px;display:flex}.app-side-profile .app-avatar{width:38px;height:38px;font-size:15px}.app-side-profile-text{min-width:0}.app-profile-slots{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;font-size:12px;overflow:hidden}.app-side-foot-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.app-side-mini{border:1px solid var(--border);background:var(--surface);min-height:38px;color:var(--text-2);border-radius:11px;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.app-side-mini:hover{background:var(--surface-2);color:var(--text)}.app-side-mini svg{width:16px;height:16px}@media (max-width:1023px){.app-shell[data-subpage=true] .ui-page-head .ui-page-title{display:none}}.app-boot{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100dvh;display:flex}.app-boot .app-brand-logo{width:64px;height:64px;box-shadow:var(--shadow-md);border-radius:18px}