:root{--bg: var(--tg-theme-bg-color, #ffffff);--card: var(--tg-theme-secondary-bg-color, #f2f2f7);--text: var(--tg-theme-text-color, #0b0b0c);--muted: var(--tg-theme-hint-color, #8a8a8e);--accent: var(--tg-theme-button-color, #2f81f7);--accent-text: var(--tg-theme-button-text-color, #ffffff);--danger: #e5484d;--radius: 12px}@media(prefers-color-scheme:dark){:root{--bg: var(--tg-theme-bg-color, #17181a);--card: var(--tg-theme-secondary-bg-color, #232427);--text: var(--tg-theme-text-color, #f5f5f7);--muted: var(--tg-theme-hint-color, #8f9096)}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}.screen{display:flex;flex-direction:column;gap:14px;padding:16px 16px calc(88px + env(safe-area-inset-bottom));min-height:100vh}.centered{align-items:center;justify-content:center;text-align:center}.pad{padding:32px 0}h1{font-size:26px;margin:0}h2{font-size:17px;margin:8px 0 0}.hint{color:var(--muted);margin:0}.small{font-size:13px}.err{color:var(--danger);font-size:13px;margin:-8px 0 0}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}.row{display:flex;align-items:center}.between{justify-content:space-between}.gap{gap:8px}.grow{flex:1;min-width:0}input,textarea{width:100%;padding:11px 12px;border:1px solid transparent;border-radius:var(--radius);background:var(--card);color:var(--text);font-size:16px;font-family:inherit}input:focus,textarea:focus{outline:none;border-color:var(--accent)}input[type=checkbox],input[type=range]{width:auto;accent-color:var(--accent)}input[type=range]{width:100%}.field{display:flex;flex-direction:column;gap:6px}.field>span{color:var(--muted);font-size:13px}.checkbox{color:var(--text)}button{font:inherit;cursor:pointer;border:none;background:none;color:var(--text)}button:disabled{opacity:.45;cursor:default}.primary,.secondary,.danger,.danger-ghost{padding:12px 16px;border-radius:var(--radius);font-weight:500}.primary{background:var(--accent);color:var(--accent-text)}.secondary{background:var(--card)}.danger{background:var(--danger);color:#fff}.danger-ghost{background:transparent;color:var(--danger)}.link{color:var(--accent);padding:6px 2px}.icon{font-size:20px;line-height:1;padding:6px 10px;color:var(--muted)}.gate{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:28px 18px calc(20px + env(safe-area-inset-bottom));min-height:100vh}.gate-error{text-align:center;color:var(--muted)}.gate-error h1{color:var(--text)}.gate-form{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:340px}.gate-form h1{margin-bottom:-6px}.gate-form input,.gate-form .primary{width:100%}.gate-form input{text-align:center;margin-top:8px}.gate-date{color:var(--muted);font-size:14px;text-transform:capitalize}.search{margin-bottom:2px}.entries{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.entry{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:var(--radius);background:var(--card);text-align:left}.avatar{flex:0 0 36px;height:36px;border-radius:50%;background:var(--accent);color:var(--accent-text);display:flex;align-items:center;justify-content:center;font-weight:600}.entry-text{display:flex;flex-direction:column;min-width:0;flex:1}.entry-title{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-sub{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.star{color:#f5a623;margin-right:4px}.chev{color:var(--muted);font-size:20px}.trashed{padding:10px 12px;border-radius:var(--radius);background:var(--card)}.fab{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));width:56px;height:56px;border-radius:50%;background:var(--accent);color:var(--accent-text);font-size:30px;line-height:1;box-shadow:0 4px 16px #00000038}.row-field{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:var(--radius);background:var(--card)}.row-field>div{display:flex;flex-direction:column;min-width:0}.label{color:var(--muted);font-size:12px}.value{overflow-wrap:anywhere}.note{padding:12px;border-radius:var(--radius);background:var(--card)}.note p{margin:4px 0 0;white-space:pre-wrap}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{padding:3px 10px;border-radius:999px;background:var(--card);color:var(--muted);font-size:13px}.history{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.history li{display:flex;flex-direction:column;padding:10px 12px;border-radius:var(--radius);background:var(--card)}.generated{padding:18px 14px;border-radius:var(--radius);background:var(--card);font-size:19px;text-align:center;min-height:60px}.strength{display:flex;flex-direction:column;gap:4px}.strength-track{height:5px;border-radius:999px;background:var(--card);overflow:hidden}.strength-fill{height:100%;transition:width .15s ease}.strength-fill.weak{background:var(--danger)}.strength-fill.fair{background:#f5a623}.strength-fill.good{background:#3aa675}.strength-fill.strong{background:#2fbf71}.toasts{position:fixed;left:0;right:0;bottom:calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.toast{max-width:90%;padding:10px 16px;border-radius:999px;background:#000000d1;color:#fff;font-size:14px}.toast.error{background:var(--danger)}