*{box-sizing:border-box}:root{--md-ref-typeface-plain: "Inter Tight", "Mada", ui-sans-serif, system-ui, sans-serif;--md-ref-typeface-brand: "Inter Tight", "Mada", ui-sans-serif, system-ui, sans-serif;--md-outlined-text-field-container-shape: 16px;--md-outlined-text-field-focus-outline-color: var(--md-sys-color-primary);--md-outlined-text-field-input-text-font: "Inter Tight", "Mada", sans-serif;--md-outlined-text-field-label-text-font: "Inter Tight", "Mada", sans-serif;--md-filled-button-label-text-font: "Inter Tight", "Mada", sans-serif;--md-filled-button-label-text-weight: 600;--md-filled-button-container-color: var(--md-sys-color-primary);--md-filled-button-label-text-color: #000000;--md-filled-button-hover-label-text-color: #000000;--md-filled-button-pressed-label-text-color: #000000;--md-text-button-label-text-font: "Inter Tight", "Mada", sans-serif;--md-text-button-label-text-color: var(--md-sys-color-primary);--md-dialog-container-color: var(--md-sys-color-surface-container);--md-dialog-headline-font: "Inter Tight", "Mada", sans-serif;--md-dialog-supporting-text-font: "Inter Tight", "Mada", sans-serif}html,body{margin:0;padding:0;min-height:100%;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);font-family:Inter Tight,Mada,ui-sans-serif,system-ui,-apple-system,sans-serif}html[data-lang=ar]{font-family:Mada,Inter Tight,ui-sans-serif,system-ui,-apple-system,sans-serif}#app{min-height:100vh;display:block;position:relative}a{color:var(--md-sys-color-primary)}.lang-switcher{position:fixed;top:20px;right:20px;z-index:100;display:flex;gap:6px}html[dir=rtl] .lang-switcher{right:auto;left:20px}.lang-switcher button{padding:7px 16px;border:1px solid var(--md-sys-color-outline);border-radius:999px;background:transparent;color:#ffffffbf;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.lang-switcher button:hover{background:#ffffff14;color:#fff}.lang-switcher button.active{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border-color:var(--md-sys-color-primary);font-weight:600}.page{display:none}.page.active{display:flex;flex-direction:column}.page-input{align-items:center;justify-content:center;gap:36px;padding:24px;min-height:100vh;background:var(--md-sys-color-surface)}.input-logo{display:flex;align-items:center;gap:14px}.input-logo__mark{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:999px;background:var(--md-sys-color-primary);color:#000;font-family:JetBrains Mono,Mada,ui-monospace,monospace;font-weight:600;font-size:28px}.input-logo__word{font-size:40px;font-weight:300;letter-spacing:-.02em;color:#fff}.input-logo__word span{color:var(--md-sys-color-primary);font-weight:500}.input-form{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;gap:24px}.search-pill{width:100%;display:flex;align-items:center;gap:10px;padding:4px 8px 4px 22px;border:1px solid var(--md-sys-color-outline);border-radius:999px;background:var(--md-sys-color-surface-container-low);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.search-pill:focus-within{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-surface-container);box-shadow:0 0 0 3px #82b54126}.search-pill svg{flex-shrink:0;width:20px;height:20px;color:#fff6}.search-pill input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:#fff;font-family:inherit;font-size:16px;padding:12px 0}.search-pill input::placeholder{color:#fff6}.search-pill__go{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:none;background:var(--md-sys-color-primary);color:#000;cursor:pointer;transition:filter .2s ease,transform .15s ease}.search-pill__go:hover{filter:brightness(1.1)}.search-pill__go:active{transform:scale(.94)}.search-pill__go svg{width:18px;height:18px}html[dir=rtl] .search-pill__go svg{transform:scaleX(-1)}.input-submitter{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.input-submitter .name-btn{padding:7px 16px;border:1px solid var(--md-sys-color-outline);border-radius:999px;background:transparent;color:#ffffffbf;font-family:inherit;font-size:13px;cursor:pointer;transition:all .2s ease}.input-submitter .name-btn:hover{background:#ffffff14;color:#fff}.input-submitter .name-btn.selected{background:#82b54129;border-color:transparent;color:var(--md-sys-color-primary);font-weight:500}.name-field{width:100%;padding:11px 20px;border:1px solid var(--md-sys-color-outline);border-radius:999px;background:transparent;color:#fff;font-family:inherit;font-size:14px;text-align:center;transition:border-color .2s ease}.name-field:focus{outline:none;border-color:var(--md-sys-color-primary)}.name-field::placeholder{color:#fff6}.input-buttons{display:flex;gap:10px;justify-content:center}.input-buttons button{padding:10px 24px;border:1px solid var(--md-sys-color-outline);border-radius:999px;background:transparent;color:#fffc;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.input-buttons button:hover{border-color:var(--md-sys-color-primary);color:var(--md-sys-color-primary)}.app-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;height:64px;padding:0 20px;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--md-sys-color-outline-variant)}.app-bar__mark{width:32px;height:32px;border-radius:999px;background:var(--md-sys-color-primary);color:#000;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,Mada,ui-monospace,monospace;font-weight:600;font-size:15px;flex-shrink:0}.app-bar__back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;border:none;background:transparent;color:#ffffffb3;cursor:pointer;flex-shrink:0}.app-bar__back:hover{background:#ffffff14;color:#fff}.app-bar__back svg{width:20px;height:20px}html[dir=rtl] .app-bar__back svg{transform:scaleX(-1)}.app-bar__title{font-size:18px;font-weight:600;letter-spacing:-.01em;margin:0;color:#fff}.app-bar__tagline{font-size:13px;color:#ffffff80;margin:0}.app-bar__spacer{flex:1}.app-bar__count{font-size:13px;color:#ffffff80;white-space:nowrap}.container{width:100%;max-width:760px;margin:0 auto;padding:20px 16px 64px;display:flex;flex-direction:column;gap:20px;flex:1}.add-card{position:relative;background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:12px}.add-card__row{display:flex;gap:10px;align-items:flex-start}.add-card__row>*{flex:1;min-width:0}.add-card__name-field{flex:0 0 200px}md-outlined-text-field,md-filled-text-field{width:100%}.add-card__details{display:flex;flex-direction:column;gap:12px;overflow:hidden;max-height:0;opacity:0;transition:max-height .25s ease,opacity .2s ease}.add-card__details.is-open{max-height:600px;opacity:1}.link-row{display:flex;gap:8px;align-items:center}.link-row md-outlined-text-field.link-label{flex:0 0 130px}.link-row md-outlined-text-field.link-url{flex:1}.add-card__actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.add-card__toggle{border:none;background:none;cursor:pointer;padding:0;color:var(--md-sys-color-primary);font-family:inherit;font-size:13px;font-weight:500}.add-card__hint{font-size:12px;color:#ffffff80;margin:0}.add-card__error{font-size:13px;color:var(--md-sys-color-error);margin:0}.search-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.search-bar md-outlined-text-field{flex:1;min-width:200px}.sort-toggle{display:flex;gap:6px}.tag-filter-row{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border-radius:999px;border:1px solid var(--md-sys-color-outline);background:transparent;color:#ffffffbf;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s ease}.chip:hover{background:#ffffff14;color:#fff}.chip.is-selected{background:#82b54129;color:var(--md-sys-color-primary);border-color:transparent}.chip svg{width:16px;height:16px;flex-shrink:0}.chip.link-chip{color:var(--md-sys-color-primary);border-color:var(--md-sys-color-outline);text-decoration:none}.chip.link-chip:hover{background:#82b5411f;border-color:var(--md-sys-color-primary)}.feed{display:flex;flex-direction:column;gap:12px}.feed-empty{text-align:center;padding:48px 16px;color:#ffffff80;display:flex;flex-direction:column;align-items:center;gap:8px}.feed-empty svg{width:40px;height:40px;opacity:.5}.idea-card{position:relative;background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:16px;padding:16px 16px 12px;display:flex;flex-direction:column;gap:8px;scroll-margin-top:80px;transition:border-color .3s ease}.idea-card.is-highlighted{border-color:var(--md-sys-color-primary)}.idea-card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.idea-card__title{font-size:17px;font-weight:600;margin:0;word-break:break-word;color:#fff}.idea-card__desc{font-size:14px;line-height:1.5;color:#fff9;margin:0;white-space:pre-wrap;word-break:break-word}.idea-card__links,.idea-card__tags{display:flex;flex-wrap:wrap;gap:6px}.idea-card__meta{display:flex;align-items:center;gap:10px;margin-top:4px}.idea-card__submitter{font-size:13px;font-weight:500;color:#ffffffd9}.idea-card__time{font-size:12px;color:#ffffff80}.idea-card__spacer{flex:1}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;border:none;background:transparent;cursor:pointer;color:#fff9;transition:all .2s ease}.icon-btn:hover{background:#ffffff14;color:#fff}.icon-btn svg{width:20px;height:20px}.like-btn{display:inline-flex;align-items:center;gap:4px}.like-btn.is-liked{color:var(--md-sys-color-primary)}.like-btn.is-liked svg{fill:var(--md-sys-color-primary)}.like-count{font-size:13px;font-weight:500;min-width:12px}.menu-wrap{position:relative}.menu{position:absolute;right:0;top:40px;z-index:5;background:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;box-shadow:0 8px 24px #00000080;padding:4px;display:flex;flex-direction:column;min-width:140px}.menu[hidden]{display:none}.menu button{display:flex;align-items:center;gap:10px;border:none;background:none;text-align:left;padding:10px 12px;border-radius:8px;cursor:pointer;font-family:inherit;font-size:14px;color:#ffffffd9}.menu button:hover{background:#ffffff14}.menu button svg{width:18px;height:18px}.menu button.danger{color:var(--md-sys-color-error)}md-dialog .dialog-body{display:flex;flex-direction:column;gap:12px;min-width:min(480px,80vw)}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);padding:10px 18px;border-radius:999px;font-size:14px;font-weight:500;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:100}.toast.is-visible{opacity:1;transform:translate(-50%) translateY(-4px)}input[type=number]{direction:ltr;text-align:left}@media(max-width:600px){.input-logo__word{font-size:30px}.input-logo__mark{width:44px;height:44px;font-size:22px}.input-buttons{flex-direction:column;width:100%}.input-buttons button{width:100%}.input-submitter{gap:6px}.input-submitter .name-btn{padding:5px 12px;font-size:12px}}@media(max-width:480px){.add-card__row{flex-direction:column}.add-card__name-field{flex:1}.link-row{flex-direction:column;align-items:stretch}.link-row md-outlined-text-field.link-label{flex:1}}