.activity-classifier{--cls-surface:#fff;--cls-ink:#20252b;--cls-muted:#626d78;--cls-line:#e4e7eb;--cls-accent:#f65b23;--cls-soft:#ffede5;display:block!important;color:var(--cls-ink);min-width:0}.classification-search{margin-block:12px 20px;min-height:52px;border-radius:16px!important;font-size:16px!important;box-shadow:0 4px 18px #00000008}.classification-legends{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-block-end:22px}.classification-legend{border:1px solid var(--cls-line);background:var(--cls-surface);border-radius:16px;padding:14px;min-width:0}.classification-legend p{font-size:13px;color:var(--cls-muted);margin-block:8px 0}.classification-type{display:inline-block;font-weight:600;font-size:12px;line-height:1.5;border-radius:30px;padding:5px 10px}.classification-type.venue{background:#e3f2eb;color:#1f7a5a}.classification-type.session{background:#fbf0de;color:#a86412}.classification-type.event{background:#e4ebf5;color:#3d5a80}.classification-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.classification-tile,.classification-sub{display:flex;flex-direction:column;align-items:flex-start;text-align:start;gap:10px;min-width:0;min-height:150px;padding:18px;border-radius:20px;background:var(--cls-surface);color:var(--cls-ink);border:1.5px solid var(--cls-line);box-shadow:0 1px 2px #00000008,0 9px 25px #00000008;transition:transform .2s,border-color .2s}.classification-tile:hover,.classification-sub:hover{transform:translateY(-3px);background:var(--cls-surface);border-color:var(--cls-accent)}.classification-sub{min-height:110px}.classification-sub .classification-type{margin-block-start:auto}.classification-sub.selected{border:2px solid var(--cls-accent);background:var(--cls-soft)}.classification-tile strong{font-size:18px}.classification-description{font-weight:400;font-size:14px;line-height:1.5;color:var(--cls-muted)}.classification-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:white;font-size:17px}.classification-nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-block-end:14px}.classification-nav button{border-radius:30px;min-height:44px}.classification-nav h3{margin:0;font-size:22px}.classification-dock{position:sticky;bottom:14px;z-index:2;background:#252b34;color:white;border-radius:20px;padding:16px;margin-block-start:24px;display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.classification-dock>div{flex:1;min-width:180px;overflow-wrap:anywhere}.classification-dock button{background:var(--cls-accent);color:white;min-height:48px;border-radius:14px}.classification-dock button:disabled{cursor:not-allowed}.activity-classifier :focus-visible{outline:3px solid var(--cls-accent);outline-offset:3px}#editor.choosing-category>#choose-category{grid-column:1/-1}#editor.choosing-category>#live-preview{display:none}@media(max-width:720px){.classification-legends{grid-template-columns:1fr}.classification-legend{padding:10px 14px}.classification-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.classification-tile,.classification-sub{padding:14px}.classification-tile strong{font-size:16px}.classification-description{font-size:13px}.classification-dock{bottom:8px}.classification-dock button{flex:1}}@media(prefers-color-scheme:dark){.activity-classifier{--cls-surface:#24272c;--cls-ink:#f5f5f5;--cls-muted:#bdc2ca;--cls-line:#42464d;--cls-soft:#3a2219}.classification-search{background:var(--cls-surface);color:var(--cls-ink)}.classification-type.venue{background:#17332a;color:#6cc9a3}.classification-type.session{background:#3a2e17;color:#f0b14a}.classification-type.event{background:#1b2a40;color:#8faad6}}@media(prefers-reduced-motion:reduce){.classification-tile,.classification-sub{transition:none;transform:none!important}}

.classification-nav .classification-back{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #f0d1c0;border-radius:14px;padding:10px 15px;background:#fff7f2;color:#ac3d17;font-weight:600;box-shadow:0 3px 10px #e77a3520;transition:background .18s,box-shadow .18s,transform .18s}
.classification-back svg{width:21px;height:21px;flex-shrink:0;transition:transform .18s}
.classification-nav .classification-back:hover{background:#ffede3;box-shadow:0 5px 15px #e77a352c;transform:translateY(-1px)}
.classification-back:hover svg{transform:translateX(-3px)}
[dir=rtl] .classification-back svg{transform:rotate(180deg)}
[dir=rtl] .classification-back:hover svg{transform:translateX(3px) rotate(180deg)}
.classification-nav .classification-back:active{transform:translateY(0);box-shadow:0 1px 3px #e77a3520}
@media(prefers-reduced-motion:reduce){.classification-nav .classification-back,.classification-back svg{transition:none}.classification-back:hover svg{transform:none}[dir=rtl] .classification-back:hover svg{transform:rotate(180deg)}}