:root{--bg: #fafaf9;--fg: #1c1917;--muted: #78716c;--border: #e7e5e4;--accent: #2563eb;--badge-bg: #dc2626;--badge-fg: #ffffff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--fg);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.5rem;border-bottom:1px solid var(--border);background:#fff}.header__brand{font-weight:600;font-size:1.05rem}.header__user{display:flex;gap:.875rem;align-items:center;font-size:.9rem}.header__logout{color:var(--accent);text-decoration:none}.header__logout:hover{text-decoration:underline}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;padding:1.5rem}.tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;aspect-ratio:4 / 3;padding:1rem;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--fg);text-decoration:none;transition:transform .1s ease,box-shadow .1s ease}.tile:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0000000f}.tile__icon{width:48px;height:48px}.tile__name{font-weight:500}.tile__badge{position:absolute;top:8px;right:8px;background:var(--badge-bg);color:var(--badge-fg);border-radius:999px;padding:.1rem .5rem;font-size:.75rem;font-weight:600}.recent{padding:1.5rem;border-top:1px solid var(--border);background:#fff}.recent__title{font-weight:600;margin:0 0 .875rem}.recent__columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.recent__col-title{font-size:.85rem;color:var(--muted);margin-bottom:.5rem}.recent__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.375rem}.recent__link{font-size:.9rem;color:var(--fg);text-decoration:none}.recent__link:hover{color:var(--accent)}.search-box{position:relative;flex:1;max-width:480px;margin:0 1.5rem}.search-box__input{width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);font-size:.9rem;color:var(--fg)}.search-box__input:focus{outline:none;border-color:var(--accent);background:#fff}.search-box__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000014;max-height:480px;overflow-y:auto;z-index:100}.search-loading{padding:.5rem .75rem;font-size:.85rem;color:var(--muted)}.search-empty{padding:1rem;text-align:center;color:var(--muted);font-size:.9rem}.search-group{padding:.5rem 0;border-bottom:1px solid var(--border)}.search-group:last-child{border-bottom:none}.search-group__header{padding:.25rem .75rem;font-size:.75rem;text-transform:uppercase;color:var(--muted);font-weight:600}.search-group__name{letter-spacing:.04em}.search-group__error{color:#b91c1c;text-transform:none;font-weight:400}.search-group__list{list-style:none;padding:0;margin:0}.search-item{display:block;padding:.5rem .75rem;color:var(--fg);text-decoration:none}.search-item:hover{background:var(--bg)}.search-item__title{font-weight:500}.search-item__snippet{color:var(--muted);font-size:.85rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-item-row{display:flex;align-items:center;justify-content:space-between}.search-item-row>.search-item{flex:1}.share-button-wrap{position:relative}.share-button{background:transparent;border:0;cursor:pointer;opacity:0;padding:.25rem .5rem;font-size:1rem}.search-item-row:hover .share-button,.search-item-row:focus-within .share-button{opacity:.7}.share-button:hover{opacity:1}.share-popover{position:absolute;right:0;top:100%;z-index:10;background:#fff;border:1px solid var(--border);border-radius:6px;padding:.75rem;min-width:18rem;box-shadow:0 4px 12px #0000001f}.share-popover__header{display:flex;justify-content:space-between;font-weight:600}.share-popover__title{font-weight:600}.share-popover__snippet{color:var(--muted);font-size:.875rem}.share-popover__row{display:flex;flex-direction:column;margin-top:.5rem;gap:.25rem}.share-popover__row input{padding:.375rem;border:1px solid var(--border);border-radius:4px}.share-popover__options{list-style:none;padding:0;margin:.25rem 0 0;max-height:8rem;overflow-y:auto}.share-popover__options button{background:transparent;border:0;cursor:pointer;text-align:left;padding:.25rem .5rem;width:100%}.share-popover__options button:hover{background:#f3f3f3}.share-popover__error{color:#b00020;margin-top:.5rem;font-size:.875rem}.share-popover__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.75rem}.share-toast{position:fixed;right:1rem;bottom:1rem;z-index:20;background:#1f2937;color:#fff;padding:.625rem .875rem;border-radius:6px;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #0003}.share-toast a{color:#93c5fd}.share-toast button{background:transparent;border:0;color:#fff;cursor:pointer}