:root{
  /* Remotion spring presets (claude-remotion-skill theme.ts) as CSS linear() */
  --spring-smooth: linear(0, 0.012, 0.043, 0.085, 0.134, 0.188, 0.244, 0.3, 0.355, 0.408, 0.459, 0.507, 0.551, 0.593, 0.631, 0.666, 0.698, 0.728, 0.755, 0.779, 0.801, 0.821, 0.84, 0.856, 0.871, 0.884, 0.896, 0.907, 0.916, 0.925, 0.933, 0.94, 0.946, 0.952, 0.957, 0.961, 0.965, 0.969, 0.972, 0.975, 0.978, 0.98, 0.982, 0.984, 0.986, 0.987, 0.989, 0.99, 0.991, 0.992, 0.993, 0.994, 0.994, 0.995, 0.995, 0.996, 0.996, 0.997, 0.997, 0.997, 0.998, 0.998, 0.998, 0.998, 0.998, 0.999, 0.999, 0.999, 0.999, 0.999, 0.999, 0.999, 0.999, 0.999, 1);
  --spring-smooth-dur: 1233ms;
  --spring-snappy: linear(0, 0.036, 0.12, 0.231, 0.354, 0.476, 0.591, 0.693, 0.781, 0.854, 0.912, 0.956, 0.989, 1.012, 1.026, 1.034, 1.038, 1.037, 1.035, 1.031, 1.027, 1.022, 1.018, 1.014, 1.01, 1.007, 1.004, 1.002, 1.001, 1, 0.999, 0.999, 0.999, 0.999, 0.999, 0.999, 0.999, 0.999, 0.999, 0.999, 1, 1, 1, 1, 1, 1);
  --spring-snappy-dur: 750ms;
  --spring-bouncy: linear(0, 0.034, 0.118, 0.235, 0.37, 0.512, 0.649, 0.776, 0.886, 0.978, 1.049, 1.101, 1.135, 1.153, 1.157, 1.151, 1.138, 1.119, 1.098, 1.076, 1.054, 1.034, 1.017, 1.003, 0.992, 0.984, 0.979, 0.976, 0.975, 0.976, 0.978, 0.981, 0.985, 0.988, 0.992, 0.995, 0.997, 1, 1.001, 1.003, 1.003, 1.004, 1.004, 1.004, 1.003, 1.003, 1.002, 1.002, 1.001, 1.001, 1, 1, 1, 1, 0.999, 0.999, 0.999, 0.999, 0.999, 1);
  --spring-bouncy-dur: 983ms;
}
/* Solar icons (Iconify) — same set Cinextma uses via @iconify/react */
.fas,.far,.fab,.ico{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-0.125em;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;font-style:normal}
.fa-home{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2.5192%207.82274C2%208.77128%202%209.91549%202%2012.2039V13.725C2%2017.6258%202%2019.5763%203.17157%2020.7881C4.34315%2022%206.22876%2022%2010%2022H14C17.7712%2022%2019.6569%2022%2020.8284%2020.7881C22%2019.5763%2022%2017.6258%2022%2013.725V12.2039C22%209.91549%2022%208.77128%2021.4808%207.82274C20.9616%206.87421%2020.0131%206.28551%2018.116%205.10812L16.116%203.86687C14.1106%202.62229%2013.1079%202%2012%202C10.8921%202%209.88939%202.62229%207.88403%203.86687L5.88403%205.10813C3.98695%206.28551%203.0384%206.87421%202.5192%207.82274ZM11.25%2018C11.25%2018.4142%2011.5858%2018.75%2012%2018.75C12.4142%2018.75%2012.75%2018.4142%2012.75%2018V15C12.75%2014.5858%2012.4142%2014.25%2012%2014.25C11.5858%2014.25%2011.25%2014.5858%2011.25%2015V18Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E")}
.fa-fire{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M12.8324%2021.8013C15.9583%2021.1747%2020%2018.926%2020%2013.1112C20%207.8196%2016.1267%204.29593%2013.3415%202.67685C12.7235%202.31757%2012%202.79006%2012%203.50492V5.3334C12%206.77526%2011.3938%209.40711%209.70932%2010.5018C8.84932%2011.0607%207.92052%2010.2242%207.816%209.20388L7.73017%208.36604C7.6304%207.39203%206.63841%206.80075%205.85996%207.3946C4.46147%208.46144%203%2010.3296%203%2013.1112C3%2020.2223%208.28889%2022.0001%2010.9333%2022.0001C11.0871%2022.0001%2011.2488%2021.9955%2011.4171%2021.9858C10.1113%2021.8742%208%2021.064%208%2018.4442C8%2016.3949%209.49507%2015.0085%2010.631%2014.3346C10.9365%2014.1533%2011.2941%2014.3887%2011.2941%2014.7439V15.3331C11.2941%2015.784%2011.4685%2016.4889%2011.8836%2016.9714C12.3534%2017.5174%2013.0429%2016.9454%2013.0985%2016.2273C13.1161%2016.0008%2013.3439%2015.8564%2013.5401%2015.9711C14.1814%2016.3459%2015%2017.1465%2015%2018.4442C15%2020.4922%2013.871%2021.4343%2012.8324%2021.8013Z%22%2F%3E%3C%2Fsvg%3E")}
.fa-fire-alt{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M12.8324%2021.8013C15.9583%2021.1747%2020%2018.926%2020%2013.1112C20%207.8196%2016.1267%204.29593%2013.3415%202.67685C12.7235%202.31757%2012%202.79006%2012%203.50492V5.3334C12%206.77526%2011.3938%209.40711%209.70932%2010.5018C8.84932%2011.0607%207.92052%2010.2242%207.816%209.20388L7.73017%208.36604C7.6304%207.39203%206.63841%206.80075%205.85996%207.3946C4.46147%208.46144%203%2010.3296%203%2013.1112C3%2020.2223%208.28889%2022.0001%2010.9333%2022.0001C11.0871%2022.0001%2011.2488%2021.9955%2011.4171%2021.9858C10.1113%2021.8742%208%2021.064%208%2018.4442C8%2016.3949%209.49507%2015.0085%2010.631%2014.3346C10.9365%2014.1533%2011.2941%2014.3887%2011.2941%2014.7439V15.3331C11.2941%2015.784%2011.4685%2016.4889%2011.8836%2016.9714C12.3534%2017.5174%2013.0429%2016.9454%2013.0985%2016.2273C13.1161%2016.0008%2013.3439%2015.8564%2013.5401%2015.9711C14.1814%2016.3459%2015%2017.1465%2015%2018.4442C15%2020.4922%2013.871%2021.4343%2012.8324%2021.8013Z%22%2F%3E%3C%2Fsvg%3E")}
.fa-flag{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M5.75%201C6.16421%201%206.5%201.33579%206.5%201.75V3.6L8.22067%203.25587C9.8712%202.92576%2011.5821%203.08284%2013.1449%203.70797L13.3486%203.78943C14.9097%204.41389%2016.628%204.53051%2018.2592%204.1227C19.0165%203.93339%2019.75%204.50613%2019.75%205.28669V12.6537C19.75%2013.298%2019.3115%2013.8596%2018.6864%2014.0159L18.472%2014.0695C16.7024%2014.5119%2014.8385%2014.3854%2013.1449%2013.708C11.5821%2013.0828%209.8712%2012.9258%208.22067%2013.2559L6.5%2013.6V21.75C6.5%2022.1642%206.16421%2022.5%205.75%2022.5C5.33579%2022.5%205%2022.1642%205%2021.75V1.75C5%201.33579%205.33579%201%205.75%201Z%22%2F%3E%3C%2Fsvg%3E")}
.fa-torii-gate{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M2.2509%2011.8809C2.2404%2012.057%202.26536%2012.2706%202.3153%2012.6978L2.71598%2016.1258C2.89681%2017.6729%203.72352%2019.0714%204.99182%2019.9757C5.9263%2020.6419%207.04537%2021%208.19303%2021H11.8069C12.9546%2021%2014.0736%2020.6419%2015.0081%2019.9757C15.8116%2019.4028%2016.4378%2018.6317%2016.8349%2017.75H19C21.0711%2017.75%2022.75%2016.0711%2022.75%2014C22.75%2011.9289%2021.0711%2010.25%2019%2010.25H16.7212C16.5325%2010.1455%2016.3244%2010.0703%2016.1027%2010.0309C15.929%2010%2015.7139%2010%2015.2838%2010H4.71612C4.286%2010%204.07094%2010%203.89725%2010.0309C2.98677%2010.1928%202.30599%2010.9577%202.2509%2011.8809ZM17.7369%2011.75C17.7424%2011.7932%2017.7464%2011.8369%2017.749%2011.8809C17.7595%2012.057%2017.7346%2012.2706%2017.6847%2012.6977L17.284%2016.1258C17.2791%2016.1673%2017.2738%2016.2087%2017.268%2016.25H19C20.2426%2016.25%2021.25%2015.2426%2021.25%2014C21.25%2012.7574%2020.2426%2011.75%2019%2011.75H17.7369Z%22%2F%3E%3Cpath%20d%3D%22M10.5305%201.46967C10.8234%201.76256%2010.8234%202.23744%2010.5305%202.53033C10.2711%202.78972%2010.2711%203.21028%2010.5305%203.46967C11.3757%204.31485%2011.3757%205.68515%2010.5305%206.53033C10.2376%206.82322%209.76271%206.82322%209.46982%206.53033C9.17693%206.23744%209.17693%205.76256%209.46982%205.46967C9.72921%205.21028%209.72921%204.78972%209.46982%204.53033C8.62464%203.68515%208.62464%202.31485%209.46982%201.46967C9.76271%201.17678%2010.2376%201.17678%2010.5305%201.46967Z%22%2F%3E%3Cpath%20d%3D%22M6.03033%202.96967C6.32322%203.26256%206.32322%203.73744%206.03033%204.03033L5.91421%204.14645C5.67096%204.3897%205.6436%204.77479%205.85%205.05C6.50429%205.92239%206.41753%207.14313%205.64645%207.91421L5.53033%208.03033C5.23744%208.32322%204.76256%208.32322%204.46967%208.03033C4.17678%207.73744%204.17678%207.26256%204.46967%206.96967L4.58579%206.85355C4.82904%206.6103%204.8564%206.22521%204.65%205.95C3.99571%205.07761%204.08247%203.85687%204.85355%203.08579L4.96967%202.96967C5.26256%202.67678%205.73744%202.67678%206.03033%202.96967Z%22%2F%3E%3Cpath%20d%3D%22M15.5303%202.96967C15.8232%203.26256%2015.8232%203.73744%2015.5303%204.03033L15.4142%204.14645C15.171%204.3897%2015.1436%204.77479%2015.35%205.05C16.0043%205.92239%2015.9175%207.14313%2015.1464%207.91421L15.0303%208.03033C14.7374%208.32322%2014.2626%208.32322%2013.9697%208.03033C13.6768%207.73744%2013.6768%207.26256%2013.9697%206.96967L14.0858%206.85355C14.329%206.6103%2014.3564%206.22521%2014.15%205.95C13.4957%205.07761%2013.5825%203.85687%2014.3536%203.08579L14.4697%202.96967C14.7626%202.67678%2015.2374%202.67678%2015.5303%202.96967Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.fa-yin-yang{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M16.9246%2013.3914C17.1306%2012.8694%2017.869%2012.8694%2018.075%2013.3914L18.9763%2015.6756C19.0392%2015.8346%2019.165%2015.9603%2019.324%2016.0232L21.6082%2016.9246C22.1302%2017.1306%2022.1302%2017.869%2021.6082%2018.075L19.324%2018.9763C19.165%2019.0392%2019.0392%2019.165%2018.9763%2019.324L18.075%2021.6082C17.869%2022.1302%2017.1306%2022.1302%2016.9246%2021.6082L16.0232%2019.324C15.9603%2019.165%2015.8346%2019.0392%2015.6756%2018.9763L13.3914%2018.075C12.8694%2017.869%2012.8694%2017.1306%2013.3914%2016.9246L15.6756%2016.0232C15.8346%2015.9603%2015.9603%2015.8346%2016.0232%2015.6756L16.9246%2013.3914Z%22%2F%3E%3Cpath%20d%3D%22M7.4529%202.71267C7.82766%201.76244%209.17189%201.76244%209.54665%202.71267L10.7088%205.657C10.8232%205.94704%2011.0525%206.17637%2011.3425%206.29079L14.2869%207.4529C15.2371%207.82766%2015.2371%209.17189%2014.2869%209.54665L11.3425%2010.7088C11.0525%2010.8232%2010.8232%2011.0525%2010.7088%2011.3425L9.54665%2014.2869C9.17189%2015.2371%207.82766%2015.2371%207.4529%2014.2869L6.29079%2011.3425C6.17637%2011.0525%205.94704%2010.8232%205.657%2010.7088L2.71267%209.54665C1.76244%209.17189%201.76244%207.82766%202.71267%207.4529L5.657%206.29079C5.94704%206.17637%206.17637%205.94704%206.29079%205.657L7.4529%202.71267Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.fa-sun{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M17%2012C17%2014.7614%2014.7614%2017%2012%2017C9.23858%2017%207%2014.7614%207%2012C7%209.23858%209.23858%207%2012%207C14.7614%207%2017%209.23858%2017%2012Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12%201.25C12.4142%201.25%2012.75%201.58579%2012.75%202V4C12.75%204.41421%2012.4142%204.75%2012%204.75C11.5858%204.75%2011.25%204.41421%2011.25%204V2C11.25%201.58579%2011.5858%201.25%2012%201.25ZM3.66865%203.71609C3.94815%203.41039%204.42255%203.38915%204.72825%203.66865L6.95026%205.70024C7.25596%205.97974%207.2772%206.45413%206.9977%206.75983C6.7182%207.06553%206.2438%207.08677%205.9381%206.80727L3.71609%204.77569C3.41039%204.49619%203.38915%204.02179%203.66865%203.71609ZM20.3314%203.71609C20.6109%204.02179%2020.5896%204.49619%2020.2839%204.77569L18.0619%206.80727C17.7562%207.08677%2017.2818%207.06553%2017.0023%206.75983C16.7228%206.45413%2016.744%205.97974%2017.0497%205.70024L19.2718%203.66865C19.5775%203.38915%2020.0518%203.41039%2020.3314%203.71609ZM1.25%2012C1.25%2011.5858%201.58579%2011.25%202%2011.25H4C4.41421%2011.25%204.75%2011.5858%204.75%2012C4.75%2012.4142%204.41421%2012.75%204%2012.75H2C1.58579%2012.75%201.25%2012.4142%201.25%2012ZM19.25%2012C19.25%2011.5858%2019.5858%2011.25%2020%2011.25H22C22.4142%2011.25%2022.75%2011.5858%2022.75%2012C22.75%2012.4142%2022.4142%2012.75%2022%2012.75H20C19.5858%2012.75%2019.25%2012.4142%2019.25%2012ZM17.0255%2017.0252C17.3184%2016.7323%2017.7933%2016.7323%2018.0862%2017.0252L20.3082%2019.2475C20.6011%2019.5404%2020.601%2020.0153%2020.3081%2020.3082C20.0152%2020.6011%2019.5403%2020.601%2019.2475%2020.3081L17.0255%2018.0858C16.7326%2017.7929%2016.7326%2017.3181%2017.0255%2017.0252ZM6.97467%2017.0253C7.26756%2017.3182%207.26756%2017.7931%206.97467%2018.086L4.75244%2020.3082C4.45955%2020.6011%203.98468%2020.6011%203.69178%2020.3082C3.39889%2020.0153%203.39889%2019.5404%203.69178%2019.2476L5.91401%2017.0253C6.2069%2016.7324%206.68177%2016.7324%206.97467%2017.0253ZM12%2019.25C12.4142%2019.25%2012.75%2019.5858%2012.75%2020V22C12.75%2022.4142%2012.4142%2022.75%2012%2022.75C11.5858%2022.75%2011.25%2022.4142%2011.25%2022V20C11.25%2019.5858%2011.5858%2019.25%2012%2019.25Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.fa-star{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M9.15316%205.40838C10.4198%203.13613%2011.0531%202%2012%202C12.9469%202%2013.5802%203.13612%2014.8468%205.40837L15.1745%205.99623C15.5345%206.64193%2015.7144%206.96479%2015.9951%207.17781C16.2757%207.39083%2016.6251%207.4699%2017.3241%207.62805L17.9605%207.77203C20.4201%208.32856%2021.65%208.60682%2021.9426%209.54773C22.2352%2010.4886%2021.3968%2011.4691%2019.7199%2013.4299L19.2861%2013.9372C18.8096%2014.4944%2018.5713%2014.773%2018.4641%2015.1177C18.357%2015.4624%2018.393%2015.8341%2018.465%2016.5776L18.5306%2017.2544C18.7841%2019.8706%2018.9109%2021.1787%2018.1449%2021.7602C17.3788%2022.3417%2016.2273%2021.8115%2013.9243%2020.7512L13.3285%2020.4768C12.6741%2020.1755%2012.3469%2020.0248%2012%2020.0248C11.6531%2020.0248%2011.3259%2020.1755%2010.6715%2020.4768L10.0757%2020.7512C7.77268%2021.8115%206.62118%2022.3417%205.85515%2021.7602C5.08912%2021.1787%205.21588%2019.8706%205.4694%2017.2544L5.53498%2016.5776C5.60703%2015.8341%205.64305%2015.4624%205.53586%2015.1177C5.42868%2014.773%205.19043%2014.4944%204.71392%2013.9372L4.2801%2013.4299C2.60325%2011.4691%201.76482%2010.4886%202.05742%209.54773C2.35002%208.60682%203.57986%208.32856%206.03954%207.77203L6.67589%207.62805C7.37485%207.4699%207.72433%207.39083%208.00494%207.17781C8.28555%206.96479%208.46553%206.64194%208.82547%205.99623L9.15316%205.40838Z%22%2F%3E%3C%2Fsvg%3E")}
.fa-history{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.07868%205.06891C8.87402%201.27893%2015.0437%201.31923%2018.8622%205.13778C22.6824%208.95797%2022.7211%2015.1313%2018.9262%2018.9262C15.1312%2022.7211%208.95793%2022.6824%205.13774%2018.8622C2.87389%2016.5984%201.93904%2013.5099%202.34047%2010.5812C2.39672%2010.1708%202.775%209.88377%203.18537%209.94002C3.59575%209.99627%203.88282%2010.3745%203.82658%2010.7849C3.4866%2013.2652%204.27782%2015.881%206.1984%2017.8016C9.44288%2021.0461%2014.6664%2021.0646%2017.8655%2017.8655C21.0646%2014.6664%2021.046%209.44292%2017.8015%206.19844C14.5587%202.95561%209.33889%202.93539%206.13935%206.12957L6.88705%206.13333C7.30126%206.13541%207.63535%206.47288%207.63327%206.88709C7.63119%207.3013%207.29372%207.63539%206.87951%207.63331L4.33396%207.62052C3.92269%207.61845%203.58981%207.28556%203.58774%206.8743L3.57495%204.32874C3.57286%203.91454%203.90696%203.57707%204.32117%203.57498C4.73538%203.5729%205.07285%203.907%205.07493%204.32121L5.07868%205.06891ZM11.9999%207.24992C12.4141%207.24992%2012.7499%207.58571%2012.7499%207.99992V11.6893L15.0302%2013.9696C15.3231%2014.2625%2015.3231%2014.7374%2015.0302%2015.0302C14.7373%2015.3231%2014.2624%2015.3231%2013.9696%2015.0302L11.2499%2012.3106V7.99992C11.2499%207.58571%2011.5857%207.24992%2011.9999%207.24992Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E")}
.fa-heart{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M2%209.1371C2%2014%206.01943%2016.5914%208.96173%2018.9109C10%2019.7294%2011%2020.5%2012%2020.5C13%2020.5%2014%2019.7294%2015.0383%2018.9109C17.9806%2016.5914%2022%2014%2022%209.1371C22%204.27416%2016.4998%200.825464%2012%205.50063C7.50016%200.825464%202%204.27416%202%209.1371Z%22%2F%3E%3C%2Fsvg%3E")}
.fa-search{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Ccircle%20cx%3D%2211.5%22%20cy%3D%2211.5%22%20r%3D%229.5%22%2F%3E%3Cpath%20d%3D%22M18.2173%2018.2178L21.9999%2022.0004%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.fa-moon{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M12%2022C17.5228%2022%2022%2017.5228%2022%2012C22%2011.5373%2021.3065%2011.4608%2021.0672%2011.8568C19.9289%2013.7406%2017.8615%2015%2015.5%2015C11.9101%2015%209%2012.0899%209%208.5C9%206.13845%2010.2594%204.07105%2012.1432%202.93276C12.5392%202.69347%2012.4627%202%2012%202C6.47715%202%202%206.47715%202%2012C2%2017.5228%206.47715%2022%2012%2022Z%22%2F%3E%3C%2Fsvg%3E")}
.fa-bars{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M20%207L4%207%22%2F%3E%3Cpath%20d%3D%22M20%2012L4%2012%22%2F%3E%3Cpath%20d%3D%22M20%2017L4%2017%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.fa-times{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M14.5%209.50002L9.5%2014.5M9.49998%209.5L14.5%2014.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.fa-arrow-left{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M20%2012H4M10%2018L4%2012L10%206%22%2F%3E%3C%2Fsvg%3E")}
.fa-arrow-right{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M9%205L15%2012L9%2019%22%2F%3E%3C%2Fsvg%3E")}
.fa-chevron-left{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M15%205L9%2012L15%2019%22%2F%3E%3C%2Fsvg%3E")}
.fa-chevron-right{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M9%205L15%2012L9%2019%22%2F%3E%3C%2Fsvg%3E")}
.fa-chevron-up{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M19%2015L12%209L5%2015%22%2F%3E%3C%2Fsvg%3E")}
.fa-play{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M21.4086%209.35258C23.5305%2010.5065%2023.5305%2013.4935%2021.4086%2014.6474L8.59662%2021.6145C6.53435%2022.736%204%2021.2763%204%2018.9671L4%205.0329C4%202.72368%206.53435%201.26402%208.59661%202.38548L21.4086%209.35258Z%22%2F%3E%3C%2Fsvg%3E")}
.fa-play-circle{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2022C17.5228%2022%2022%2017.5228%2022%2012C22%206.47715%2017.5228%202%2012%202C6.47715%202%202%206.47715%202%2012C2%2017.5228%206.47715%2022%2012%2022ZM10.6935%2015.8458L15.4137%2013.059C16.1954%2012.5974%2016.1954%2011.4026%2015.4137%2010.941L10.6935%208.15419C9.93371%207.70561%209%208.28947%209%209.21316V14.7868C9%2015.7105%209.93371%2016.2944%2010.6935%2015.8458Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E")}
.fa-server{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M2%2011C2%207.22876%202%205.34315%203.17157%204.17157C4.34315%203%206.22876%203%2010%203H14C17.7712%203%2019.6569%203%2020.8284%204.17157C22%205.34315%2022%207.22876%2022%2011V13C22%2016.7712%2022%2018.6569%2020.8284%2019.8284C19.6569%2021%2017.7712%2021%2014%2021H10C6.22876%2021%204.34315%2021%203.17157%2019.8284C2%2018.6569%202%2016.7712%202%2013V11Z%22%2F%3E%3Cpath%20d%3D%22M2%2012H22%22%2F%3E%3Cpath%20d%3D%22M13.5%2016.5H18%22%2F%3E%3Cpath%20d%3D%22M13.5%207.5L18%207.5%22%2F%3E%3Cpath%20d%3D%22M6%2017.5L6%2015.5%22%2F%3E%3Cpath%20d%3D%22M6%208.5L6%206.5%22%2F%3E%3Cpath%20d%3D%22M9%2017.5L9%2015.5%22%2F%3E%3Cpath%20d%3D%22M9%208.5L9%206.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.fa-bookmark{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M21%2016.0909V11.0975C21%206.80891%2021%204.6646%2019.682%203.3323C18.364%202%2016.2426%202%2012%202C7.75736%202%205.63604%202%204.31802%203.3323C3%204.6646%203%206.80891%203%2011.0975V16.0909C3%2019.1875%203%2020.7358%203.73411%2021.4123C4.08421%2021.735%204.52615%2021.9377%204.99692%2021.9915C5.98402%2022.1045%207.13673%2021.0849%209.44216%2019.0458C10.4612%2018.1445%2010.9708%2017.6938%2011.5603%2017.5751C11.8506%2017.5166%2012.1494%2017.5166%2012.4397%2017.5751C13.0292%2017.6938%2013.5388%2018.1445%2014.5578%2019.0458C16.8633%2021.0849%2018.016%2022.1045%2019.0031%2021.9915C19.4739%2021.9377%2019.9158%2021.735%2020.2659%2021.4123C21%2020.7358%2021%2019.1875%2021%2016.0909Z%22%2F%3E%3Cpath%20d%3D%22M15%206H9%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.fa-calendar{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M2%2012C2%208.22876%202%206.34315%203.17157%205.17157C4.34315%204%206.22876%204%2010%204H14C17.7712%204%2019.6569%204%2020.8284%205.17157C22%206.34315%2022%208.22876%2022%2012V14C22%2017.7712%2022%2019.6569%2020.8284%2020.8284C19.6569%2022%2017.7712%2022%2014%2022H10C6.22876%2022%204.34315%2022%203.17157%2020.8284C2%2019.6569%202%2017.7712%202%2014V12Z%22%2F%3E%3Cpath%20d%3D%22M7%204V2.5%22%2F%3E%3Cpath%20d%3D%22M17%204V2.5%22%2F%3E%3Cpath%20d%3D%22M2.5%209H21.5%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M17%2013H17.0001%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M12%2013H12.0001%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M7%2013H7.0001%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M17%2017.0234H17.0001%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M12%2017.0234H12.0001%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M7%2017.0234H7.0001%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.fa-film{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M2%2012C2%207.28595%202%204.92893%203.46447%203.46447C4.92893%202%207.28595%202%2012%202C16.714%202%2019.0711%202%2020.5355%203.46447C22%204.92893%2022%207.28595%2022%2012C22%2016.714%2022%2019.0711%2020.5355%2020.5355C19.0711%2022%2016.714%2022%2012%2022C7.28595%2022%204.92893%2022%203.46447%2020.5355C2%2019.0711%202%2016.714%202%2012Z%22%2F%3E%3Cpath%20d%3D%22M21.5%208H2.5%22%2F%3E%3Cpath%20d%3D%22M10.5%202.5L7%208%22%2F%3E%3Cpath%20d%3D%22M17%202.5L13.5%208%22%2F%3E%3Cpath%20d%3D%22M15%2014.5C15%2013.8666%2014.338%2013.4395%2013.014%2012.5852C11.6719%2011.7193%2011.0008%2011.2863%2010.5004%2011.6042C10%2011.9221%2010%2012.7814%2010%2014.5C10%2016.2186%2010%2017.0779%2010.5004%2017.3958C11.0008%2017.7137%2011.6719%2017.2807%2013.014%2016.4148C14.338%2015.5605%2015%2015.1334%2015%2014.5Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.fa-plus{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M3.67981%2013L3.67981%2011.3333C3.67981%206.73096%207.4402%203%2012.0789%203C15.1178%203%2017.7799%204.60136%2019.2545%207M2%2011.3333L3.67981%2013L5.35962%2011.3333%22%2F%3E%3Cpath%20d%3D%22M20.3139%2011V12.6667C20.3139%2017.269%2016.5391%2021%2011.8827%2021C8.83213%2021%206.15995%2019.3986%204.67969%2017M22.0001%2012.6667L20.3139%2011L18.6277%2012.6667%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.fa-trash{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M9.1709%204C9.58273%202.83481%2010.694%202%2012.0002%202C13.3064%202%2014.4177%202.83481%2014.8295%204%22%2F%3E%3Cpath%20d%3D%22M20.5001%206H3.5%22%2F%3E%3Cpath%20d%3D%22M18.8332%208.5L18.3732%2015.3991C18.1962%2018.054%2018.1077%2019.3815%2017.2427%2020.1907C16.3777%2021%2015.0473%2021%2012.3865%2021H11.6132C8.95235%2021%207.62195%2021%206.75694%2020.1907C5.89194%2019.3815%205.80344%2018.054%205.62644%2015.3991L5.1665%208.5%22%2F%3E%3Cpath%20d%3D%22M9.5%2011L10%2016%22%2F%3E%3Cpath%20d%3D%22M14.5%2011L14%2016%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.fa-info-circle{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M12%2017V11%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M12%208H12.0001%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.fa-check-circle{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M8.5%2012.5L10.5%2014.5L15.5%209.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.fa-exclamation-circle{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M5.31171%2010.7615C8.23007%205.58716%209.68925%203%2012%203C14.3107%203%2015.7699%205.58716%2018.6883%2010.7615L19.0519%2011.4063C21.4771%2015.7061%2022.6897%2017.856%2021.5937%2019.428C20.4978%2021%2017.7864%2021%2012.3637%2021H11.6363C6.21356%2021%203.50217%2021%202.40626%2019.428C1.31034%2017.856%202.52291%2015.7061%204.94805%2011.4063L5.31171%2010.7615Z%22%2F%3E%3Cpath%20d%3D%22M12%208V13%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M12%2016H12.0001%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.fa-chart-line{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M12.8324%2021.8013C15.9583%2021.1747%2020%2018.926%2020%2013.1112C20%207.8196%2016.1267%204.29593%2013.3415%202.67685C12.7235%202.31757%2012%202.79006%2012%203.50492V5.3334C12%206.77526%2011.3938%209.40711%209.70932%2010.5018C8.84932%2011.0607%207.92052%2010.2242%207.816%209.20388L7.73017%208.36604C7.6304%207.39203%206.63841%206.80075%205.85996%207.3946C4.46147%208.46144%203%2010.3296%203%2013.1112C3%2020.2223%208.28889%2022.0001%2010.9333%2022.0001C11.0871%2022.0001%2011.2488%2021.9955%2011.4171%2021.9858C10.1113%2021.8742%208%2021.064%208%2018.4442C8%2016.3949%209.49507%2015.0085%2010.631%2014.3346C10.9365%2014.1533%2011.2941%2014.3887%2011.2941%2014.7439V15.3331C11.2941%2015.784%2011.4685%2016.4889%2011.8836%2016.9714C12.3534%2017.5174%2013.0429%2016.9454%2013.0985%2016.2273C13.1161%2016.0008%2013.3439%2015.8564%2013.5401%2015.9711C14.1814%2016.3459%2015%2017.1465%2015%2018.4442C15%2020.4922%2013.871%2021.4343%2012.8324%2021.8013Z%22%2F%3E%3C%2Fsvg%3E")}
.fa-sparkles{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M16.9246%2013.3914C17.1306%2012.8694%2017.869%2012.8694%2018.075%2013.3914L18.9763%2015.6756C19.0392%2015.8346%2019.165%2015.9603%2019.324%2016.0232L21.6082%2016.9246C22.1302%2017.1306%2022.1302%2017.869%2021.6082%2018.075L19.324%2018.9763C19.165%2019.0392%2019.0392%2019.165%2018.9763%2019.324L18.075%2021.6082C17.869%2022.1302%2017.1306%2022.1302%2016.9246%2021.6082L16.0232%2019.324C15.9603%2019.165%2015.8346%2019.0392%2015.6756%2018.9763L13.3914%2018.075C12.8694%2017.869%2012.8694%2017.1306%2013.3914%2016.9246L15.6756%2016.0232C15.8346%2015.9603%2015.9603%2015.8346%2016.0232%2015.6756L16.9246%2013.3914Z%22%2F%3E%3Cpath%20d%3D%22M7.4529%202.71267C7.82766%201.76244%209.17189%201.76244%209.54665%202.71267L10.7088%205.657C10.8232%205.94704%2011.0525%206.17637%2011.3425%206.29079L14.2869%207.4529C15.2371%207.82766%2015.2371%209.17189%2014.2869%209.54665L11.3425%2010.7088C11.0525%2010.8232%2010.8232%2011.0525%2010.7088%2011.3425L9.54665%2014.2869C9.17189%2015.2371%207.82766%2015.2371%207.4529%2014.2869L6.29079%2011.3425C6.17637%2011.0525%205.94704%2010.8232%205.657%2010.7088L2.71267%209.54665C1.76244%209.17189%201.76244%207.82766%202.71267%207.4529L5.657%206.29079C5.94704%206.17637%206.17637%205.94704%206.29079%205.657L7.4529%202.71267Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.fa-widget{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M6.5%2013C8.62132%2013%209.68181%2013.0002%2010.3408%2013.6592C10.9998%2014.3182%2011%2015.3787%2011%2017.5C11%2019.6213%2010.9998%2020.6818%2010.3408%2021.3408C9.68181%2021.9998%208.62132%2022%206.5%2022C4.37868%2022%203.31819%2021.9998%202.65918%2021.3408C2.00017%2020.6818%202%2019.6213%202%2017.5C2%2015.3787%202.00017%2014.3182%202.65918%2013.6592C3.31819%2013.0002%204.37868%2013%206.5%2013Z%22%2F%3E%3Cpath%20d%3D%22M17.5%2013C19.6213%2013%2020.6818%2013.0002%2021.3408%2013.6592C21.9998%2014.3182%2022%2015.3787%2022%2017.5C22%2019.6213%2021.9998%2020.6818%2021.3408%2021.3408C20.6818%2021.9998%2019.6213%2022%2017.5%2022C15.3787%2022%2014.3182%2021.9998%2013.6592%2021.3408C13.0002%2020.6818%2013%2019.6213%2013%2017.5C13%2015.3787%2013.0002%2014.3182%2013.6592%2013.6592C14.3182%2013.0002%2015.3787%2013%2017.5%2013Z%22%2F%3E%3Cpath%20d%3D%22M6.5%202C8.62132%202%209.68181%202.00017%2010.3408%202.65918C10.9998%203.31819%2011%204.37868%2011%206.5C11%208.62132%2010.9998%209.68181%2010.3408%2010.3408C9.68181%2010.9998%208.62132%2011%206.5%2011C4.37868%2011%203.31819%2010.9998%202.65918%2010.3408C2.00017%209.68181%202%208.62132%202%206.5C2%204.37868%202.00017%203.31819%202.65918%202.65918C3.31819%202.00017%204.37868%202%206.5%202Z%22%2F%3E%3Cpath%20d%3D%22M17.5%202C19.6213%202%2020.6818%202.00017%2021.3408%202.65918C21.9998%203.31819%2022%204.37868%2022%206.5C22%208.62132%2021.9998%209.68181%2021.3408%2010.3408C20.6818%2010.9998%2019.6213%2011%2017.5%2011C15.3787%2011%2014.3182%2010.9998%2013.6592%2010.3408C13.0002%209.68181%2013%208.62132%2013%206.5C13%204.37868%2013.0002%203.31819%2013.6592%202.65918C14.3182%202.00017%2015.3787%202%2017.5%202Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.fa-bookmark-bold{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21%2011.0975V16.0909C21%2019.1875%2021%2020.7358%2020.2659%2021.4123C19.9158%2021.735%2019.4739%2021.9377%2019.0031%2021.9915C18.016%2022.1045%2016.8633%2021.0849%2014.5578%2019.0458C13.5388%2018.1445%2013.0292%2017.6938%2012.4397%2017.5751C12.1494%2017.5166%2011.8506%2017.5166%2011.5603%2017.5751C10.9708%2017.6938%2010.4612%2018.1445%209.44216%2019.0458C7.13673%2021.0849%205.98402%2022.1045%204.99692%2021.9915C4.52615%2021.9377%204.08421%2021.735%203.73411%2021.4123C3%2020.7358%203%2019.1875%203%2016.0909V11.0975C3%206.80891%203%204.6646%204.31802%203.3323C5.63604%202%207.75736%202%2012%202C16.2426%202%2018.364%202%2019.682%203.3323C21%204.6646%2021%206.80891%2021%2011.0975ZM8.25%206C8.25%205.58579%208.58579%205.25%209%205.25H15C15.4142%205.25%2015.75%205.58579%2015.75%206C15.75%206.41421%2015.4142%206.75%2015%206.75H9C8.58579%206.75%208.25%206.41421%208.25%206Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E")}
.fa-maximize{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M12%2012L17%207M17%2010.75V7H13.25%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M12%2012L7%2017M7%2013.25V17H10.75%22%2F%3E%3Cpath%20d%3D%22M2%2012C2%207.28595%202%204.92893%203.46447%203.46447C4.92893%202%207.28595%202%2012%202C16.714%202%2019.0711%202%2020.5355%203.46447C22%204.92893%2022%207.28595%2022%2012C22%2016.714%2022%2019.0711%2020.5355%2020.5355C19.0711%2022%2016.714%2022%2012%2022C7.28595%2022%204.92893%2022%203.46447%2020.5355C2%2019.0711%202%2016.714%202%2012Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.fa-minimize{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M20%204L14%2010M14%206.25V10H17.75%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M4%2020L10%2014M10%2017.75V14H6.25%22%2F%3E%3Cpath%20d%3D%22M2%2012C2%207.28595%202%204.92893%203.46447%203.46447C4.92893%202%207.28595%202%2012%202C16.714%202%2019.0711%202%2020.5355%203.46447C22%204.92893%2022%207.28595%2022%2012C22%2016.714%2022%2019.0711%2020.5355%2020.5355C19.0711%2022%2016.714%2022%2012%2022C7.28595%2022%204.92893%2022%203.46447%2020.5355C2%2019.0711%202%2016.714%202%2012Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.fa-share{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M19.5%205.5C19.5%206.88071%2018.3807%208%2017%208C15.6193%208%2014.5%206.88071%2014.5%205.5C14.5%204.11929%2015.6193%203%2017%203C18.3807%203%2019.5%204.11929%2019.5%205.5Z%22%2F%3E%3Cpath%20d%3D%22M17%2016C15.6193%2016%2014.5%2017.1193%2014.5%2018.5C14.5%2019.8807%2015.6193%2021%2017%2021C18.3807%2021%2019.5%2019.8807%2019.5%2018.5C19.5%2017.1193%2018.3807%2016%2017%2016Z%22%2F%3E%3Cpath%20d%3D%22M7%209.5C5.61929%209.5%204.5%2010.6193%204.5%2012C4.5%2013.3807%205.61929%2014.5%207%2014.5C8.38071%2014.5%209.5%2013.3807%209.5%2012C9.5%2010.6193%208.38071%209.5%207%209.5Z%22%2F%3E%3Cpath%20d%3D%22M9.09668%2013.3628C11.0324%2014.621%2012.9681%2015.8792%2014.9038%2017.1374%22%2F%3E%3Cpath%20d%3D%22M9.09668%2010.6372C11.0324%209.379%2012.9681%208.12079%2014.9039%206.86258%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.fa-clock{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M12%208V12L14.5%2014.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.fa-tag{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M4.72848%2016.1369C3.18295%2014.5914%202.41018%2013.8186%202.12264%2012.816C1.83509%2011.8134%202.08083%2010.7485%202.57231%208.61875L2.85574%207.39057C3.26922%205.59881%203.47597%204.70292%204.08944%204.08944C4.70292%203.47597%205.59881%203.26922%207.39057%202.85574L8.61875%202.57231C10.7485%202.08083%2011.8134%201.83509%2012.816%202.12264C13.8186%202.41018%2014.5914%203.18295%2016.1369%204.72848L17.9665%206.55812C20.6555%209.24711%2022%2010.5916%2022%2012.2623C22%2013.933%2020.6555%2015.2775%2017.9665%2017.9665C15.2775%2020.6555%2013.933%2022%2012.2623%2022C10.5916%2022%209.24711%2020.6555%206.55812%2017.9665L4.72848%2016.1369Z%22%2F%3E%3Ccircle%20cx%3D%228.607%22%20cy%3D%228.879%22%20r%3D%222%22%20transform%3D%22rotate%28-45%208.607%208.879%29%22%2F%3E%3Cpath%20d%3D%22M11.5417%2018.5L18.5208%2011.5208%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.fa-user{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%229%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M17.9691%2020C17.81%2017.1085%2016.9247%2015%2011.9999%2015C7.07521%2015%206.18991%2017.1085%206.03076%2020%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.sidebar-item:not(.active) .fa-home,.mobile-nav-item:not(.active) .fa-home{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M2%2012.2039C2%209.91549%202%208.77128%202.5192%207.82274C3.0384%206.87421%203.98695%206.28551%205.88403%205.10813L7.88403%203.86687C9.88939%202.62229%2010.8921%202%2012%202C13.1079%202%2014.1106%202.62229%2016.116%203.86687L18.116%205.10812C20.0131%206.28551%2020.9616%206.87421%2021.4808%207.82274C22%208.77128%2022%209.91549%2022%2012.2039V13.725C22%2017.6258%2022%2019.5763%2020.8284%2020.7881C19.6569%2022%2017.7712%2022%2014%2022H10C6.22876%2022%204.34315%2022%203.17157%2020.7881C2%2019.5763%202%2017.6258%202%2013.725V12.2039Z%22%2F%3E%3Cpath%20d%3D%22M12%2015L12%2018%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.sidebar-item:not(.active) .fa-fire,.mobile-nav-item:not(.active) .fa-fire{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M20%2013.1111C20%2020.2222%2013.9556%2022%2010.9333%2022C8.28889%2022%203%2020.2222%203%2013.1111C3%2010.3295%204.46147%208.46138%205.85996%207.39454C6.63841%206.80069%207.6304%207.39197%207.73017%208.36598L7.816%209.20382C7.92052%2010.2241%208.84932%2011.0606%209.70932%2010.5017C11.3938%209.40705%2012%206.7752%2012%205.33334V5.00971C12%203.58%2013.4438%202.65985%2014.6023%203.49767C17.1653%205.35127%2020%208.58427%2020%2013.1111Z%22%2F%3E%3Cpath%20d%3D%22M8%2018.4445C8%2021.2889%2010.4889%2022%2011.7333%2022C12.8222%2022%2015%2021.2889%2015%2018.4445C15%2017.3435%2014.4107%2016.6002%2013.8404%2016.1713C13.4424%2015.872%2012.8828%2016.1408%2012.7459%2016.6196C12.5675%2017.2437%2011.9228%2017.636%2011.5944%2017.0759C11.2941%2016.5638%2011.2941%2015.7957%2011.2941%2015.3334C11.2941%2014.6968%2010.6539%2014.2847%2010.1389%2014.6589C9.10649%2015.4091%208%2016.6815%208%2018.4445Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.sidebar-item:not(.active) .fa-flag,.mobile-nav-item:not(.active) .fa-flag{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M5%2022V14M5%2014V4M5%2014L7.47067%2013.5059C9.1212%2013.1758%2010.8321%2013.3328%2012.3949%2013.958C14.0885%2014.6354%2015.9524%2014.7619%2017.722%2014.3195L17.9364%2014.2659C18.5615%2014.1096%2019%2013.548%2019%2012.9037V5.53669C19%204.75613%2018.2665%204.18339%2017.5092%204.3727C15.878%204.78051%2014.1597%204.66389%2012.5986%204.03943L12.3949%203.95797C10.8321%203.33284%209.1212%203.17576%207.47067%203.50587L5%204M5%204V2%22%2F%3E%3C%2Fsvg%3E")}
.sidebar-item:not(.active) .fa-torii-gate,.mobile-nav-item:not(.active) .fa-torii-gate{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M2.3153%2012.6978C2.26536%2012.2706%202.2404%2012.057%202.2509%2011.8809C2.30599%2010.9577%202.98677%2010.1928%203.89725%2010.0309C4.07094%2010%204.286%2010%204.71612%2010H15.2838C15.7139%2010%2015.929%2010%2016.1027%2010.0309C17.0132%2010.1928%2017.694%2010.9577%2017.749%2011.8809C17.7595%2012.057%2017.7346%2012.2706%2017.6846%2012.6978L17.284%2016.1258C17.1031%2017.6729%2016.2764%2019.0714%2015.0081%2019.9757C14.0736%2020.6419%2012.9546%2021%2011.8069%2021H8.19303C7.04537%2021%205.9263%2020.6419%204.99182%2019.9757C3.72352%2019.0714%202.89681%2017.6729%202.71598%2016.1258L2.3153%2012.6978Z%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M10.0002%202C9.44787%202.55228%209.44787%203.44772%2010.0002%204C10.5524%204.55228%2010.5524%205.44772%2010.0002%206%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M5.00018%207.5L5.1163%207.38388C5.62347%206.87671%205.68053%206.0738%205.25018%205.5C4.81983%204.9262%204.8769%204.12329%205.38407%203.61612L5.50018%203.5%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M14.5002%207.5L14.6163%207.38388C15.1235%206.87671%2015.1805%206.0738%2014.7502%205.5C14.3198%204.9262%2014.3769%204.12329%2014.8841%203.61612L15.0002%203.5%22%2F%3E%3Cpath%20d%3D%22M17.1093%2017H19.0001C20.657%2017%2022.0001%2015.6569%2022.0001%2014C22.0001%2012.3431%2020.657%2011%2019.0001%2011H17.4848%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.sidebar-item:not(.active) .fa-yin-yang,.mobile-nav-item:not(.active) .fa-yin-yang{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M8.03339%203.65784C8.37932%202.78072%209.62068%202.78072%209.96661%203.65785L11.0386%206.37599C11.1442%206.64378%2011.3562%206.85576%2011.624%206.96137L14.3422%208.03339C15.2193%208.37932%2015.2193%209.62068%2014.3422%209.96661L11.624%2011.0386C11.3562%2011.1442%2011.1442%2011.3562%2011.0386%2011.624L9.96661%2014.3422C9.62067%2015.2193%208.37932%2015.2193%208.03339%2014.3422L6.96137%2011.624C6.85575%2011.3562%206.64378%2011.1442%206.37599%2011.0386L3.65784%209.96661C2.78072%209.62067%202.78072%208.37932%203.65785%208.03339L6.37599%206.96137C6.64378%206.85575%206.85576%206.64378%206.96137%206.37599L8.03339%203.65784Z%22%2F%3E%3Cpath%20d%3D%22M16.4885%2013.3481C16.6715%2012.884%2017.3285%2012.884%2017.5115%2013.3481L18.3121%2015.3781C18.368%2015.5198%2018.4802%2015.632%2018.6219%2015.6879L20.6519%2016.4885C21.116%2016.6715%2021.116%2017.3285%2020.6519%2017.5115L18.6219%2018.3121C18.4802%2018.368%2018.368%2018.4802%2018.3121%2018.6219L17.5115%2020.6519C17.3285%2021.116%2016.6715%2021.116%2016.4885%2020.6519L15.6879%2018.6219C15.632%2018.4802%2015.5198%2018.368%2015.3781%2018.3121L13.3481%2017.5115C12.884%2017.3285%2012.884%2016.6715%2013.3481%2016.4885L15.3781%2015.6879C15.5198%2015.632%2015.632%2015.5198%2015.6879%2015.3781L16.4885%2013.3481Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.sidebar-item:not(.active) .fa-sun,.mobile-nav-item:not(.active) .fa-sun{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%225%22%2F%3E%3Cpath%20d%3D%22M12%202V4%22%2F%3E%3Cpath%20d%3D%22M12%2020V22%22%2F%3E%3Cpath%20d%3D%22M4%2012L2%2012%22%2F%3E%3Cpath%20d%3D%22M22%2012L20%2012%22%2F%3E%3Cpath%20d%3D%22M19.7778%204.22266L17.5558%206.25424%22%2F%3E%3Cpath%20d%3D%22M4.22217%204.22266L6.44418%206.25424%22%2F%3E%3Cpath%20d%3D%22M6.44434%2017.5557L4.22211%2019.7779%22%2F%3E%3Cpath%20d%3D%22M19.7778%2019.7773L17.5558%2017.5551%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.sidebar-item:not(.active) .fa-star,.mobile-nav-item:not(.active) .fa-star{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M9.15316%205.40838C10.4198%203.13613%2011.0531%202%2012%202C12.9469%202%2013.5802%203.13612%2014.8468%205.40837L15.1745%205.99623C15.5345%206.64193%2015.7144%206.96479%2015.9951%207.17781C16.2757%207.39083%2016.6251%207.4699%2017.3241%207.62805L17.9605%207.77203C20.4201%208.32856%2021.65%208.60682%2021.9426%209.54773C22.2352%2010.4886%2021.3968%2011.4691%2019.7199%2013.4299L19.2861%2013.9372C18.8096%2014.4944%2018.5713%2014.773%2018.4641%2015.1177C18.357%2015.4624%2018.393%2015.8341%2018.465%2016.5776L18.5306%2017.2544C18.7841%2019.8706%2018.9109%2021.1787%2018.1449%2021.7602C17.3788%2022.3417%2016.2273%2021.8115%2013.9243%2020.7512L13.3285%2020.4768C12.6741%2020.1755%2012.3469%2020.0248%2012%2020.0248C11.6531%2020.0248%2011.3259%2020.1755%2010.6715%2020.4768L10.0757%2020.7512C7.77268%2021.8115%206.62118%2022.3417%205.85515%2021.7602C5.08912%2021.1787%205.21588%2019.8706%205.4694%2017.2544L5.53498%2016.5776C5.60703%2015.8341%205.64305%2015.4624%205.53586%2015.1177C5.42868%2014.773%205.19043%2014.4944%204.71392%2013.9372L4.2801%2013.4299C2.60325%2011.4691%201.76482%2010.4886%202.05742%209.54773C2.35002%208.60682%203.57986%208.32856%206.03954%207.77203L6.67589%207.62805C7.37485%207.4699%207.72433%207.39083%208.00494%207.17781C8.28555%206.96479%208.46553%206.64194%208.82547%205.99623L9.15316%205.40838Z%22%2F%3E%3C%2Fsvg%3E")}
.sidebar-item:not(.active) .fa-history,.mobile-nav-item:not(.active) .fa-history{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M12%208V12L14.5%2014.5%22%2F%3E%3Cpath%20d%3D%22M4.33776%206.87052L5.60414%205.60414C9.10115%202.10713%2014.7996%202.13576%2018.3319%205.6681C21.8642%209.20044%2021.8929%2014.8988%2018.3959%2018.3959C14.8988%2021.8929%209.20044%2021.8642%205.6681%2018.3319C3.57589%2016.2397%202.71285%2013.3876%203.08355%2010.6831M4.32497%204.32497L4.33776%206.87052L6.88331%206.88331%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.sidebar-item:not(.active) .fa-heart,.mobile-nav-item:not(.active) .fa-heart{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M2%209.1371C2%2014%206.01943%2016.5914%208.96173%2018.9109C10%2019.7294%2011%2020.5%2012%2020.5C13%2020.5%2014%2019.7294%2015.0383%2018.9109C17.9806%2016.5914%2022%2014%2022%209.1371C22%204.27416%2016.4998%200.825464%2012%205.50063C7.50016%200.825464%202%204.27416%202%209.1371Z%22%2F%3E%3C%2Fsvg%3E")}
.sidebar-item:not(.active) .fa-widget,.mobile-nav-item:not(.active) .fa-widget{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M2.5%206.5C2.5%204.61438%202.5%203.67157%203.08579%203.08579C3.67157%202.5%204.61438%202.5%206.5%202.5C8.38562%202.5%209.32843%202.5%209.91421%203.08579C10.5%203.67157%2010.5%204.61438%2010.5%206.5C10.5%208.38562%2010.5%209.32843%209.91421%209.91421C9.32843%2010.5%208.38562%2010.5%206.5%2010.5C4.61438%2010.5%203.67157%2010.5%203.08579%209.91421C2.5%209.32843%202.5%208.38562%202.5%206.5Z%22%2F%3E%3Cpath%20d%3D%22M13.5%2017.5C13.5%2015.6144%2013.5%2014.6716%2014.0858%2014.0858C14.6716%2013.5%2015.6144%2013.5%2017.5%2013.5C19.3856%2013.5%2020.3284%2013.5%2020.9142%2014.0858C21.5%2014.6716%2021.5%2015.6144%2021.5%2017.5C21.5%2019.3856%2021.5%2020.3284%2020.9142%2020.9142C20.3284%2021.5%2019.3856%2021.5%2017.5%2021.5C15.6144%2021.5%2014.6716%2021.5%2014.0858%2020.9142C13.5%2020.3284%2013.5%2019.3856%2013.5%2017.5Z%22%2F%3E%3Cpath%20d%3D%22M2.5%2017.5C2.5%2015.6144%202.5%2014.6716%203.08579%2014.0858C3.67157%2013.5%204.61438%2013.5%206.5%2013.5C8.38562%2013.5%209.32843%2013.5%209.91421%2014.0858C10.5%2014.6716%2010.5%2015.6144%2010.5%2017.5C10.5%2019.3856%2010.5%2020.3284%209.91421%2020.9142C9.32843%2021.5%208.38562%2021.5%206.5%2021.5C4.61438%2021.5%203.67157%2021.5%203.08579%2020.9142C2.5%2020.3284%202.5%2019.3856%202.5%2017.5Z%22%2F%3E%3Cpath%20d%3D%22M13.5%206.5C13.5%204.61438%2013.5%203.67157%2014.0858%203.08579C14.6716%202.5%2015.6144%202.5%2017.5%202.5C19.3856%202.5%2020.3284%202.5%2020.9142%203.08579C21.5%203.67157%2021.5%204.61438%2021.5%206.5C21.5%208.38562%2021.5%209.32843%2020.9142%209.91421C20.3284%2010.5%2019.3856%2010.5%2017.5%2010.5C15.6144%2010.5%2014.6716%2010.5%2014.0858%209.91421C13.5%209.32843%2013.5%208.38562%2013.5%206.5Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.ico-next{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M2%207.04v9.92a1.5%201.5%200%200%200%202.32%201.25l6.68-4.5V16.96a1.5%201.5%200%200%200%202.32%201.25l7.44-4.96a1.5%201.5%200%200%200%200-2.5l-7.44-4.96A1.5%201.5%200%200%200%2011%207.04v3.25L4.32%205.79A1.5%201.5%200%200%200%202%207.04%22%2F%3E%3C%2Fsvg%3E")}
.fa-circle{background:currentColor;border-radius:50%;-webkit-mask:none;mask:none;width:.55em;height:.55em;vertical-align:.1em}
.fa-spinner,.fa-spin{-webkit-mask:none;mask:none;background:none;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}

/* ==========================================================================
   DADO STREAM — UI v4
   Direct port of Cinextma's UI (HeroUI theme + components) to vanilla CSS:
   TopNavbar, Sidebar (vertical light Tabs), BottomNavbar (Chip), SectionTitle,
   Carousel (Embla + ScrollShadow), MoviePosterCard (full + bordered),
   HoverPosterCard, Detail Backdrop/Overview, Player header + source drawer,
   BackToTopButton, bprogress top bar.
   Motion: Remotion spring presets (tokens file) + bang-motion entrance rules.
   Design note (anti-slop): dark theme is deliberate — media-first viewing.
   One accent (HeroUI danger), used on the active/primary element only.
   ========================================================================== */

:root {
  /* HeroUI dark theme, Cinextma overrides (hero.ts) */
  --background: #0d0c0f;
  --secondary-background: #18181b;
  --content1: #18181b;
  --default-100: #27272a;
  --default-200: #3f3f46;
  --default-300: #52525b;
  --default-400: #71717a;
  --default-500: #a1a1aa;
  --foreground: #ecedee;
  --muted: #a1a1aa;

  /* Accent: HeroUI "danger" scale */
  --primary: #f31260;
  --primary-400: #f54180;
  --primary-600: #c20e4d;
  --primary-flat: rgba(243, 18, 96, 0.2);
  --primary-flat-fg: #f871a0;
  --primary-shadow: 0 10px 15px -3px rgba(243, 18, 96, 0.4), 0 4px 6px -4px rgba(243, 18, 96, 0.4);

  --divider: rgba(255, 255, 255, 0.15);
  --overlay: rgba(0, 0, 0, 0.5);

  /* HeroUI radii */
  --r-small: 8px;
  --r-medium: 12px;
  --r-large: 14px;

  --shadow-md: 0 0 15px 0 rgba(0, 0, 0, 0.06), 0 2px 30px 0 rgba(0, 0, 0, 0.22), inset 0 0 1px 0 rgba(255, 255, 255, 0.15);
  --shadow-lg: 0 0 30px 0 rgba(0, 0, 0, 0.07), 0 30px 60px 0 rgba(0, 0, 0, 0.26), inset 0 0 1px 0 rgba(255, 255, 255, 0.15);

  --nav-h: 64px;
  --rail-w: 88px;
  --bottom-h: 68px;
  --px: 12px;

  /* bang-motion easing (power4.out / expo-in) */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-std: cubic-bezier(0.4, 0, 0.2, 1);

  --font: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-brand: "Saira", "Poppins", sans-serif;

  /* aliases still read by inline styles in bioskop-app.js / sponsor.js */
  --card-bg: var(--content1);
  --hover-bg: var(--default-100);
  --text-color: var(--foreground);
  --text-muted: var(--default-500);
  --border-color: var(--divider);
  --bg-card: var(--content1);
  --bg-main: var(--background);
  --text-primary: var(--foreground);
  --text-secondary: var(--default-500);

  color-scheme: dark;
}

[data-theme="light"] {
  --background: #ffffff;
  --secondary-background: #f4f4f5;
  --content1: #ffffff;
  --default-100: #f4f4f5;
  --default-200: #e4e4e7;
  --default-300: #d4d4d8;
  --default-400: #a1a1aa;
  --default-500: #71717a;
  --foreground: #11181c;
  --muted: #71717a;
  --primary-flat-fg: #c20e4d;
  --primary-flat: rgba(243, 18, 96, 0.15);
  --divider: rgba(17, 17, 17, 0.15);
  --shadow-md: 0 0 15px 0 rgba(0, 0, 0, 0.03), 0 2px 30px 0 rgba(0, 0, 0, 0.08), 0 0 1px 0 rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 0 30px 0 rgba(0, 0, 0, 0.04), 0 30px 60px 0 rgba(0, 0, 0, 0.12), 0 0 1px 0 rgba(0, 0, 0, 0.3);
  color-scheme: light;
}

@media (min-width: 640px) { :root { --px: 20px; } }

/* --------------------------------------------------------------------------
   Base
   -------------------------------------------------------------------------- */

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  font-family: var(--font);
  font-size: 14px;
  line-height: 1.5;
  background: var(--background);
  color: var(--foreground);
  min-height: 100dvh;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}
img { display: block; max-width: 100%; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
input { font: inherit; color: inherit; }
h1, h2, h3, h4 { font-weight: 700; }
:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
::selection { background: var(--primary); color: #fff; }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--default-200); border-radius: 8px; }

.app { min-height: 100dvh; }

/* --------------------------------------------------------------------------
   HeroUI primitives: Chip, Button, Kbd, Spinner
   -------------------------------------------------------------------------- */

.chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  background: var(--default-100);
  color: var(--foreground);
}
.chip-sm { height: 24px; padding: 0 8px; font-size: 12px; }
.chip-faded { background: var(--default-100); border: 2px solid var(--default-200); }
.chip-primary.chip-faded { color: var(--primary-flat-fg); }
.chip-danger { background: var(--primary-flat); color: var(--primary-flat-fg); }
.chip-danger.chip-faded { background: var(--default-100); border-color: var(--default-200); color: var(--primary-flat-fg); }

.btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 40px;
  min-width: 80px;
  padding: 0 16px;
  border-radius: var(--r-medium);
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
  background: var(--default-200);
  color: var(--foreground);
  transition: transform 250ms var(--ease-out), opacity 250ms, background 250ms;
  overflow: hidden;
}
.btn:hover { opacity: 0.9; }
.btn:active { transform: scale(0.97); }
.btn .fas { font-size: 20px; }
.btn-primary { background: var(--primary); color: #fff; }
.btn-shadow { box-shadow: var(--primary-shadow); }
.btn-flat { background: var(--default-100); }
.btn-icon { min-width: 40px; width: 40px; padding: 0; }
.btn-icon.is-on { color: var(--primary-flat-fg); }
.btn-lg { height: 48px; padding: 0 24px; font-size: 16px; border-radius: var(--r-large); }

.kbd {
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 6px;
  border-radius: 6px;
  font-size: 11px;
  font-family: var(--font);
  color: var(--default-500);
  background: var(--default-100);
  box-shadow: var(--shadow-md);
}

/* HeroUI Spinner "wave" */
.spinner-wave { display: inline-flex; gap: 4px; align-items: center; height: 24px; }
.spinner-wave i {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--primary);
  animation: wave 1s var(--ease-std) infinite;
}
.spinner-wave i:nth-child(2) { animation-delay: 0.1s; }
.spinner-wave i:nth-child(3) { animation-delay: 0.2s; }

/* SectionTitle (Cinextma) — pill indicator + bold title */
.section-title { display: flex; align-items: center; gap: 8px; }
.section-title::before {
  content: "";
  flex-shrink: 0;
  width: 8px;
  height: 32px;
  border-radius: 999px;
  background: var(--primary);
  transform-origin: bottom;
  animation: indicator-in var(--spring-snappy-dur) var(--spring-snappy) backwards;
}
.section-title > h1, .section-title > h2 { font-size: 18px; font-weight: 700; line-height: 1.3; }
.section-title.is-h3::before { width: 10px; height: 48px; }
.section-title.is-h3 > h1 { font-size: 24px; }
.section-title .fas { display: none; }
@media (min-width: 768px) {
  .section-title > h1, .section-title > h2 { font-size: 20px; }
  .section-title.is-h3 > h1 { font-size: 30px; }
}

/* --------------------------------------------------------------------------
   Top progress bar (replaces full-screen loader; Cinextma uses bprogress)
   -------------------------------------------------------------------------- */

.page-transition {
  position: fixed;
  inset: 0 0 auto 0;
  height: 3px;
  z-index: 9000;
  pointer-events: none;
}
.page-transition .transition-content { display: none; }
.page-transition::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 0;
  background: var(--primary);
  box-shadow: 0 0 10px var(--primary), 0 0 5px var(--primary);
  opacity: 0;
}
.page-transition.active::before { opacity: 1; animation: progress-run 2.4s var(--ease-out) forwards; }
.page-transition.done::before { opacity: 0; width: 100%; transition: width 200ms var(--ease-std), opacity 300ms 200ms; }

/* --------------------------------------------------------------------------
   TopNavbar
   -------------------------------------------------------------------------- */

.navbar {
  position: sticky;
  top: 0;
  z-index: 40;
  height: var(--nav-h);
  background: var(--background);
}
.navbar::before {
  /* Cinextma: on detail pages navbar fades from transparent to solid with scroll */
  content: "";
  position: absolute;
  inset: 0;
  background: var(--background);
  border-bottom: 1px solid var(--background);
  opacity: var(--nav-o, 1);
  pointer-events: none;
}
body[data-page="detail"] .navbar { position: fixed; inset: 0 0 auto 0; background: transparent; }
body[data-page="watch"] .navbar { display: none; }

.nav-container {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 8px;
}
@media (min-width: 768px) { .nav-container { padding: 0 16px; } }

.nav-brand {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
  font-family: var(--font-brand);
  text-decoration: none;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: var(--foreground);
  transition: letter-spacing 300ms var(--ease-out);
}
@media (min-width: 768px) { .nav-brand { font-size: 30px; } }
.nav-brand:hover { letter-spacing: 0.2em; }
.nav-brand .brand-word {
  /* shine sweep (BrandLogo animate-shine) */
  background: linear-gradient(to right, var(--foreground) 0%, var(--foreground) 40%, #fff 50%, var(--foreground) 60%, var(--foreground) 100%);
  background-size: 200% 100%;
  background-position: 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: shine 3s linear 1 0.4s;
}
.nav-brand .ico-next { width: 0.9em; height: 0.9em; margin: 0 2px; color: var(--primary); transition: transform 300ms var(--spring-bouncy); }
.nav-brand:hover .ico-next { transform: translateX(2px); }
.bioskop-badge { display: none; }
.nav-logo-emoji { display: none; }

.nav-back { display: none; }
body[data-page="detail"] .nav-brand { display: none; }
body[data-page="detail"] .nav-back { display: inline-flex; }

.nav-search { position: relative; flex: 1; max-width: 512px; margin: 0 auto; display: none; }
@media (min-width: 768px) { .nav-search { display: block; } }
body[data-page="detail"] .nav-search { visibility: hidden; }

.search-container {
  position: relative;
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 12px;
  gap: 8px;
  border-radius: 999px;
  background: var(--secondary-background);
  transition: background 150ms;
}
.search-container:hover { background: var(--default-100); }
.search-container:focus-within { background: var(--default-100); box-shadow: 0 0 0 2px var(--default-200); }
.search-icon { font-size: 14px; color: var(--default-400); }
#search-input, #mobile-search-input {
  flex: 1;
  min-width: 0;
  height: 100%;
  border: 0;
  background: transparent;
  outline: none;
  font-size: 14px;
}
#search-input::placeholder, #mobile-search-input::placeholder { color: var(--default-500); }
.search-container .kbd { flex-shrink: 0; }
.search-container:focus-within .kbd, .search-container.has-value .kbd { display: none; }
.search-clear { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; color: var(--default-500); }
.search-clear:hover { background: var(--default-200); color: var(--foreground); }
.search-clear.hidden { display: none; }

.search-results {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  max-height: 480px;
  overflow-y: auto;
  padding: 4px;
  border-radius: var(--r-large);
  background: var(--content1);
  box-shadow: var(--shadow-lg);
  transform-origin: top center;
  animation: pop-in var(--spring-snappy-dur) var(--spring-snappy);
}
.search-results.hidden { display: none; }
.search-result-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 6px;
  border-radius: var(--r-small);
  cursor: pointer;
  transition: background 150ms;
}
.search-result-item:hover { background: var(--default-100); }
.search-result-img { width: 40px; height: 60px; border-radius: 6px; object-fit: cover; background: var(--default-100); flex-shrink: 0; }
.search-result-info { flex: 1; min-width: 0; }
.search-result-info h4 { font-size: 14px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.search-result-info p { font-size: 12px; color: var(--default-500); }
.search-result-type { display: none; }
.search-no-results { padding: 24px; text-align: center; color: var(--default-500); }

.nav-menu { display: flex; align-items: center; gap: 4px; margin-left: auto; }
@media (min-width: 768px) { .nav-menu { margin-left: 0; } }
.nav-btn {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  font-size: 22px;
  color: var(--foreground);
  transition: background 150ms;
}
.nav-btn:hover { background: var(--default-100); }
.mobile-menu-btn { display: none !important; }

/* --------------------------------------------------------------------------
   Sidebar — HeroUI Tabs (vertical, light, sm) with sliding cursor
   -------------------------------------------------------------------------- */

.sidebar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 30;
  height: 100vh;
  width: var(--rail-w);
  display: none;
  flex-direction: column;
  justify-content: center;
  padding-left: 8px;
  background: var(--background);
}
@media (min-width: 768px) { .sidebar { display: flex; } }
body[data-page="detail"] .sidebar, body[data-page="watch"] .sidebar { display: none; }

.sidebar-content { position: relative; max-height: calc(100vh - var(--nav-h)); overflow-y: auto; scrollbar-width: none; padding: 4px 0; }
.sidebar-content::-webkit-scrollbar { display: none; }
.sidebar-menu { position: relative; display: flex; flex-direction: column; gap: 14px; }

.tab-cursor {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 0;
  border-radius: var(--r-small);
  background: var(--default-100);
  box-shadow: var(--shadow-md);
  transition: transform var(--spring-snappy-dur) var(--spring-snappy), height 300ms var(--ease-out), opacity 200ms;
  pointer-events: none;
}

.sidebar-item {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 100%;
  padding: 6px 4px;
  border-radius: var(--r-small);
  font-size: 12px;
  line-height: 1.2;
  text-align: center;
  color: var(--default-500);
  transition: color 250ms, opacity 250ms;
}
.sidebar-item .fas { font-size: 22px; transition: transform var(--spring-bouncy-dur) var(--spring-bouncy); }
.sidebar-item:hover:not(.active) { opacity: 0.8; color: var(--foreground); }
.sidebar-item.active { color: var(--foreground); }
.sidebar-item.active .fas { transform: scale(1.08); }
.sidebar-item span { max-width: 76px; }
.sidebar-divider { height: 1px; margin: 14px 16px; background: var(--divider); }

.sidebar-overlay {
  position: fixed;
  inset: 0;
  z-index: 60;
  background: var(--overlay);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 300ms, visibility 300ms;
}
.sidebar-overlay.active { opacity: 1; visibility: visible; }

/* --------------------------------------------------------------------------
   Main shell
   -------------------------------------------------------------------------- */

.main-content { padding: 32px var(--px); min-height: calc(100dvh - var(--nav-h)); }
@media (min-width: 768px) { .main-content { margin-left: var(--rail-w); } }
body[data-page="detail"] .main-content, body[data-page="watch"] .main-content { margin-left: 0; }
body[data-page="watch"] .main-content { padding-top: 0; }

.page { display: none; }
.page.active { display: block; }

.page-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 16px; margin-bottom: 28px; }
.page-header > p { width: 100%; color: var(--default-500); font-size: 14px; margin-top: -4px; padding-left: 18px; }
.page-count { font-size: 12px; font-weight: 600; color: var(--default-500); }
.page-count:empty { display: none; }

/* Home lists: Cinextma gap-12 between rows */
#page-home { display: none; flex-direction: column; gap: 48px; }
#page-home.active { display: flex; }
.content-section { min-height: 250px; display: flex; flex-direction: column; gap: 8px; }
@media (min-width: 768px) { .content-section { min-height: 300px; } }
.algojo-section, #continue-watching-section { min-height: 0 !important; }
.content-section.reveal { opacity: 0; transform: translateY(24px); filter: blur(4px); }
.content-section.reveal.in {
  opacity: 1;
  transform: none;
  filter: none;
  transition: opacity 700ms var(--ease-out), transform var(--spring-smooth-dur) var(--spring-smooth), filter 700ms var(--ease-out);
}

.section-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.see-all-btn {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 14px;
  color: var(--foreground);
  transition: background 150ms;
}
.see-all-btn:hover { background: var(--default-100); }
.see-all-btn .fas { font-size: 16px; transition: transform 300ms var(--spring-bouncy); }
.see-all-btn:hover .fas { transform: translateX(3px); }

.ad-container:empty { display: none; }
.ad-container { display: flex; justify-content: center; }

/* --------------------------------------------------------------------------
   Carousel (Embla + HeroUI ScrollShadow)
   -------------------------------------------------------------------------- */

.carousel { position: relative; }
.content-scroll {
  display: flex;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  cursor: grab;
  scroll-behavior: smooth;
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 var(--sl, 0px), #000 calc(100% - var(--sr, 40px)), transparent 100%);
  mask-image: linear-gradient(to right, transparent 0, #000 var(--sl, 0px), #000 calc(100% - var(--sr, 40px)), transparent 100%);
}
.content-scroll::-webkit-scrollbar { display: none; }
.content-scroll.dragging { cursor: grabbing; scroll-behavior: auto; }
.content-scroll.dragging .content-card { pointer-events: none; }
.content-scroll > * { flex: 0 0 auto; padding: 8px 4px; }
.carousel[data-l="1"] .content-scroll { --sl: 40px; }
.carousel[data-r="0"] .content-scroll { --sr: 0px; }

.carousel-btn {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  width: 48px;
  display: none;
  place-items: center;
  font-size: 24px;
  color: var(--foreground);
  opacity: 0;
  transition: opacity 200ms;
}
.carousel-btn.prev { left: 0; }
.carousel-btn.next { right: 0; }
@media (min-width: 768px) and (hover: hover) { .carousel-btn { display: grid; } }
.carousel:hover .carousel-btn { opacity: 1; }
.carousel[data-l="0"] .carousel-btn.prev, .carousel[data-r="0"] .carousel-btn.next { visibility: hidden; }

/* --------------------------------------------------------------------------
   MoviePosterCard — "full" (carousels) and "bordered" (grids)
   -------------------------------------------------------------------------- */

.content-card {
  position: relative;
  display: block;
  cursor: pointer;
  color: #fff;
  outline-offset: 3px;
  animation: focus-in 700ms var(--ease-out) backwards;
  animation-delay: calc(var(--i, 0) * 24ms);
}

.cc-media {
  position: relative;
  aspect-ratio: 2 / 3;
  height: 250px;
  overflow: hidden;
  border-radius: var(--r-small);
  border: 3px solid transparent;
  background: var(--secondary-background);
  transition: border-color 150ms var(--ease-std);
}
@media (min-width: 768px) { .cc-media { height: 300px; } }
.content-card:hover .cc-media, .content-card:focus-visible .cc-media { border-color: var(--primary); }

.card-poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 0;
  transition: transform 500ms var(--ease-std), opacity 300ms;
}
.content-card:hover .card-poster { transform: scale(1.1); opacity: 0.7; }

.cc-chip { position: absolute; top: 8px; left: 8px; z-index: 20; background: rgba(0, 0, 0, 0.6); color: #f871a0; backdrop-filter: blur(4px); }
.cc-shade { position: absolute; inset: 50% 0 0 0; z-index: 2; background: linear-gradient(to top, #000 1%, transparent); }

.cc-play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 20;
  width: 64px;
  height: 64px;
  transform: translate(-50%, -50%);
  color: #fff;
  opacity: 0;
  pointer-events: none;
}
.cc-play path { fill: currentColor; fill-opacity: 0; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 38; stroke-dashoffset: 38; }
.content-card:hover .cc-play { opacity: 1; }
.content-card:hover .cc-play path { animation: draw-play 0.5s var(--ease-std) forwards, fill-play 0.4s 0.5s forwards; }

.card-info {
  position: absolute;
  left: 3px;
  right: 3px;
  bottom: 3px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 16px;
  pointer-events: none;
}
.card-title { font-size: 14px; font-weight: 600; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.card-meta { display: flex; justify-content: space-between; gap: 8px; font-size: 12px; }
.card-meta:empty { display: none; }

/* Bordered variant (Discover grid): HeroUI Card isHoverable */
.content-grid .content-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 12px 12px 0;
  border-radius: var(--r-large);
  background: var(--secondary-background);
  box-shadow: var(--shadow-md);
  color: var(--foreground);
  transition: background 250ms, transform 250ms var(--ease-out);
}
.content-grid .content-card:hover { background: var(--default-100); }
.content-grid .content-card:active { transform: scale(0.98); }
.content-grid .cc-media { height: auto; width: 100%; border: 0; border-radius: var(--r-large); }
.content-grid .content-card:hover .card-poster { opacity: 1; }
.content-grid .cc-shade { display: none; }
.content-grid .card-info { position: static; padding: 12px 0 10px; pointer-events: auto; }
.content-grid .card-title { font-size: 15px; font-weight: 700; }
.content-grid .card-meta { color: var(--default-500); }

.content-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  max-width: 1152px;
  margin: 0 auto;
}
@media (min-width: 640px) { .content-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 768px) { .content-grid { gap: 16px; } }
@media (min-width: 1024px) { .content-grid { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); } }

/* Resume card (continue watching) — landscape, Cinextma ResumeCard */
#continue-watching .cc-media { aspect-ratio: 16 / 9; height: 150px; }
@media (min-width: 768px) { #continue-watching .cc-media { height: 200px; } }
#continue-watching .card-poster { object-position: center 25%; }
#continue-watching .cc-play { width: 48px; height: 48px; border-radius: 50%; background: rgba(0, 0, 0, 0.35); backdrop-filter: blur(4px); padding: 12px; }

/* Skeletons — HeroUI Skeleton shimmer */
.skeleton-container { display: flex; gap: 8px; }
.skeleton-container.grid { display: contents; }
.skeleton-card {
  position: relative;
  flex: 0 0 auto;
  aspect-ratio: 2 / 3;
  height: 250px;
  border-radius: var(--r-small);
  background: var(--default-100);
  overflow: hidden;
}
@media (min-width: 768px) { .skeleton-card { height: 300px; } }
.content-grid .skeleton-card { height: auto; width: 100%; border-radius: var(--r-large); }
.skeleton-card::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.06), transparent);
  animation: shimmer 2s infinite;
}
.skeleton-card.large { height: 120px; aspect-ratio: auto; width: 100%; }

.load-more-container { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; min-height: 96px; margin-top: 24px; }
.load-more-btn, .clear-history-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 0 16px;
  border-radius: var(--r-medium);
  background: var(--default-100);
  font-size: 14px;
  transition: opacity 200ms, transform 200ms var(--ease-out);
}
.load-more-btn:hover, .clear-history-btn:hover { opacity: 0.85; }
.load-more-btn:active, .clear-history-btn:active { transform: scale(0.97); }
.load-more-btn:disabled { opacity: 1; background: none; color: var(--default-500); }
.load-more-btn .fa-spinner { display: none; }
.load-more-btn:disabled::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--primary); box-shadow: 10px 0 0 var(--primary), 20px 0 0 var(--primary); margin-right: 22px; animation: pulse-dots 1s infinite; }
.list-end { color: var(--default-500); font-size: 14px; }
.clear-history-btn { color: var(--primary-flat-fg); background: var(--primary-flat); }

.empty-state, .loading-state {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 80px 16px;
  text-align: center;
  color: var(--default-500);
}
.empty-state .fas { font-size: 40px; color: var(--default-300); }

/* Underlined Tabs (ContentTypeSelection) for Filipina/Vivamax */
.rebahan-category-tabs { position: relative; display: flex; gap: 24px; margin: 0 0 24px !important; padding: 0 !important; border-bottom: 1px solid var(--divider); }
.rebahan-cat-btn {
  position: relative;
  height: 44px !important;
  padding: 0 0 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: var(--default-500) !important;
  transition: color 200ms !important;
}
.rebahan-cat-btn:hover:not(.active) { color: var(--foreground) !important; }
.rebahan-cat-btn.active { color: var(--foreground) !important; }
.rebahan-cat-btn::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 4px;
  border-radius: 999px;
  background: var(--primary);
  transform: scaleX(0);
  transition: transform var(--spring-snappy-dur) var(--spring-snappy);
}
.rebahan-cat-btn.active::after { transform: scaleX(1); }

/* --------------------------------------------------------------------------
   Spotlight (home hero). Source posters are only 152x228, so the backdrop is
   a blurred fill and the sharp poster sits beside the copy (Overview layout)
   instead of stretching a low-res image full-bleed.
   -------------------------------------------------------------------------- */

.hero-banner {
  position: relative;
  margin: -32px calc(-1 * var(--px)) 0;
  height: clamp(420px, 62vh, 560px);
  overflow: hidden;
  isolation: isolate;
}
.hero-slider { position: relative; height: 100%; }

.hero-slide {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 32px;
  padding: 0 calc(var(--px) + 16px) 56px;
  background: none !important;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: opacity 600ms var(--ease-std), visibility 600ms;
}
.hero-slide.is-current { opacity: 1; visibility: visible; }

.hero-bg {
  position: absolute;
  inset: -60px;
  z-index: -2;
  background-size: cover;
  background-position: center 30%;
  filter: blur(40px) saturate(1.3) brightness(0.75);
  transform: scale(1.15);
}
.hero-slide.is-current .hero-bg { animation: ken-burns 9s linear forwards; }
.hero-slide::before, .hero-slide::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; }
/* Cinextma Backdrop: from-background via-transparent top + bottom */
.hero-slide::before { background: linear-gradient(to bottom, var(--background) 1%, transparent 30%); }
.hero-slide::after { background: linear-gradient(to top, var(--background) 1%, transparent 55%), linear-gradient(to right, color-mix(in srgb, var(--background) 70%, transparent), transparent 70%); }

.hero-content { display: flex; flex-direction: column; gap: 8px; max-width: 640px; min-width: 0; }
.hero-content > * { opacity: 0; }
.hero-slide.is-current .hero-content > * { animation: rise-in 700ms var(--ease-out) forwards; }
.hero-slide.is-current .hero-content > :nth-child(1) { animation-delay: 120ms; }
.hero-slide.is-current .hero-content > :nth-child(2) { animation: title-in var(--spring-smooth-dur) var(--spring-smooth) 180ms forwards; }
.hero-slide.is-current .hero-content > :nth-child(3) { animation-delay: 300ms; }
.hero-slide.is-current .hero-content > :nth-child(4) { animation-delay: 380ms; }

.hero-chips { display: flex; gap: 12px; }
.hero-badge { display: none; }
.hero-title {
  font-size: clamp(28px, 4.2vw, 48px);
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -0.01em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-wrap: balance;
}
.hero-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 14px; color: var(--foreground); }
.hero-meta .dot { opacity: 0.6; }
.hero-meta .fas { margin-right: 4px; }
.hero-description { display: none; }
.hero-buttons { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }

.hero-poster {
  width: 208px;
  aspect-ratio: 2 / 3;
  border-radius: var(--r-large);
  object-fit: cover;
  box-shadow: var(--shadow-lg);
  opacity: 0;
}
.hero-slide.is-current .hero-poster { animation: poster-in var(--spring-smooth-dur) var(--spring-smooth) 100ms forwards; }

/* Controls: grouped bottom-right, never over the copy */
.hero-controls {
  position: absolute;
  z-index: 5;
  right: calc(var(--px) + 16px);
  bottom: 20px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.hero-indicators { display: flex; gap: 6px; }
.hero-indicator {
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--default-300);
  overflow: hidden;
  cursor: pointer;
  transition: width 400ms var(--ease-out), background 200ms;
}
.hero-indicator.active { width: 32px; background: var(--default-200); }
.hero-indicator.active::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--foreground);
  transform-origin: left;
  animation: progress 6s linear forwards;
}
.hero-nav {
  position: static;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font-size: 16px;
  color: var(--foreground);
  background: var(--default-100);
  transition: background 150ms;
}
.hero-nav:hover { background: var(--default-200); }

@media (max-width: 767px) {
  .hero-banner { height: 520px; }
  .hero-slide { grid-template-columns: 1fr; padding: 0 var(--px) 64px; }
  .hero-poster { display: none; }
  .hero-bg { filter: blur(18px) saturate(1.2) brightness(0.7); }
  .hero-controls { left: var(--px); right: var(--px); bottom: 20px; justify-content: flex-start; }
  .hero-nav { display: none; }
  .hero-buttons .btn { flex: 1; }
}

/* --------------------------------------------------------------------------
   "Lagi ramai" — top 4 ranked list (numbers carry rank, not decoration)
   -------------------------------------------------------------------------- */

.algojo-card { min-height: 0; }
.multi-featured-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 1100px) { .multi-featured-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .multi-featured-grid { grid-template-columns: 1fr; gap: 8px; } }

.featured-card {
  position: relative;
  display: grid;
  grid-template-columns: auto 72px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 8px 12px 8px 4px;
  border: 0 !important;
  border-radius: var(--r-large);
  cursor: pointer;
  transition: background 200ms;
  animation: rise-in 700ms var(--ease-out) backwards;
  animation-delay: calc(var(--i, 0) * 60ms);
}
.featured-card:hover { background: var(--secondary-background); }
.featured-rank {
  width: 44px;
  text-align: center;
  font-family: var(--font-brand);
  font-size: 44px;
  font-weight: 700;
  line-height: 1;
  color: transparent;
  -webkit-text-stroke: 1.5px var(--default-300);
  transition: -webkit-text-stroke-color 200ms, color 200ms;
}
.featured-card:hover .featured-rank { -webkit-text-stroke-color: var(--primary); }
.featured-card:first-child .featured-rank { color: var(--primary); -webkit-text-stroke-color: var(--primary); }
.featured-poster { width: 72px; aspect-ratio: 2 / 3; height: auto; border-radius: var(--r-small); object-fit: cover; background: var(--default-100); }
.featured-info { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.featured-category { font-size: 12px; color: var(--default-500) !important; }
.featured-category .fas { display: none; }
.featured-title { font-size: 14px; font-weight: 600; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.featured-meta, .featured-btn { display: none; }

/* --------------------------------------------------------------------------
   Detail — Cinextma Backdrop (fixed, fades with scroll) + Overview
   -------------------------------------------------------------------------- */

.detail-container { position: relative; max-width: 1280px; margin: 0 auto; }
.detail-container > .back-btn { display: none; }

.detail-backdrop { position: fixed; inset: 0 0 auto 0; height: 50vh; z-index: 0; overflow: hidden; }
@media (min-width: 1024px) { .detail-backdrop { height: 70vh; } }
.detail-backdrop .bd-img { position: absolute; inset: -60px; background-size: cover; background-position: center 30%; filter: blur(32px) saturate(1.3) brightness(0.8); transform: scale(1.1); animation: ken-burns 14s linear forwards; }
.detail-backdrop::before { content: ""; position: absolute; inset: 0; z-index: 2; background: linear-gradient(to bottom, var(--background) 1%, transparent 30%), linear-gradient(to top, var(--background) 1%, transparent 55%); }
.detail-backdrop::after { content: ""; position: absolute; inset: 0; z-index: 3; background: var(--background); opacity: var(--bd-o, 0); }

.detail-header {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  padding-top: 20vh;
  margin-bottom: 40px;
  background: none !important;
}
.detail-header::before, .detail-header::after { content: none; }
@media (min-width: 768px) { .detail-header { grid-template-columns: auto 1fr; padding-top: 34vh; } }
.detail-poster {
  display: none;
  width: 208px;
  aspect-ratio: 2 / 3;
  object-fit: cover;
  border-radius: var(--r-large);
  box-shadow: var(--shadow-lg);
  animation: poster-in var(--spring-smooth-dur) var(--spring-smooth) backwards;
}
@media (min-width: 768px) { .detail-poster { display: block; } }
.detail-info { display: flex; flex-direction: column; gap: 32px; min-width: 0; }
.detail-info > * { animation: rise-in 700ms var(--ease-out) backwards; }
.detail-info > :nth-child(2) { animation-delay: 80ms; }
.detail-info > :nth-child(3) { animation-delay: 160ms; }
.dt-title-block { display: flex; flex-direction: column; gap: 4px; }
@media (min-width: 768px) { .dt-title-block { gap: 8px; } }
.detail-title { font-size: 24px; font-weight: 900; line-height: 1.15; text-wrap: balance; }
@media (min-width: 768px) { .detail-title { font-size: 36px; } }
.detail-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 12px; }
@media (min-width: 768px) { .detail-meta { font-size: 14px; } }
.detail-meta .fas { margin-right: 4px; }
.detail-actions { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; }
.detail-actions > div { display: flex; flex-wrap: wrap; gap: 8px; }
.detail-description { font-size: 14px; color: var(--foreground); }
.dt-story { display: flex; flex-direction: column; gap: 8px; }

.episodes-section { position: relative; z-index: 3; display: flex; flex-direction: column; gap: 12px; margin: 0 0 40px !important; }
.server-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 8px; }
.server-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  height: 52px;
  padding: 0 16px;
  border-radius: var(--r-medium);
  background: var(--secondary-background);
  border: 2px solid transparent;
  font-size: 14px;
  transition: border-color 150ms, background 150ms;
  animation: rise-in 600ms var(--ease-out) backwards;
  animation-delay: calc(240ms + var(--i, 0) * 40ms);
}
.server-item:hover { background: var(--default-100); }
.server-item.is-active { border-color: var(--primary); }
.server-item .si-name { display: flex; align-items: center; gap: 10px; }
.server-item .si-name .fas { font-size: 20px; color: var(--default-500); }
.server-item small { font-size: 12px; color: var(--default-500); }

/* --------------------------------------------------------------------------
   Watch — Cinextma Player: full-bleed player + overlay header + source drawer
   -------------------------------------------------------------------------- */

.watch-container { margin: 0 calc(-1 * var(--px)); }
.watch-container > .back-btn, .watch-container > .server-tabs { display: none !important; }
.player-shell { position: relative; background: #000; }
.player-head {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 40;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  height: 112px;
  padding: 8px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), transparent);
  color: #fff;
  pointer-events: none;
  transition: opacity 300ms;
}
@media (min-width: 768px) { .player-head { padding: 16px; } }
.player-head > * { pointer-events: auto; }
.player-shell.idle .player-head { opacity: 0; }
.ph-btn { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 4px 8px; border-radius: var(--r-medium); font-size: 12px; color: #fff; transition: background 150ms; }
.ph-btn .fas { font-size: 34px; }
.ph-btn:hover { background: rgba(255, 255, 255, 0.1); }
.ph-title { position: absolute; left: 50%; top: 20px; transform: translateX(-50%); max-width: 50%; text-align: center; font-size: 18px; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 639px) { .ph-title { display: none; } }

.video-player-container, .adult-player {
  position: relative !important;
  width: 100%;
  height: 100vh !important;
  height: 100dvh !important;
  padding-top: 0 !important;
  border-radius: 0 !important;
  background: #000;
}
@media (max-width: 767px) { .video-player-container, .adult-player { height: auto !important; aspect-ratio: 16 / 9; margin-top: 56px; } }
.video-player-container::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #0a0a0a 30%, #1a1a1a 50%, #0a0a0a 70%); background-size: 200% 100%; animation: shimmer-bg 1.6s linear infinite; }
.video-player-container iframe { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; border: 0; }

.video-info { padding: 20px var(--px) 8px; display: flex; flex-direction: column; gap: 8px; }
.video-title { font-size: 20px; font-weight: 700; }
.video-meta { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 13px; color: var(--default-500); }
.adult-badge { all: unset; }
.video-meta span[style] { margin: 0 !important; }

/* Vaul drawer (right) */
.drawer-backdrop { position: fixed; inset: 0; z-index: 9990; background: var(--overlay); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); opacity: 0; transition: opacity 300ms; }
.drawer {
  position: fixed;
  top: 8px;
  right: 8px;
  bottom: 8px;
  z-index: 9991;
  width: min(380px, calc(100vw - 16px));
  display: flex;
  flex-direction: column;
  border-radius: var(--r-large);
  background: var(--content1);
  box-shadow: var(--shadow-lg);
  transform: translateX(calc(100% + 16px));
  transition: transform 500ms cubic-bezier(0.32, 0.72, 0, 1);
}
.drawer-open .drawer-backdrop { opacity: 1; }
.drawer-open .drawer { transform: none; }
.drawer-head { display: flex; align-items: center; justify-content: space-between; padding: 16px 16px 8px 20px; font-size: 18px; font-weight: 700; }
.drawer-body { flex: 1; overflow-y: auto; padding: 8px 20px 20px; display: flex; flex-direction: column; gap: 16px; }
.drawer-legend { display: flex; flex-direction: column; gap: 8px; padding: 8px 4px; color: var(--default-500); font-size: 13px; }
.drawer-legend div { display: flex; align-items: center; gap: 8px; }
.drawer .server-list { grid-template-columns: 1fr; }

/* --------------------------------------------------------------------------
   BottomNavbar (Chip)
   -------------------------------------------------------------------------- */

.mobile-nav {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 50;
  display: none;
  grid-template-columns: repeat(6, 1fr);
  max-width: 100%;
  padding: 8px 0 calc(8px + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid var(--secondary-background);
  background: var(--background);
  transform: translateY(1px);
}
@media (max-width: 767px) { .mobile-nav { display: grid; } .main-content { padding-bottom: calc(var(--bottom-h) + 32px); } }
body[data-page="detail"] .mobile-nav, body[data-page="watch"] .mobile-nav { display: none; }
.mobile-nav-item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; color: var(--foreground); font-size: 10px; }
.mobile-nav-item .fas {
  display: block;
  width: 56px;
  height: 32px;
  padding: 0;
  border-radius: 999px;
  -webkit-mask: none;
  mask: none;
  background: transparent;
  position: relative;
  transition: background 300ms var(--ease-out);
}
.mobile-nav-item .fas::before {
  content: "";
  position: absolute;
  inset: 5px 17px;
  background: currentColor;
  -webkit-mask: var(--i) center/contain no-repeat;
  mask: var(--i) center/contain no-repeat;
}
.mobile-nav-item.active { font-weight: 700; }
.mobile-nav-item.active .fas { background: var(--default-200); animation: chip-pop var(--spring-bouncy-dur) var(--spring-bouncy); }

/* --------------------------------------------------------------------------
   Mobile search (full-screen) — Cinextma /search page
   -------------------------------------------------------------------------- */

.mobile-search-overlay { position: fixed; inset: 0; z-index: 9000; background: var(--background); animation: rise-in 300ms var(--ease-out); }
.mobile-search-overlay.hidden { display: none; }
.mobile-search-container { height: 100%; display: flex; flex-direction: column; }
.mobile-search-header { display: flex; align-items: center; gap: 8px; padding: calc(10px + env(safe-area-inset-top, 0px)) 12px 10px 4px; }
.mobile-search-close { width: 40px; height: 40px; border-radius: 999px; font-size: 22px; display: grid; place-items: center; }
.mobile-search-input-container { flex: 1; display: flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px; border-radius: 999px; background: var(--secondary-background); }
.mobile-search-input-container > .fas { color: var(--default-400); }
.mobile-search-results { flex: 1; overflow-y: auto; padding: 8px; }

/* --------------------------------------------------------------------------
   Toast (HeroUI addToast look), Back to top (IconButton shadow primary)
   -------------------------------------------------------------------------- */

.toast-container { position: fixed; z-index: 9999; left: 50%; bottom: 24px; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 8px; pointer-events: none; }
@media (max-width: 767px) { .toast-container { bottom: calc(var(--bottom-h) + 16px); } }
.toast {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 260px;
  max-width: calc(100vw - 32px);
  padding: 12px 16px;
  border-radius: var(--r-medium);
  background: var(--content1);
  box-shadow: var(--shadow-lg);
  font-size: 14px;
  pointer-events: auto;
  animation: toast-in var(--spring-snappy-dur) var(--spring-snappy);
  transition: opacity 300ms, transform 300ms var(--ease-in);
}
.toast[style*="opacity: 0"] { transform: translateY(8px) scale(0.96); }
.toast .fas { font-size: 20px; }
.toast.success .fas { color: #17c964; }
.toast.error .fas { color: var(--primary); }

.back-to-top {
  position: fixed;
  z-index: 9999;
  right: 16px;
  bottom: 80px;
  width: 48px;
  height: 48px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font-size: 24px;
  color: #fff;
  background: var(--primary);
  box-shadow: var(--primary-shadow);
  transition: opacity 300ms, transform 400ms var(--spring-bouncy);
}
@media (min-width: 768px) { .back-to-top { bottom: 16px; } }
.back-to-top.hidden { opacity: 0; transform: scale(0.6); pointer-events: none; }
body[data-page="watch"] .back-to-top { display: none; }

/* --------------------------------------------------------------------------
   Keyframes
   -------------------------------------------------------------------------- */

@keyframes spin { to { transform: rotate(360deg); } }
@keyframes shine { from { background-position: 100%; } to { background-position: -100%; } }
@keyframes wave { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes shimmer { to { transform: translateX(100%); } }
@keyframes shimmer-bg { from { background-position: 100% 0; } to { background-position: -100% 0; } }
@keyframes progress { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes progress-run { 0% { width: 0; } 30% { width: 45%; } 100% { width: 88%; } }
/* tailwindcss-motion "motion-preset-focus" */
@keyframes focus-in { from { opacity: 0; filter: blur(5px); transform: scale(0.96); } to { opacity: 1; filter: none; transform: none; } }
@keyframes rise-in { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
@keyframes title-in { from { opacity: 0; transform: translateY(28px); clip-path: inset(0 0 100% 0); } to { opacity: 1; transform: none; clip-path: inset(0 0 -20% 0); } }
@keyframes poster-in { from { opacity: 0; transform: translateY(24px) scale(0.92) rotate(-2deg); } to { opacity: 1; transform: none; } }
@keyframes pop-in { from { opacity: 0; transform: translateY(-8px) scale(0.97); } to { opacity: 1; transform: none; } }
@keyframes toast-in { from { opacity: 0; transform: translateY(16px) scale(0.95); } to { opacity: 1; transform: none; } }
@keyframes chip-pop { from { transform: scaleX(0.4); } to { transform: none; } }
@keyframes indicator-in { from { transform: scaleY(0); } to { transform: none; } }
@keyframes ken-burns { from { transform: scale(1.15); } to { transform: scale(1.25) translateY(-2%); } }
@keyframes draw-play { to { stroke-dashoffset: 0; } }
@keyframes fill-play { to { fill-opacity: 1; } }
@keyframes pulse-dots { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }

@media (hover: none) {
  .content-card:hover .card-poster { transform: none; opacity: 1; }
  .content-card:hover .cc-media { border-color: transparent; }
  .content-card:hover .cc-play { opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 1ms !important; animation-delay: 0ms !important; transition-duration: 1ms !important; scroll-behavior: auto !important; }
  .hero-content > *, .hero-poster { opacity: 1 !important; }
  .content-section.reveal { opacity: 1; transform: none; filter: none; }
}

/* --------------------------------------------------------------------------
   Ad slots. Reserved height (no layout shift), labelled, never over content.
   Reveal uses the project's spring token, once, and is disabled by the
   prefers-reduced-motion rule above.
   -------------------------------------------------------------------------- */

.ad-slot { display: flex; justify-content: center; width: 100%; }
.ad-slot:empty { min-height: 0 !important; }

.ad-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  padding: 10px 12px 12px;
  border-radius: var(--r-large);
  background: var(--secondary-background);
  opacity: 0;
  transform: translateY(10px);
}
.ad-box.is-in {
  opacity: 1;
  transform: none;
  transition: opacity 450ms var(--ease-out), transform var(--spring-smooth-dur) var(--spring-smooth);
}
.ad-label {
  align-self: flex-start;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--default-400);
}
.ad-body { display: flex; justify-content: center; max-width: 100%; overflow: hidden; border-radius: var(--r-small); }
.ad-body iframe { max-width: 100%; }

/* Watch page: ad sits under the player, never on it */
body[data-page="watch"] .ad-slot { padding: 16px var(--px) 24px; }