html body dialog#petal-menu.radial-menu{box-sizing:border-box;width:min(94vw,88dvh,600px);height:auto;aspect-ratio:1;max-width:none;max-height:none;margin:auto;padding:0;border:0;border-radius:0;overflow:visible;background:transparent;color:var(--ink,#292522);box-shadow:none}
html body dialog#petal-menu.radial-menu[open]{display:block}
#petal-menu.radial-menu::backdrop{background:#14171dbd;backdrop-filter:blur(8px)}
#petal-menu .radial-level{position:absolute;inset:0;margin:0;padding:0;display:block}
#petal-menu .radial-level[hidden]{display:none!important}
html body #petal-menu .radial-item{position:absolute;transform:translate(-50%,-50%);box-sizing:border-box;width:var(--petal-size,26%);height:auto;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:9px;border:1px solid var(--border-soft,#ddd);border-radius:44% 44% 24% 44%;background:var(--white,#fff);color:var(--ink,#292522);font:inherit;font-size:clamp(10px,2.8vw,14px);font-weight:600;text-align:center;line-height:1.2;text-decoration:none;overflow-wrap:anywhere;cursor:pointer;box-shadow:0 8px 24px #0003;animation:petal-unfold .28s both;animation-delay:var(--petal-delay,0ms);transition:background .15s,color .15s,box-shadow .15s}
html body #petal-menu .radial-item:is(:hover,[aria-current="page"]){background:var(--appearance-accent,var(--green,#9a6424));color:var(--appearance-onaccent,#fff);box-shadow:0 10px 28px #0005}
html body #petal-menu :is(.radial-item,#petal-close):focus-visible{outline:3px solid var(--appearance-accent,#b87526);outline-offset:4px}
#petal-menu .radial-symbol{font-size:clamp(21px,5vw,30px);line-height:1;color:inherit}
#petal-menu .radial-hub{position:absolute;left:36%;top:36%;width:28%;height:28%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;pointer-events:none;border-radius:50%;background:var(--white,#fff);box-shadow:0 8px 24px #0003}
html body #petal-menu #petal-title{margin:0;font-size:clamp(10px,2.7vw,15px);font-weight:600;line-height:1.15;max-width:90%;color:inherit}
html body #petal-menu #petal-close{position:static;transform:none;animation:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:2px;border:0;border-radius:50%;background:var(--appearance-accent,var(--green,#9a6424));color:var(--appearance-onaccent,#fff);pointer-events:auto;cursor:pointer}
#petal-menu #petal-close span{font-size:21px;line-height:1}#petal-menu #petal-close small{font-size:10px;color:inherit}
#petal-menu .radial-empty{position:absolute;top:10%;width:100%;text-align:center;padding:12px;box-sizing:border-box;background:var(--white,#fff);border-radius:16px}
@keyframes petal-unfold{from{opacity:0;transform:translate(-50%,-50%) scale(.45)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
html body #legacy-sidebar .sidebar-category{margin:0;padding:0;border:0;border-bottom:1px solid #ffffff24;background:transparent;border-radius:0}
html body #legacy-sidebar .sidebar-category>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:10px 12px;box-sizing:border-box;list-style:none;cursor:pointer;color:inherit;font-size:12px;font-weight:650;line-height:1.3}
#legacy-sidebar .sidebar-category>summary::-webkit-details-marker{display:none}
#legacy-sidebar .sidebar-category>summary::after{content:'+';font-size:20px;font-weight:400;flex:none}
#legacy-sidebar .sidebar-category[open]>summary::after{content:'−'}
#legacy-sidebar .sidebar-category>summary:focus-visible{outline:2px solid var(--appearance-accent,#bb7725);outline-offset:-2px}
html body #legacy-sidebar .sidebar-category .sidebar-item{min-height:44px}
@media(max-height:450px){html body dialog#petal-menu.radial-menu{width:min(94vw,94dvh)}html body #petal-menu .radial-item{font-size:10px;gap:3px;padding:5px}#petal-menu .radial-symbol{font-size:19px}}
@media(prefers-reduced-motion:reduce){html body #petal-menu .radial-item{animation:none;transition:none}}

/* The theme shell also styles dialogs: keep the flower background transparent. */
html body dialog#petal-menu.radial-menu{background:transparent!important;color:var(--ink,#292522)!important}
html body #petal-menu .radial-item{padding:5px;overflow-wrap:normal}
html body #petal-menu .radial-item span:last-child{max-width:100%;hyphens:auto}
html body #legacy-sidebar[hidden]{display:none!important}
@media(max-width:450px){html body #petal-menu .radial-item{font-size:10px;gap:5px}html body #petal-menu #petal-title{font-size:11px}}

/* Compact rail keeps every category's links accessible. Full mode restores its folds. */
html body .legacy-layout.sidebar-icons #legacy-sidebar .sidebar-category>summary{display:none!important}
html body .legacy-layout.sidebar-icons #legacy-sidebar .sidebar-category{padding:5px 0!important}

html body #legacy-sidebar .sidebar-home-row{display:flex;align-items:center;position:relative;min-width:0}
html body #legacy-sidebar .sidebar-home-row>a{flex:1;min-width:0}
html body #legacy-sidebar .sidebar-home-heart{flex:none;width:30px;height:38px;padding:0;border:0;border-radius:8px;background:transparent;color:inherit;font-size:23px;cursor:pointer}
html body #legacy-sidebar .sidebar-home-heart[aria-pressed=true]{color:var(--appearance-accent,#d99434)}
html body #legacy-sidebar .sidebar-home-heart:hover,html body #legacy-sidebar .sidebar-home-heart:focus-visible{background:#ffffff26;outline:2px solid currentColor;outline-offset:-2px}
html body .legacy-layout.sidebar-icons #legacy-sidebar .sidebar-home-heart{position:absolute;right:-7px;top:0;width:23px;height:24px;font-size:18px;background:var(--appearance-accent,#805521);color:white;opacity:0}
html body .legacy-layout.sidebar-icons #legacy-sidebar .sidebar-home-row:hover .sidebar-home-heart,html body .legacy-layout.sidebar-icons #legacy-sidebar .sidebar-home-row:focus-within .sidebar-home-heart{opacity:1}
.sidebar-home-status{display:block;font-size:12px;padding:4px;overflow-wrap:anywhere}
.sidebar-home-status:empty{display:none}
html body .legacy-layout.sidebar-icons .sidebar-home-status{position:fixed;left:80px;bottom:20px;max-width:240px;background:#fff;color:#222;padding:10px;z-index:100}