@charset "UTF-8";:root{--color-main: #98a9bc;--color-accent1: #37475f;--color-accent2: #d2b48c;--color-accent-primary: #37475f;--color-accent-secondary: #d2b48c;--color-accent-tertiary: #98a9bc;--color-text-primary: #37475f;--color-text-secondary: #6b7a8f;--color-text-tertiary: #98a9bc;--color-text-inverse: #ffffff;--color-background: #98a9bc;--color-surface: #ffffff;--color-surface-hover: rgba(255, 255, 255, .95);--color-surface-active: rgba(255, 255, 255, .9);--color-overlay: rgba(0, 0, 0, .4);--color-border: rgba(0, 0, 0, .1);--color-border-hover: rgba(0, 0, 0, .2);--color-border-active: rgba(0, 0, 0, .3);--color-badge-bg: rgba(0, 0, 0, .08);--color-badge-text: var(--color-text-primary);--color-high: #ff4d4f;--color-medium: #faad14;--color-low: #52c41a;--color-success: #52c41a;--color-warning: #faad14;--color-error: #ff4d4f;--color-info: #1890ff;--color-focus-ring: rgba(55, 71, 95, .2);--color-glass-bg: rgba(255, 255, 255, .7);--color-glass-border: rgba(255, 255, 255, .3);--glass-blur: 10px;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 32px;--radius-xl: 48px;--radius-full: 999px;--shadow-soft: 0 6px 20px rgba(0, 0, 0, .15);--shadow-medium: 0 10px 30px rgba(0, 0, 0, .2);--shadow-large: 0 20px 40px rgba(0, 0, 0, .25);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, .1);--border-width: 2px;--border-width-thin: 1px;--border-width-thick: 3px;--border-style: solid;--border-style-dashed: dashed;--spacing-xs: .25rem;--spacing-tight: .6rem;--spacing-normal: 1.2rem;--spacing-loose: 1.8rem;--spacing-xl: 2.4rem;--spacing-xxl: 3.6rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-size-xs: .75rem;--font-size-sm: .85rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-loose: 1.8;--opacity-hover: .12;--opacity-active: .18;--opacity-disabled: .5;--opacity-overlay: .4;--transform-hover: scale(1.02);--transform-active: scale(.98);--transform-lift: translateY(-2px);--transform-sink: translateY(2px);--transition-speed: .3s;--transition-speed-fast: .15s;--transition-speed-slow: .5s;--transition-easing: cubic-bezier(.25, .46, .45, .94);--transition-easing-bounce: cubic-bezier(.68, -.55, .265, 1.55);--transition-easing-smooth: cubic-bezier(.4, 0, .2, 1);--z-base: 1;--z-dropdown: 10;--z-sticky: 20;--z-fixed: 30;--z-modal-backdrop: 40;--z-modal: 50;--z-popover: 60;--z-tooltip: 70}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app-root{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-normal) var(--spacing-loose);border-bottom:var(--border-width) var(--border-style) var(--color-border);background:var(--color-accent2);color:var(--color-text-primary);border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-soft)}.app-header-title{display:flex;align-items:center;gap:.5rem;font-weight:600}.app-header-actions{display:flex;align-items:center;gap:.75rem}.app-header-link{padding:var(--spacing-tight) var(--spacing-normal);border-radius:var(--radius-md);font-weight:var(--font-weight-normal);transition:all .2s ease;position:relative;z-index:32}.app-header-link.active{background:rgba(0,0,0,var(--opacity-active));font-weight:var(--font-weight-bold)}.app-header-link:hover{background:rgba(0,0,0,var(--opacity-hover))}.icon-button{display:inline-flex;align-items:center;gap:.35rem;padding:var(--spacing-tight) var(--spacing-normal);border-radius:var(--radius-md);background:transparent;border:var(--border-width) var(--border-style) rgba(0,0,0,.2);cursor:pointer;font-weight:var(--font-weight-normal);transition:all var(--transition-speed) ease}.icon-button:hover{background:rgba(0,0,0,var(--opacity-hover));box-shadow:var(--shadow-soft);transform:var(--transform-hover)}.icon-button:active{transform:scale(.97);box-shadow:none}.icon-button-label,.hamburger-button{display:none}@media(max-width:639px){.hamburger-button{display:block!important}}@media(min-width:640px)and (max-width:899px)and (orientation:portrait){.hamburger-button{display:block!important}}@media(min-width:640px)and (max-width:899px)and (orientation:landscape){.hamburger-button{display:block!important}}@media(min-width:640px){.icon-button-label{display:inline}}@media(min-width:900px)and (hover:hover)and (pointer:fine){.hamburger-button{display:none!important}}@media(min-width:900px)and (hover:none)and (pointer:coarse){.hamburger-button{display:block!important}}.app-body{display:flex;flex:1;min-height:0;position:relative}.app-main{flex:1;padding:1.25rem;overflow:auto}@media(max-width:639px){.app-header{padding:var(--spacing-tight) var(--spacing-normal);border-radius:0;flex-wrap:nowrap;gap:.35rem;overflow:hidden;min-width:0}.app-header-title{font-size:.85rem;flex-shrink:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header-title svg{width:16px;height:16px;flex-shrink:0}.app-header-title span{overflow:hidden;text-overflow:ellipsis}.app-header-actions{gap:.35rem;flex-wrap:nowrap;flex-shrink:0;display:flex;align-items:center;min-width:0}.app-header-link{padding:var(--spacing-tight) var(--spacing-normal);font-size:.75rem;white-space:nowrap;flex-shrink:0}.icon-button{padding:var(--spacing-tight);min-width:32px;min-height:32px;justify-content:center;flex-shrink:0}.icon-button svg{width:14px;height:14px}.icon-button-label{display:none}.app-main{padding:var(--spacing-normal)}}.sidebar-backdrop{display:none!important}.sidebar{position:relative;width:60px;flex-shrink:0;transition:width .4s cubic-bezier(.25,.46,.45,.94);z-index:30}.sidebar--compact{width:60px!important;transition:width .25s ease}.sidebar-inner{position:sticky;top:0;height:calc(100vh - 56px);padding:var(--sidebar-padding-vertical, var(--spacing-normal)) var(--sidebar-padding-horizontal, var(--spacing-normal));background:var(--color-surface);color:var(--color-text-primary);border-right:var(--border-width) var(--border-style) var(--color-border);overflow-y:auto;overflow-x:hidden;box-sizing:border-box;border-radius:0 var(--radius-md) var(--radius-md) 0;transition:width var(--transition-speed) var(--transition-easing),padding var(--transition-speed) var(--transition-easing),box-shadow var(--transition-speed) var(--transition-easing),background var(--transition-speed) var(--transition-easing),color var(--transition-speed) var(--transition-easing);z-index:31}.sidebar--compact .sidebar-inner{padding:var(--sidebar-padding-compact, 1rem .5rem)!important;overflow:hidden!important;width:60px!important;max-width:60px!important;min-width:60px!important}.sidebar-section{margin-bottom:var(--sidebar-section-gap, var(--spacing-loose))}.sidebar-section h3{display:flex;align-items:center;gap:.75rem;font-size:.875rem;margin:0 0 var(--spacing-tight);padding:0;text-transform:uppercase;letter-spacing:.05em;transition:justify-content var(--transition-speed) var(--transition-easing),color var(--transition-speed) var(--transition-easing);position:relative;color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.sidebar-section h3 svg{flex-shrink:0;width:20px;height:20px;transition:all var(--transition-speed) var(--transition-easing);color:var(--color-accent-primary)}.sidebar-section h3 span{color:var(--color-text-primary)}.sidebar-section h3 span{opacity:0;width:0;overflow:hidden;white-space:nowrap;transition:none}.sidebar-section ul{list-style:none;padding:0;margin:0;opacity:0;max-height:0;overflow:hidden;transition:none}.sidebar-section li{font-size:.875rem;padding:.25rem 0;transition:none;color:var(--color-text-primary)}.sidebar-section .sidebar-item{cursor:pointer;padding:var(--sidebar-item-padding-vertical, var(--spacing-tight)) var(--sidebar-item-padding-horizontal, var(--spacing-normal));margin:0;border-radius:var(--radius-sm);transition:all var(--transition-speed) var(--transition-easing);font-weight:var(--font-weight-normal);color:var(--color-text-primary);position:relative;display:flex;align-items:center;gap:.5rem}.sidebar-section .sidebar-item:hover{background:var(--color-surface-hover);box-shadow:var(--shadow-soft);transform:var(--transform-hover);color:var(--color-accent-primary)}.sidebar-section .sidebar-item-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px}.sidebar-section .sidebar-item-icon svg{width:100%;height:100%;color:inherit}.sidebar-section .sidebar-item-active{cursor:pointer;padding:var(--sidebar-item-padding-vertical, var(--spacing-tight)) var(--sidebar-item-padding-horizontal, var(--spacing-normal));margin:0;border-radius:var(--radius-sm);background:var(--color-surface-active);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-soft);color:var(--color-accent-primary);position:relative;display:flex;align-items:center;gap:.5rem}.sidebar-section .sidebar-item-active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:var(--color-accent-primary);border-radius:0 4px 4px 0}.sidebar-section .sidebar-title-compact{justify-content:center;margin-bottom:.75rem;padding:0!important}.sidebar-section .sidebar-title-compact svg{width:20px;height:20px;flex-shrink:0}.sidebar-section .sidebar-title-compact span{opacity:0!important;width:0!important;overflow:hidden;transition:none!important}.sidebar--compact .sidebar-section ul{opacity:0!important;pointer-events:none;max-height:0;overflow:hidden;transition:opacity .25s cubic-bezier(.25,.46,.45,.94),max-height .35s cubic-bezier(.25,.46,.45,.94)}.sidebar--compact .sidebar-section h3 span{opacity:0!important;width:0;overflow:hidden;transition:opacity .25s cubic-bezier(.25,.46,.45,.94),width .35s cubic-bezier(.25,.46,.45,.94)}.sidebar-empty{color:var(--color-text-tertiary);font-style:italic;padding:var(--sidebar-item-padding-vertical, var(--spacing-tight)) var(--sidebar-item-padding-horizontal, var(--spacing-normal));margin:0}.tag{display:flex;align-items:center;gap:.4rem;color:var(--color-text-primary)}.tag-indicator{width:10px;height:10px;border-radius:999px;background:var(--color-medium);box-shadow:0 0 0 2px var(--color-surface),0 0 4px #0000001a;flex-shrink:0}.tag-indicator--high{background:var(--color-high)}.tag-indicator--medium{background:var(--color-medium)}.tag-indicator--low{background:var(--color-low)}.tag--high .tag-indicator{background:var(--color-high)}.tag--medium .tag-indicator{background:var(--color-medium)}.tag--low .tag-indicator{background:var(--color-low)}.sidebar-importance-group{margin-bottom:var(--spacing-tight)}.sidebar-importance-group:last-child{margin-bottom:0}.sidebar-importance-header{display:flex;align-items:center;gap:.5rem;padding:var(--spacing-tight) var(--sidebar-item-padding-horizontal, var(--spacing-normal));margin-bottom:.25rem;font-size:.75rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm)}.sidebar-importance-header.sidebar-importance-header--high{background:var(--color-high);color:#fff}.sidebar-importance-header.sidebar-importance-header--medium{background:var(--color-medium);color:#fff}.sidebar-importance-header.sidebar-importance-header--low{background:var(--color-low);color:#fff}.sidebar-importance-label{color:inherit}.sidebar-importance-tags{list-style:none;padding:0;margin:0;padding-left:calc(var(--sidebar-item-padding-horizontal, var(--spacing-normal)) + 18px)}.sidebar-importance-tags li{margin-bottom:.15rem}.sidebar-importance-tags li:last-child{margin-bottom:0}.sidebar--compact .sidebar-importance-group,.sidebar--compact .sidebar-importance-header,.sidebar--compact .sidebar-importance-tags,.sidebar-backdrop{display:none}@media(min-width:640px)and (hover:none)and (pointer:coarse){.sidebar{position:absolute;top:0;left:0;bottom:0;width:0;z-index:30;overflow:visible;pointer-events:none}.sidebar--compact{width:0!important}.sidebar--compact .sidebar-inner{transform:translate(-100%);pointer-events:none}.sidebar--open{width:min(280px,100vw - 20px);pointer-events:auto}.sidebar-inner{position:sticky;top:0;height:calc(100vh - 56px);width:min(280px,100vw - 20px);max-width:280px;transform:translate(-100%);transition:transform var(--transition-speed) var(--transition-easing);box-shadow:var(--shadow-soft);background:var(--color-surface);padding:var(--sidebar-padding-vertical, var(--spacing-normal)) var(--sidebar-padding-horizontal, var(--spacing-normal));overflow-y:auto;overflow-x:hidden;box-sizing:border-box;z-index:31;pointer-events:auto}.sidebar--open .sidebar-inner{transform:translate(0)}.sidebar--open .sidebar-section ul{opacity:1!important;max-height:1000px!important;display:block!important}.sidebar--open .sidebar-section h3 span{opacity:1!important;width:auto!important}.sidebar--open .sidebar-importance-group{display:block!important}.sidebar--open .sidebar-importance-header{display:flex!important}.sidebar--open .sidebar-importance-tags{display:block!important}.sidebar--open .sidebar-section{margin-bottom:var(--spacing-normal)}.sidebar--open .sidebar-section h3{font-size:.85rem;gap:.5rem;margin-bottom:var(--spacing-tight)}.sidebar--open .sidebar-section h3 svg{width:18px;height:18px}.sidebar--open .sidebar-item{padding:var(--spacing-tight) var(--spacing-normal);font-size:.85rem;gap:.4rem}.sidebar--open .sidebar-item-icon{width:16px;height:16px}.sidebar--open .sidebar-item-active{padding:var(--spacing-tight) var(--spacing-normal);font-size:.85rem}.sidebar--open .sidebar-importance-header{padding:var(--spacing-tight) var(--spacing-normal);font-size:.7rem;margin-bottom:.2rem}.sidebar--open .sidebar-importance-tags{padding-left:calc(var(--spacing-normal) + 16px)}.sidebar--open .sidebar-importance-tags li{margin-bottom:.1rem}.sidebar--open .tag{gap:.3rem;font-size:.8rem}.sidebar--open .tag-indicator{width:8px;height:8px}}@media(min-width:900px)and (hover:hover)and (pointer:fine){.sidebar--compact{width:60px!important}.sidebar--open{width:280px;transition:width var(--transition-speed) var(--transition-easing)}.sidebar--open .sidebar-inner{box-shadow:var(--shadow-soft)}.sidebar--open .sidebar-section ul{opacity:1;max-height:1000px}.sidebar--open .sidebar-section h3 span{opacity:1;width:auto}.sidebar--compact .sidebar-inner{width:60px!important;max-width:60px!important;min-width:60px!important;padding:var(--sidebar-padding-compact, 1rem .5rem)!important;overflow:hidden!important;transition:width var(--transition-speed) var(--transition-easing),padding var(--transition-speed) var(--transition-easing),box-shadow var(--transition-speed) var(--transition-easing)!important}.sidebar--compact .sidebar-section ul{opacity:0!important;pointer-events:none;max-height:0;overflow:hidden;transition:none!important}.sidebar--compact .sidebar-section h3 span{opacity:0!important;width:0!important;overflow:hidden;transition:none!important}.sidebar--compact:hover{width:280px!important}.sidebar--compact:hover .sidebar-inner{width:280px!important;max-width:280px!important;min-width:280px!important;padding:var(--sidebar-padding-vertical, var(--spacing-normal)) var(--sidebar-padding-horizontal, var(--spacing-normal))!important;overflow:auto!important;box-shadow:var(--shadow-soft)}.sidebar--compact:hover .sidebar-section ul{opacity:1!important;pointer-events:auto;max-height:1000px;transition:opacity .3s cubic-bezier(.25,.46,.45,.94) .1s,max-height .4s cubic-bezier(.25,.46,.45,.94) .1s}.sidebar--compact:hover .sidebar-section h3 span{opacity:1!important;width:auto;transition:opacity .3s cubic-bezier(.25,.46,.45,.94) .05s,width .4s cubic-bezier(.25,.46,.45,.94) .05s}.sidebar--compact:hover .sidebar-section h3{justify-content:flex-start!important;text-transform:uppercase!important;letter-spacing:.04em!important}.sidebar--compact:hover .sidebar-section h3.sidebar-title-compact{justify-content:flex-start!important}.sidebar--compact:hover .sidebar-section h3.sidebar-title-compact span{opacity:1!important;width:auto!important;transition:opacity .3s cubic-bezier(.25,.46,.45,.94) .05s,width .4s cubic-bezier(.25,.46,.45,.94) .05s!important}.sidebar--compact:hover .sidebar-importance-group{display:block!important}.sidebar--compact:hover .sidebar-importance-header{display:flex!important}.sidebar--compact:hover .sidebar-importance-tags{display:block!important}}@media(max-width:639px){.sidebar{position:absolute;top:0;left:0;bottom:0;width:0;z-index:30;overflow:visible;pointer-events:none}.sidebar--compact{width:0!important}.sidebar--compact .sidebar-inner{transform:translate(-100%);pointer-events:none}.sidebar--open{width:min(280px,100vw - 20px);pointer-events:auto}.sidebar-inner{position:sticky;top:0;height:calc(100vh - 56px);width:min(280px,100vw - 20px);max-width:280px;transform:translate(-100%);transition:transform var(--transition-speed) var(--transition-easing);box-shadow:var(--shadow-soft);background:var(--color-surface);padding:var(--spacing-normal);overflow-y:auto;overflow-x:hidden;box-sizing:border-box;z-index:31;pointer-events:auto}.sidebar--open .sidebar-inner{transform:translate(0)}.sidebar-section h3 span,.sidebar-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}}@media(max-width:639px){.sidebar--open .sidebar-section{margin-bottom:var(--spacing-normal)}.sidebar--open .sidebar-section h3{font-size:.85rem;gap:.5rem;margin-bottom:var(--spacing-tight);min-width:0}.sidebar--open .sidebar-section h3 svg{width:18px;height:18px;flex-shrink:0}.sidebar--open .sidebar-section h3 span{opacity:1!important;width:auto!important;overflow:visible!important;white-space:normal!important;text-overflow:clip!important;min-width:0;flex:1}.sidebar--open .sidebar-section ul{opacity:1!important;max-height:none!important;overflow:visible!important;display:block!important}.sidebar--open .sidebar-item{padding:var(--spacing-tight) var(--spacing-normal);font-size:.85rem;gap:.4rem;min-width:0;overflow:visible;white-space:normal;text-overflow:clip}.sidebar--open .sidebar-item-icon{width:16px;height:16px;flex-shrink:0}.sidebar--open .sidebar-item-active{padding:var(--spacing-tight) var(--spacing-normal);font-size:.85rem;min-width:0;overflow:visible;white-space:normal;text-overflow:clip}.sidebar--open .sidebar-empty{white-space:normal;overflow:visible;text-overflow:clip}.sidebar--open .sidebar-importance-header{padding:var(--spacing-tight) var(--spacing-normal);font-size:.7rem;margin-bottom:.2rem;white-space:normal}.sidebar--open .sidebar-importance-tags{padding-left:calc(var(--spacing-normal) + 16px)}.sidebar--open .sidebar-importance-tags li{margin-bottom:.1rem}.sidebar--open .tag{gap:.3rem;font-size:.8rem;white-space:normal;overflow:visible;text-overflow:clip}.sidebar--open .tag-indicator{width:8px;height:8px;flex-shrink:0}}@media(min-width:640px)and (max-width:899px)and (orientation:portrait){.sidebar--open .sidebar-section{margin-bottom:var(--spacing-normal)}.sidebar--open .sidebar-section h3{font-size:.85rem;gap:.5rem;margin-bottom:var(--spacing-tight)}.sidebar--open .sidebar-section h3 svg{width:18px;height:18px}.sidebar--open .sidebar-item{padding:var(--spacing-tight) var(--spacing-normal);font-size:.85rem;gap:.4rem}.sidebar--open .sidebar-item-icon{width:16px;height:16px}.sidebar--open .sidebar-item-active{padding:var(--spacing-tight) var(--spacing-normal);font-size:.85rem}.sidebar--open .sidebar-importance-header{padding:var(--spacing-tight) var(--spacing-normal);font-size:.7rem;margin-bottom:.2rem}.sidebar--open .sidebar-importance-tags{padding-left:calc(var(--spacing-normal) + 16px)}.sidebar--open .sidebar-importance-tags li{margin-bottom:.1rem}.sidebar--open .tag{gap:.3rem;font-size:.8rem}.sidebar--open .tag-indicator{width:8px;height:8px}}.home-page{max-width:960px;margin:0 auto}.home-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.home-page h1{margin-top:0;margin-bottom:0}.clear-filter-btn{display:inline-flex;align-items:center;gap:.35rem;padding:var(--spacing-tight) var(--spacing-normal);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);border:var(--border-width) var(--border-style) var(--color-border);cursor:pointer;font-size:.85rem;font-weight:var(--font-weight-normal);transition:all var(--transition-speed) var(--transition-easing);box-shadow:var(--shadow-soft)}.clear-filter-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);box-shadow:var(--shadow-medium);transform:var(--transform-hover);color:var(--color-accent-primary)}.clear-filter-btn svg{width:14px;height:14px;color:inherit}.link-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-normal);justify-content:start}.link-card{position:relative;border-radius:var(--radius-lg);border:var(--border-width) var(--border-style) var(--color-border);padding:var(--spacing-normal);background:var(--color-surface);color:var(--color-text-primary);text-align:left;cursor:pointer;box-shadow:var(--shadow-soft);transition:all var(--transition-speed) var(--transition-easing);font-weight:var(--font-weight-normal);display:flex;flex-direction:column;gap:.5rem;overflow:hidden}.link-card:hover{transform:var(--transform-hover);box-shadow:var(--shadow-medium);background:var(--color-surface-hover);border-color:var(--color-border-hover)}.link-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}.link-card-title{font-weight:var(--font-weight-bold);font-size:1rem;display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;color:var(--color-text-primary);line-height:1.3}.link-card-icon{width:20px;height:20px;flex-shrink:0;color:var(--color-accent-primary)}.link-card-header svg{width:16px;height:16px;flex-shrink:0;color:var(--color-text-tertiary);opacity:.6;transition:all var(--transition-speed) var(--transition-easing)}.link-card:hover .link-card-header svg{opacity:1;color:var(--color-accent-primary)}.link-card-badges{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin-top:.25rem}.link-card-category,.link-card-tag{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem}.link-card-category-label,.link-card-tag-label{font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.link-card-category-name,.link-card-tag-name{padding:.25rem .6rem;border-radius:var(--radius-full);background:var(--color-badge-bg);color:var(--color-badge-text);border:var(--border-width-thin) var(--border-style) var(--color-border);font-weight:var(--font-weight-medium);font-size:.75rem;white-space:nowrap;display:inline-flex;align-items:center;gap:.35rem;line-height:1.2}.link-card-badge-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:14px;height:14px;line-height:1;opacity:.9}.link-card-badge-icon svg{width:100%;height:100%;color:inherit;display:block;flex-shrink:0}.link-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:auto;padding-top:.5rem;border-top:var(--border-width-thin) var(--border-style) var(--color-border)}.link-card-clicks{font-variant-numeric:tabular-nums;font-size:.75rem;color:var(--color-text-tertiary);font-weight:var(--font-weight-medium);display:inline-flex;align-items:center;gap:.25rem}.link-card-clicks:before{content:"👆";font-size:.7rem}.link-card-url{font-size:.75rem;color:var(--color-text-tertiary);word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:1.4}.link-card--high{border-left:3px solid var(--color-high)}.link-card--high .link-card-category-name,.link-card--high .link-card-tag-name{border-left:2px solid var(--color-high)}.link-card--medium{border-left:3px solid var(--color-medium)}.link-card--medium .link-card-category-name,.link-card--medium .link-card-tag-name{border-left:2px solid var(--color-medium)}.link-card--low{border-left:3px solid var(--color-low)}.link-card--low .link-card-category-name,.link-card--low .link-card-tag-name{border-left:2px solid var(--color-low)}@media(max-width:639px){.home-page{padding:0}.home-header{margin-bottom:var(--spacing-normal);gap:var(--spacing-tight)}.home-page h1{font-size:1.25rem;line-height:1.3}.clear-filter-btn{padding:var(--spacing-tight) var(--spacing-normal);font-size:.8rem}.clear-filter-btn svg{width:12px;height:12px}.link-grid{grid-template-columns:1fr;gap:var(--spacing-normal)}.link-card{padding:var(--spacing-normal);border-radius:var(--radius-md);gap:var(--spacing-tight)}.link-card-header{gap:var(--spacing-tight);margin-bottom:0}.link-card-title{font-size:.95rem;line-height:1.4}.link-card-icon{width:18px;height:18px}.link-card-header svg{width:14px;height:14px}.link-card-badges{gap:.3rem;margin-top:.2rem}.link-card-category,.link-card-tag{font-size:.7rem;gap:.25rem}.link-card-category-label,.link-card-tag-label{font-size:.65rem}.link-card-category-name,.link-card-tag-name{padding:.2rem .5rem;font-size:.7rem;gap:.25rem}.link-card-badge-icon{width:12px;height:12px}.link-card-footer{gap:var(--spacing-tight);padding-top:var(--spacing-tight);margin-top:var(--spacing-tight)}.link-card-clicks{font-size:.7rem}.link-card-clicks:before{font-size:.65rem}.link-card-url{font-size:.7rem}.link-card--high,.link-card--medium,.link-card--low{border-left-width:2px}}.login-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 56px)}.login-card{width:100%;max-width:360px;padding:var(--spacing-loose);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-soft);border:var(--border-width) var(--border-style) var(--color-border)}.login-card h1{display:flex;align-items:center;gap:.5rem;margin-top:0;margin-bottom:1rem}.login-card label{display:flex;flex-direction:column;font-size:.85rem;margin-bottom:.6rem}.login-card input{margin-top:var(--spacing-tight);padding:var(--spacing-tight) var(--spacing-normal);border-radius:var(--radius-md);border:var(--border-width) var(--border-style) var(--color-border);background:var(--color-surface);color:var(--color-text-primary);font-weight:var(--font-weight-normal);transition:all var(--transition-speed) var(--transition-easing)}.login-card input:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.login-card button{margin-top:var(--spacing-normal);width:100%;padding:var(--spacing-tight) var(--spacing-normal);border-radius:var(--radius-md);border:var(--border-width) var(--border-style) transparent;background:var(--color-accent-primary);color:var(--color-text-inverse);cursor:pointer;font-weight:var(--font-weight-bold);box-shadow:var(--shadow-soft);transition:all var(--transition-speed) var(--transition-easing)}.login-card button:hover{box-shadow:var(--shadow-medium);transform:var(--transform-hover);opacity:.9}.login-card button:active{transform:var(--transform-active);box-shadow:var(--shadow-soft)}.login-error{margin-top:.5rem;color:var(--color-high);font-size:.8rem;animation:fadeIn .3s ease-in}.login-hint{margin-top:.5rem;font-size:.75rem;color:var(--color-text-tertiary)}@media(max-width:639px){.login-page{padding:var(--spacing-normal);align-items:flex-start;padding-top:var(--spacing-loose)}.login-card{max-width:100%;padding:var(--spacing-normal);border-radius:var(--radius-md)}.login-card h1{font-size:1.25rem;gap:.4rem;margin-bottom:var(--spacing-normal)}.login-card h1 svg{width:20px;height:20px}.login-card label{font-size:.8rem;margin-bottom:var(--spacing-tight)}.login-card input{margin-top:var(--spacing-tight);padding:var(--spacing-tight) var(--spacing-normal);font-size:.9rem}.login-card button{margin-top:var(--spacing-normal);padding:var(--spacing-tight) var(--spacing-normal);font-size:.9rem}.login-error{font-size:.75rem;margin-top:var(--spacing-tight)}.login-hint{font-size:.7rem;margin-top:var(--spacing-tight)}}.admin-page{max-width:960px;margin:0 auto;color:var(--color-text-primary)}.admin-page h1{margin-top:0;color:var(--color-text-primary)}.admin-section{margin-top:var(--spacing-loose);padding:var(--spacing-loose);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-soft);border:var(--border-width) var(--border-style) var(--color-border)}.admin-section h2{display:flex;align-items:center;gap:.5rem;margin-top:0;color:var(--color-text-primary)}.admin-section h2 svg{color:var(--color-accent-primary)}.admin-form{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.admin-form input,.admin-form select{padding:var(--spacing-tight) var(--spacing-normal);border-radius:var(--radius-md);border:var(--border-width) var(--border-style) var(--color-border);background:var(--color-surface);color:var(--color-text-primary);font-weight:var(--font-weight-normal);transition:all var(--transition-speed) var(--transition-easing)}.admin-form input::placeholder,.admin-form select::placeholder{color:var(--color-text-tertiary);opacity:.7}.admin-form input:focus,.admin-form select:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.admin-form button{padding:var(--spacing-tight) var(--spacing-normal);border-radius:var(--radius-md);border:var(--border-width) var(--border-style) transparent;background:var(--color-accent-primary);color:var(--color-text-inverse);cursor:pointer;font-weight:var(--font-weight-bold);transition:all var(--transition-speed) var(--transition-easing);box-shadow:var(--shadow-soft)}.admin-form button:hover{box-shadow:var(--shadow-medium);transform:var(--transform-hover);opacity:.9}.admin-form button:active{transform:var(--transform-active);box-shadow:var(--shadow-soft)}.admin-list{list-style:none;padding:0;margin:0;font-size:.85rem;color:var(--color-text-primary)}.admin-list li+li{margin-top:.25rem}.admin-list-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.25rem 0;color:var(--color-text-primary)}.admin-list-item span{display:flex;align-items:center;gap:.5rem;color:var(--color-text-primary)}.admin-list-item span svg{width:16px;height:16px;flex-shrink:0;color:var(--color-text-secondary)}.delete-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-tight);border:var(--border-width) var(--border-style) transparent;background:transparent;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-speed) var(--transition-easing);font-weight:var(--font-weight-normal)}.delete-btn:hover{background:#ef44441a;color:var(--color-error);box-shadow:var(--shadow-soft)}.delete-btn svg{width:14px;height:14px;color:inherit}.link-actions{display:flex;align-items:center;gap:.25rem}.action-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-tight);border:var(--border-width) var(--border-style) transparent;background:transparent;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-speed) var(--transition-easing);font-weight:var(--font-weight-normal)}.action-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary);box-shadow:var(--shadow-soft)}.action-btn svg{width:14px;height:14px;color:inherit}.copy-btn:hover{background:#007bff1a;color:#007bff}.copy-btn .check-icon{color:#28a745}.edit-btn:hover{background:#ffc1071a;color:#ffc107}.admin-error{margin-top:.5rem;color:var(--color-high);font-size:.85rem;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.theme-switcher{display:flex;flex-wrap:wrap;gap:var(--spacing-normal)}.theme-switcher button{padding:var(--spacing-tight) var(--spacing-normal);border-radius:var(--radius-md);border:var(--border-width) var(--border-style) var(--color-border);background:var(--color-surface);color:var(--color-text-primary);display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:var(--font-weight-normal);transition:all var(--transition-speed) var(--transition-easing);box-shadow:var(--shadow-soft);min-height:2.5rem;font-size:.9rem}.theme-switcher button svg{flex-shrink:0;width:18px;height:18px;color:var(--color-text-primary);opacity:.9}.theme-switcher button:hover{background:var(--color-surface-hover);box-shadow:var(--shadow-medium);transform:var(--transform-hover);color:var(--color-accent-primary);border-color:var(--color-border-hover)}.theme-switcher button:hover svg{color:var(--color-accent-primary);opacity:1}.theme-switcher button.active{background:var(--color-accent-primary);color:var(--color-text-inverse);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-medium);border-color:var(--color-accent-primary)}.theme-switcher button.active svg{color:var(--color-text-inverse);opacity:1}.theme-switcher button.active:hover{background:var(--color-accent-primary);color:var(--color-text-inverse);opacity:.9;border-color:var(--color-accent-primary)}.theme-switcher button.active:hover svg{color:var(--color-text-inverse)}.tag-chooser{display:flex;flex-wrap:wrap;gap:.35rem}.tag-pill{padding:.2rem .5rem;font-size:.8rem;border-radius:999px;border:var(--border-width-thin) var(--border-style) var(--color-border);background:transparent;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-speed) var(--transition-easing)}.tag-pill:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.tag-pill--active{background:var(--color-accent2)}.form-buttons{display:flex;gap:.5rem;align-items:flex-start}.icon-selector{position:relative;flex:0 0 auto}.icon-selector-button{padding:var(--spacing-tight) var(--spacing-normal);border-radius:var(--radius-md);border:var(--border-width) var(--border-style) transparent;background:var(--color-accent-primary);color:var(--color-text-inverse);cursor:pointer;display:flex;align-items:center;gap:.5rem;text-align:left;font-size:inherit;font-weight:var(--font-weight-bold);white-space:nowrap;transition:all var(--transition-speed) var(--transition-easing);box-shadow:var(--shadow-soft)}.icon-selector-button:hover{background:var(--color-accent-primary);opacity:.9;box-shadow:var(--shadow-medium);transform:var(--transform-hover)}.icon-selector-button:active{transform:var(--transform-active);box-shadow:var(--shadow-soft)}.icon-selector-button svg{width:16px;height:16px;flex-shrink:0;color:var(--color-text-inverse)}.icon-dropdown{position:absolute;top:100%;left:0;min-width:300px;margin-top:.25rem;background:var(--color-surface);color:var(--color-text-primary);border:var(--border-width) var(--border-style) var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-medium);z-index:1000;display:flex;flex-direction:column;max-height:500px}.icon-dropdown-header{padding:.75rem;border-bottom:var(--border-width-thin) var(--border-style) var(--color-border);background:var(--color-surface-hover)}.icon-search{width:100%;padding:.5rem;border-radius:var(--radius-sm);border:var(--border-width-thin) var(--border-style) var(--color-border);background:var(--color-surface);color:var(--color-text-primary);margin-bottom:.75rem;font-size:.9rem;transition:all var(--transition-speed) var(--transition-easing)}.icon-search::placeholder{color:var(--color-text-tertiary);opacity:.7}.icon-search:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 2px var(--color-focus-ring)}.icon-category-group{margin-top:.5rem}.icon-category-group:first-child{margin-top:0}.icon-category-label{padding:.4rem .75rem;background:var(--color-surface-hover);font-size:.75rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);pointer-events:none;-webkit-user-select:none;user-select:none}.icon-dropdown-content{overflow-y:auto;overflow-x:hidden;max-height:350px}.icon-option{padding:.5rem .75rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;color:var(--color-text-primary);transition:all var(--transition-speed) var(--transition-easing)}.icon-option:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.icon-option.icon-option--selected{background:var(--color-surface-active);color:var(--color-accent-primary);font-weight:var(--font-weight-medium)}.icon-option svg{width:16px;height:16px;flex-shrink:0;color:inherit}@media(max-width:639px){.admin-page{padding:0}.admin-page h1{font-size:1.25rem;margin-bottom:var(--spacing-normal)}.admin-section{margin-top:var(--spacing-normal);padding:var(--spacing-normal);border-radius:var(--radius-md)}.admin-section h2{font-size:1rem;gap:.4rem;margin-bottom:var(--spacing-normal)}.admin-section h2 svg{width:18px;height:18px}.admin-form{flex-direction:column;gap:var(--spacing-tight);margin-bottom:var(--spacing-normal)}.admin-form input,.admin-form select,.admin-form button{width:100%;padding:var(--spacing-tight) var(--spacing-normal);font-size:.9rem}.admin-list{font-size:.8rem}.admin-list-item{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--spacing-tight);padding:var(--spacing-tight) 0}.admin-list-item span{font-size:.85rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-list-item span svg{width:14px;height:14px;flex-shrink:0}.link-actions{gap:.2rem;flex-wrap:nowrap;flex-shrink:0}.delete-btn,.action-btn{padding:var(--spacing-tight);min-width:32px;min-height:32px}.delete-btn svg,.action-btn svg{width:12px;height:12px}.theme-switcher{gap:var(--spacing-tight)}.theme-switcher button{flex:1;min-width:calc(50% - var(--spacing-tight) / 2);padding:var(--spacing-tight) var(--spacing-normal);font-size:.85rem;min-height:2.25rem}.theme-switcher button svg{width:16px;height:16px}.tag-chooser{gap:.3rem}.tag-pill{padding:.15rem .4rem;font-size:.75rem}.form-buttons{flex-direction:column;gap:var(--spacing-tight);width:100%}.form-buttons button,.icon-selector{width:100%}.icon-selector-button{width:100%;justify-content:center;padding:var(--spacing-tight) var(--spacing-normal);font-size:.9rem}.icon-selector-button svg{width:14px;height:14px}.icon-dropdown{position:fixed!important;left:var(--spacing-normal)!important;right:var(--spacing-normal)!important;top:50%!important;transform:translateY(-50%)!important;min-width:auto!important;max-width:calc(100vw - 2 * var(--spacing-normal))!important;max-height:70vh!important;margin-top:0!important;z-index:1001!important}.icon-dropdown-content{max-height:calc(70vh - 80px)!important}.icon-dropdown-header{padding:var(--spacing-tight)}.icon-search{padding:var(--spacing-tight);font-size:.85rem;margin-bottom:var(--spacing-tight)}.icon-category-label{padding:.3rem var(--spacing-tight);font-size:.7rem}.icon-dropdown-content{max-height:300px}.icon-option{padding:var(--spacing-tight) var(--spacing-normal);font-size:.85rem;gap:.4rem}.icon-option svg{width:14px;height:14px}}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--color-background);color:var(--color-text-primary);font-weight:var(--font-weight-normal);transition:background-color var(--transition-speed) var(--transition-easing),color var(--transition-speed) var(--transition-easing)}button{font:inherit}a{color:inherit;text-decoration:none}