.SettingsPage{width:100%;max-width:608px;margin-inline:auto}.SettingsPage-header{align-items:center;gap:12px;padding:16px 0;display:flex}.SettingsPage-header h1{letter-spacing:-.35px;font-size:20px;font-weight:700}.SettingsPage-backBtn{border-radius:12px;place-items:center;width:44px;height:44px;display:grid}@media (hover:hover) and (pointer:fine){.SettingsPage-backBtn:hover{background:var(--soft)}}.SettingsPage-section{border:0;min-width:0;margin:8px 0 0;padding:0}.SettingsPage-sectionHeader{align-items:center;gap:10px;width:100%;padding:12px 0;font-size:15px;font-weight:600;display:flex}.SettingsPage-sectionHeader svg{color:var(--accent-ink,var(--accent));flex-shrink:0}.SettingsPage-options{background:var(--card);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.SettingsPage-option{background:var(--card);text-align:start;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:50px;padding:14px 16px;font-size:15px;display:flex}@media (hover:hover) and (pointer:fine){.SettingsPage-option:hover{background:var(--soft)}}.SettingsPage-optionLabel{align-items:center;gap:8px;display:inline-flex}.SettingsPage-choice{position:relative}.SettingsPage-choice:has(input:checked){color:var(--accent-ink,var(--accent));background:color-mix(in srgb,var(--accent)7%,var(--card));font-weight:600}.SettingsPage-choice input,.SettingsPage-swatch input,.SettingsPage-switchRow input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}:is(.SettingsPage-choice:has(input:focus-visible),.SettingsPage-swatch:has(input:focus-visible),.SettingsPage-switchRow:has(input:focus-visible)){outline:2px solid var(--foreground);outline-offset:-3px;border-radius:12px}.SettingsPage-account{border-radius:14px;width:100%}.SettingsPage-avatar{background:var(--accent-soft);width:40px;height:40px;color:var(--accent-ink,var(--accent));border-radius:50%;flex-shrink:0;place-items:center;display:grid}.SettingsPage-accountCopy{overflow-wrap:anywhere;flex:1;min-width:0}.SettingsPage-accountCopy strong{font-size:15px;font-weight:500;display:block}.SettingsPage-account small,.SettingsPage-switchRow small{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.5;display:block}.SettingsPage-account>svg{color:var(--muted);flex-shrink:0}.SettingsPage-colorPicker{background:var(--card);border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 0;padding:16px 8px;display:grid}.SettingsPage-swatch{cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:64px;padding:8px 0;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.SettingsPage-swatch:hover{background:var(--soft)}}.SettingsPage-colorDot{color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;transition:transform .2s;display:grid}.SettingsPage-colorDot svg{filter:drop-shadow(0 1px 1px #0005)}.SettingsPage-colorLabel{color:var(--muted);font-size:11px;font-weight:500}.SettingsPage-swatch:has(input:checked) .SettingsPage-colorDot{transform:scale(1.15)}.SettingsPage-swatch:has(input:checked) .SettingsPage-colorLabel{color:var(--accent-ink,var(--accent));font-weight:600}.SettingsPage-roseIcon{background:var(--accent);width:18px;height:18px;-webkit-mask:url(/rose.svg) 50%/contain no-repeat;mask:url(/rose.svg) 50%/contain no-repeat}.SettingsPage-roseArt{width:42px;height:42px;color:var(--muted);place-items:center;display:grid}.SettingsPage-roseArt>span{background:var(--accent);width:100%;height:100%;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.SettingsPage-roseSwatch:has(input:checked){background:color-mix(in srgb,var(--accent)8%,var(--card))}.SettingsPage-roseCheck{color:var(--accent-ink,var(--accent));position:absolute;top:6px;right:6px}.SettingsPage-switchRow{border-radius:14px;position:relative}.SettingsPage-toggleTrack{background:var(--border);border-radius:13px;flex-shrink:0;width:44px;height:26px;transition:background .2s;position:relative}.SettingsPage-toggleTrack:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px}.SettingsPage-switchRow:has(input:disabled){cursor:default}.SettingsPage-switchRow input:disabled+.SettingsPage-toggleTrack{opacity:.5}.SettingsPage-switchRow:has(input:disabled)>span:first-child{opacity:.5}.SettingsPage-switchRow input:disabled{cursor:default}.SettingsPage-switchRow input:checked+.SettingsPage-toggleTrack{background:var(--accent)}.SettingsPage-switchRow input:checked+.SettingsPage-toggleTrack:after{transform:translate(18px)}.SettingsPage-help{color:var(--muted);margin:10px 16px;font-size:12px;line-height:1.5}.SettingsPage-footer{text-align:center;color:var(--muted);margin-top:32px;font-size:12px}.SettingsPage-preview{isolation:isolate;background-image:var(--splash-image);color:#fff;background-position:50%;background-size:cover;border-radius:18px;flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;height:148px;margin:4px 0 20px;padding:22px;display:flex;position:relative;overflow:hidden}.SettingsPage-preview>strong{letter-spacing:-.7px;font-size:27px;font-weight:600;line-height:1.2}.SettingsPage-previewCaption{opacity:.8;font-size:11px}.SettingsPage-previewMotif{font-size:12px}.SettingsPage-preview .SettingsPage-previewRose{opacity:.25;width:245px;height:245px;animation:180s linear infinite rose-turn;top:-50px;right:-75px}[data-rose=rose2] .SettingsPage-preview .SettingsPage-previewRose{width:190px;height:190px;top:-20px;right:-32px}.SettingsPage-random{color:var(--accent-ink,var(--accent))}.SettingsPage-randomAction{min-height:36px;color:var(--accent-ink,var(--accent));border-radius:10px;align-items:center;gap:6px;margin-left:auto;padding:6px 8px;font-size:12px;font-weight:500;display:inline-flex}@media (hover:hover) and (pointer:fine){.SettingsPage-randomAction:hover{background:var(--accent-soft)}}.SettingsPage-random .SettingsPage-roseArt{color:var(--accent-ink,var(--accent))}.SettingsPage-random[aria-pressed=true]{background:color-mix(in srgb,var(--accent)8%,var(--card))}.SettingsPage-random[aria-pressed=true] .SettingsPage-colorLabel{color:var(--accent-ink,var(--accent));font-weight:600}.SettingsPage-notificationGroup{background:var(--card);border-radius:14px;overflow:hidden}.SettingsPage-notificationGroup .SettingsPage-switchRow{background:0 0}.SettingsPage-notificationMuted{color:var(--muted);flex-shrink:0}.SettingsPage-notificationLink{min-height:44px;color:var(--accent-ink,var(--accent));text-align:start;align-items:center;gap:8px;padding:0 16px 10px;font-size:13px;display:flex}.SettingsPage-notificationTest{background:var(--card);border-radius:14px;margin-top:8px}.SettingsPage-notificationTest summary{cursor:pointer;border-radius:14px;align-items:center;gap:12px;min-height:60px;padding:14px 16px;list-style:none;display:flex}.SettingsPage-notificationTest summary::-webkit-details-marker{display:none}.SettingsPage-notificationTest summary:focus-visible{outline:2px solid var(--foreground);outline-offset:-3px}.SettingsPage-notificationTestIcon{background:var(--soft);width:34px;height:34px;color:var(--muted);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.SettingsPage-notificationTestTitle{flex:1;min-width:0;font-size:13px;font-weight:500}.SettingsPage-notificationTestTitle small{color:var(--muted);margin-top:3px;font-size:12px;font-weight:400;line-height:1.5;display:block}.SettingsPage-notificationChevron{color:var(--muted);flex-shrink:0}.SettingsPage-notificationTest[open] .SettingsPage-notificationChevron{transform:rotate(180deg)}.SettingsPage-notificationTestBody{padding:0 16px 16px}.SettingsPage-notificationTestBody p{color:var(--muted);margin:0 0 14px;font-size:13px;line-height:1.6}.SettingsPage-notificationTestBody strong{color:var(--foreground);font-weight:500}.SettingsPage-notificationCopy{width:100%;min-height:44px;color:var(--accent-ink,var(--accent));background:var(--accent-soft);border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.SettingsPage-notificationStatus{color:var(--muted);font-size:12px;line-height:1.5}.SettingsPage-notificationStatus:not(:empty){padding:10px 16px 0}@media (hover:hover) and (pointer:fine){.SettingsPage-notificationTest summary:hover{background:var(--soft)}.SettingsPage-notificationCopy:hover{filter:brightness(.97)}}.SettingsPage{--settings-gap:26px;--settings-row-x:16px;padding-bottom:24px}.SettingsPage>:first-child{margin-top:4px}.SettingsPage-group,.SettingsPage>.SettingsPage-section{margin:var(--settings-gap)0 0}.SettingsPage>:first-child.SettingsPage-group{margin-top:8px}.SettingsPage .SettingsPage-sectionHeader{padding:0 var(--settings-row-x)8px;letter-spacing:.01em;color:var(--muted);gap:7px;font-size:13px;font-weight:600}.SettingsPage .SettingsPage-sectionHeader>svg{display:none}.SettingsPage-card,.SettingsPage .SettingsPage-options,.SettingsPage .SettingsPage-notificationGroup{background:var(--card);border-radius:16px;overflow:hidden}.SettingsPage-card>*,.SettingsPage .SettingsPage-options>*{background:0 0;border-radius:0}.SettingsPage-card>*+*,.SettingsPage .SettingsPage-options>*+*{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--foreground)8%,transparent)}.SettingsPage-row{width:100%;min-height:60px;padding:12px var(--settings-row-x);color:var(--foreground);font:inherit;text-align:start;cursor:pointer;align-items:center;gap:13px;transition:background .14s;display:flex}.SettingsPage-row:active,.SettingsPage .SettingsPage-option:active{background:var(--soft)}@media (hover:hover) and (pointer:fine){.SettingsPage-row:hover{background:var(--soft)}}.SettingsPage-row:focus-visible{outline:2px solid var(--foreground);outline-offset:-3px}.SettingsPage-row:disabled{cursor:default;opacity:.6}.SettingsPage-rowCopy{flex:1;min-width:0}.SettingsPage-rowCopy strong{font-size:15px;font-weight:500;line-height:1.35;display:block}.SettingsPage-rowCopy small,.SettingsPage .SettingsPage-switchRow small{color:var(--muted);margin-top:2px;font-size:12.5px;line-height:1.45;display:block}.SettingsPage-icon{background:var(--accent-soft);width:32px;height:32px;color:var(--accent-ink,var(--accent));border-radius:9px;flex-shrink:0;place-items:center;display:grid}.SettingsPage-chevron{color:color-mix(in srgb,var(--muted)70%,transparent);flex-shrink:0}.SettingsPage-profile{gap:14px;min-height:76px}.SettingsPage-profile .SettingsPage-avatar{width:46px;height:46px}.SettingsPage-profile .SettingsPage-rowCopy strong{font-size:17px;font-weight:600}.SettingsPage .SettingsPage-option{min-height:60px;padding:12px var(--settings-row-x);gap:16px}.SettingsPage .SettingsPage-switchRow>span:first-child{flex:1;min-width:0;font-size:15px;line-height:1.35}.SettingsPage .SettingsPage-switchRow:has(input:focus-visible){border-radius:0}.SettingsPage .SettingsPage-help{margin:8px var(--settings-row-x)0}.SettingsPage .SettingsPage-footer{margin-top:30px}.SettingsPage .SettingsPage-notificationGroup:has(+.SettingsPage-notificationLink){border-radius:16px 16px 0 0}.SettingsPage .SettingsPage-notificationGroup+.SettingsPage-notificationLink{min-height:52px;padding:0 var(--settings-row-x);background:var(--card);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--foreground)8%,transparent);border-radius:0 0 16px 16px;justify-content:space-between;font-size:14px;font-weight:500}.SettingsPage .SettingsPage-notificationTest{margin-top:10px}.SettingsPage-card>.library-backup{background:0 0;border-radius:0;margin:0}.SettingsPage-card>.library-backup summary{min-height:60px;padding:12px var(--settings-row-x);gap:13px}.SettingsPage-card>.library-backup summary>svg:first-child{box-sizing:content-box;background:var(--accent-soft);width:17px;height:17px;color:var(--accent-ink,var(--accent));border-radius:9px;padding:7.5px}.SettingsPage-card>.library-backup strong{font-size:15px;font-weight:500;line-height:1.35}.SettingsPage-card>.library-backup small{margin-top:2px;font-size:12.5px;line-height:1.45}.SettingsPage-card>.library-backup .library-backup-chevron{width:18px;height:18px;color:color-mix(in srgb,var(--muted)70%,transparent);transition:transform .18s}.SettingsPage-card>.library-backup .library-backup-body{padding:0 var(--settings-row-x)16px calc(var(--settings-row-x) + 45px)}.SettingsPage-card>.library-backup .library-backup-action{border-radius:12px;min-height:60px}.SettingsPage-viewChoice{padding-top:12px}.SettingsPage-viewChoiceTitle{padding:0 var(--settings-row-x);font-size:15px;line-height:1.35;display:block}
