.feature-modal{z-index:12000;padding:20px;overflow:auto}.feature-sheet{width:min(100%,580px);max-height:calc(100dvh - 40px);overflow:auto;padding:26px;border:1px solid var(--theme-border,#ffffff20);border-radius:24px;background:var(--bg-modal);color:var(--text-main)}
.feature-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.feature-head h2{font-size:22px;line-height:1.3;margin:0;flex:1;letter-spacing:-.5px}.feature-close{width:44px;height:44px;flex-shrink:0;border:1px solid var(--theme-border,#ffffff20);border-radius:50%;background:transparent;color:var(--text-main);font-size:25px;cursor:pointer}.feature-muted{color:var(--text-secondary);font-size:14px;line-height:1.6}.feature-modal .input-apple{width:100%;box-sizing:border-box;margin:6px 0 16px}.feature-modal .input-label{display:block;margin:0}.feature-modal button{min-height:44px;cursor:pointer;font:inherit}.feature-modal button:disabled{opacity:.5;cursor:default}
.resource-secondary{border:1px solid var(--theme-border,#ffffff28);border-radius:12px;padding:10px 14px;background:var(--bg-card);color:var(--text-main);cursor:pointer;min-height:44px}.resource-text-button{border:0;background:transparent;color:var(--text-secondary);padding:8px;cursor:pointer;min-height:44px}.resource-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#view-bookmarks>.main-header{gap:18px;flex-wrap:wrap}.resource-help{width:44px;height:44px;border:1px solid var(--theme-border,#ffffff30);border-radius:50%;background:var(--bg-card);color:var(--text-secondary);font-size:20px;font-weight:600;cursor:pointer;flex-shrink:0}.resource-help:hover{color:var(--accent-color);border-color:var(--accent-color)}.resource-search-button{background:var(--bg-card)!important;color:var(--text-main)!important;border:1px solid var(--theme-border,#ffffff30)!important;box-shadow:none!important}
.resource-search-actions{display:flex;gap:10px;flex-wrap:wrap}.resource-search-actions button{flex:1;white-space:nowrap}.resource-flow-note{margin:24px 0 4px;padding:16px;border-radius:14px;background:color-mix(in srgb,var(--accent-color) 9%,var(--bg-card));color:var(--text-secondary);line-height:1.65;font-size:14px}.resource-capture-cover{height:180px;border-radius:16px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color) 23%,var(--bg-main)),var(--bg-card));font-size:52px;color:var(--accent-color);margin:20px 0 12px}.resource-capture-cover img{height:100%;width:100%;object-fit:cover}.resource-kind{display:block;color:var(--text-secondary);font-size:12px;letter-spacing:.04em;margin:10px 0 20px}
.resource-empty{grid-column:1/-1;align-self:start;text-align:center;padding:54px 24px;border:1px dashed var(--theme-border,#ffffff25);border-radius:22px;margin-top:4px;color:var(--text-main)}.resource-empty-icon{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 18px;border-radius:20px;font-size:35px;background:color-mix(in srgb,var(--accent-color) 12%,var(--bg-card));color:var(--accent-color)}.resource-empty h3{font-size:24px;letter-spacing:-.5px;margin:8px 0}.resource-empty p{color:var(--text-secondary);line-height:1.6;margin:8px 0 22px}.bookmark-card:focus-visible,.feature-modal button:focus-visible,.resource-help:focus-visible{outline:3px solid var(--accent-color);outline-offset:3px}.bookmark-card{position:relative;min-height:96px}.bookmark-card .bm-options{border:0;background:transparent;color:var(--text-secondary);min-width:44px;min-height:44px;cursor:pointer;font-size:24px;flex-shrink:0}.resource-card-sub{display:block;font-size:12px;color:var(--text-secondary);margin-top:7px}.resource-with-cover{flex-wrap:wrap;align-content:start;padding-top:0!important;overflow:hidden}.resource-card-cover{width:calc(100% + 48px);height:145px;object-fit:cover;max-width:none;margin:0 -24px 20px}.resource-with-cover>.bm-options{position:absolute;top:8px;right:8px;background:#101722dc!important;color:#fff!important;border-radius:50%}.resource-with-cover>div{width:100%}
.resource-demo{position:relative;height:255px;display:grid;place-items:center;overflow:hidden;margin:22px 0;background:radial-gradient(ellipse at 50% 90%,color-mix(in srgb,var(--accent-color) 17%,transparent),transparent 70%),var(--bg-main);border-radius:20px;border:1px solid var(--theme-border,#ffffff20)}.resource-demo-screen{width:min(82%,320px);padding:16px;background:var(--bg-card);border:1px solid var(--theme-border,#ffffff20);border-radius:16px;box-shadow:0 18px 36px #0002;display:grid;gap:12px;animation:resource-arrive .4s both}.resource-demo-top{font-size:12px;color:var(--text-secondary);font-weight:700;letter-spacing:.03em}.resource-demo-search{padding:13px;background:var(--bg-main);border-radius:9px;font-size:14px;overflow:hidden;white-space:nowrap}.resource-demo-action{padding:12px;background:var(--accent-color);color:var(--theme-on-accent,#fff);border-radius:10px;text-align:center;font-size:13px;font-weight:600}.resource-demo-cover{height:55px;background:linear-gradient(120deg,#253955,#7c96b4);display:grid;place-items:center;border-radius:8px;color:#fff}.resource-demo-screen strong{font-size:14px}.resource-demo-cursor{position:absolute;right:25%;bottom:48px;color:var(--text-main);font-size:31px;filter:drop-shadow(0 2px 2px #0005);animation:resource-tap 3s ease-in-out infinite}.resource-demo-caption{position:absolute;right:10px;bottom:7px;color:var(--text-secondary);font-size:10px}.resource-step-title{font-size:21px;margin:16px 0 8px}.resource-step-description{min-height:66px;color:var(--text-secondary);line-height:1.6;font-size:14px;margin:0}.resource-step-dots{display:flex;gap:9px;margin:16px 0}.resource-step-dot{width:44px;border-radius:50%;border:1px solid var(--theme-border,#ffffff30);background:transparent;color:var(--text-secondary)}.resource-step-dot[aria-current=true]{background:var(--accent-color);color:var(--theme-on-accent,#fff);border-color:transparent}.resource-guide-controls{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.resource-web-note{font-size:12px;color:var(--text-secondary);line-height:1.5;margin:12px 0 20px}
.custom-theme-slots{display:grid;grid-template-columns:1fr 1fr;gap:14px}.custom-theme-slot{border:1px solid var(--theme-border,#ffffff25);background:var(--bg-card);border-radius:16px;overflow:hidden;padding:12px;display:flex;flex-direction:column;gap:12px;min-width:0}.custom-theme-slot>img{height:115px;width:100%;object-fit:cover;border-radius:10px}.custom-theme-slot>strong{font-size:14px;overflow-wrap:anywhere}.custom-theme-add{height:115px;width:100%;border:1px dashed var(--theme-border,#ffffff35);border-radius:10px;background:var(--bg-main);font-size:38px;color:var(--accent-color);cursor:pointer}.custom-theme-actions{display:flex;flex-wrap:wrap;gap:6px}.custom-theme-actions button{font-size:12px;padding:8px;flex:1;min-height:40px}.custom-theme-preview{height:220px;position:relative;border-radius:18px;overflow:hidden;margin:10px 0 22px;display:flex;align-items:center;justify-content:center;isolation:isolate;background:var(--bg-main)}.custom-theme-preview::before{content:'';position:absolute;inset:-12px;background-image:linear-gradient(color-mix(in srgb,var(--bg-main) var(--custom-dim),transparent),color-mix(in srgb,var(--bg-main) var(--custom-dim),transparent)),var(--theme-image);background-position:var(--custom-position);background-size:cover;filter:blur(var(--custom-blur));z-index:-1}.custom-theme-preview-surface{width:78%;padding:18px;border-radius:14px;background:var(--bg-card);color:var(--text-main);box-shadow:0 10px 28px #0002}.custom-theme-preview-surface small,.custom-theme-preview-surface p{color:var(--text-secondary)}.custom-theme-preview-surface h3{margin:8px 0}.custom-theme-preview-action{display:inline-block;background:var(--accent-color);color:var(--theme-on-accent);padding:8px 22px;border-radius:8px;font-size:13px}.custom-theme-range{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--text-secondary);margin:15px 0}.custom-theme-range input{width:50%;accent-color:var(--accent-color);min-height:32px}
html[data-custom-theme] .view-container::before{background-image:linear-gradient(color-mix(in srgb,var(--bg-main) var(--custom-dim),transparent),color-mix(in srgb,var(--bg-main) var(--custom-dim),transparent)),var(--theme-image);filter:blur(var(--custom-blur));inset:-12px}html[data-custom-theme] #btnTimerStart,html[data-custom-theme] #btnTimerReset{color:var(--theme-on-accent)}
@keyframes resource-arrive{from{transform:translateY(12px);opacity:.3}to{transform:translateY(0);opacity:1}}@keyframes resource-tap{0%,100%{transform:translate(20px,8px);opacity:0}25%,75%{opacity:1}50%{transform:translate(0,0) scale(.9)}}
@media(max-width:600px){.feature-modal{padding:12px}.feature-sheet{padding:20px;max-height:calc(100dvh - 24px);border-radius:20px}.feature-head h2{font-size:20px}.resource-header-actions{gap:8px;width:100%}.resource-header-actions>.btn-primary{font-size:12px;padding:11px;flex:1}.resource-demo{height:230px}.custom-theme-slots{gap:10px}.custom-theme-slot{padding:9px}.custom-theme-actions{display:grid;grid-template-columns:1fr}.resource-empty{padding:36px 16px}.resource-capture-cover{height:155px}.feature-modal .modal-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.resource-demo *{animation:none!important;transition:none!important}.resource-demo-cursor{display:none}}
.resource-demo.is-paused *{animation-play-state:paused!important}