*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#F5E9C7;--cream:#F5E8C0;--text:#2A1A14;--text-muted:#7A6A50;--accent:#CC4030;--accent-hover:#A83428;--teal:#5DC8CC;--border:rgba(93,200,204,0.28);--card-bg:rgba(255,255,255,0.55);--font-brand:'Baloo 2',sans-serif;--font-body:'Quicksand',sans-serif}body[data-mode="shortBreak"],body[data-mode="longBreak"]{--accent:#5DC8CC;--accent-hover:#4AABB0}html,body{height:100%}body{font-family:var(--font-body);background-color:var(--bg);background-image:radial-gradient(ellipse 80% 50% at 18% 8%,#C8EAE8 0%,transparent 58%),radial-gradient(ellipse 60% 40% at 88% 88%,#B8DDB8 0%,transparent 52%);background-attachment:fixed;color:var(--text);min-height:100vh;display:flex;flex-direction:column;align-items:center}.pbd-header{width:100%;max-width:660px;display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.5rem 0}.pbd-home-link{font-family:var(--font-brand);font-size:.9rem;font-weight:700;color:var(--text-muted);text-decoration:none;transition:color .15s}.pbd-home-link:hover{color:var(--accent)}.pbd-home-link span{color:var(--accent)}.pbd-mute-btn{background:none;border:none;font-size:1.15rem;cursor:pointer;opacity:.5;padding:.25rem;transition:opacity .15s}.pbd-mute-btn:hover{opacity:1}.pbd-header__right{display:flex;align-items:center;gap:.55rem}.lang-picker{position:relative;font-family:var(--font-body);font-size:14px;z-index:200}.lang-picker__btn{display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,0.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid rgba(42,26,20,0.18);border-radius:100px;padding:.45em .9em .45em .7em;cursor:pointer;font-family:var(--font-body);font-size:.88rem;font-weight:600;color:var(--text);transition:border-color .2s,background .2s;white-space:nowrap}.lang-picker__btn:hover{border-color:var(--teal)}.lang-picker__flag{width:22px;height:16px;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,0.12);flex-shrink:0}.lang-picker__code{font-size:.8rem}.lang-picker__chevron{width:10px;height:10px;fill:currentColor;transition:transform .2s;flex-shrink:0}.lang-picker.is-open .lang-picker__chevron{transform:rotate(180deg)}.lang-picker__panel{display:none;position:absolute;top:calc(100% + .4rem);right:0;background:#fff;border:1.5px solid rgba(42,26,20,0.18);border-radius:14px;box-shadow:0 8px 32px rgba(0,0,0,0.13);padding:.5rem;min-width:170px;max-height:320px;overflow-y:auto}.lang-picker.is-open .lang-picker__panel{display:block}.lang-picker__option{display:flex;align-items:center;gap:.6rem;width:100%;padding:.52em .85em;border:none;background:none;border-radius:8px;cursor:pointer;font-family:var(--font-body);font-size:.88rem;font-weight:500;color:var(--text);text-decoration:none;text-align:left;transition:background .15s;white-space:nowrap}.lang-picker__option:hover,.lang-picker__option.is-active{background:rgba(93,200,204,0.14)}.lang-picker__option .fi{width:22px;height:16px;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,0.1);flex-shrink:0}.pbd-mt-notice[hidden]{display:none !important}.pbd-mt-notice{width:100%;max-width:660px;background:#FFF8DC;border:1px solid #E6D080;border-radius:10px;padding:.65rem 1rem;font-size:.82rem;color:var(--text-muted);display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin:.5rem 1.5rem 0;box-sizing:border-box}.pbd-mt-notice__text{flex:1;line-height:1.45}.pbd-mt-notice__text a{color:var(--accent)}.pbd-mt-notice__noshow{display:flex;align-items:center;gap:.35rem;cursor:pointer;white-space:nowrap;font-size:.78rem}.pbd-mt-notice__close{background:none;border:none;font-size:1.1rem;cursor:pointer;color:var(--text-muted);opacity:.6;padding:0 .2rem;line-height:1;transition:opacity .15s;flex-shrink:0}.pbd-mt-notice__close:hover{opacity:1}.pbd-main{flex:1;width:100%;max-width:660px;padding:1.5rem 1.5rem 3rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.pbd-hero{text-align:center}.pbd-title{font-family:var(--font-brand);font-size:clamp(1.9rem,6vw,2.6rem);font-weight:800;color:var(--accent);line-height:1.1;transition:color .4s}.pbd-tagline{font-size:.9rem;color:var(--text-muted);margin-top:.3rem}.pbd-tagline__link{color:var(--accent);text-decoration:none}.pbd-tagline__link:hover{text-decoration:underline}.pbd-guide-link{display:inline-flex;align-items:center;gap:.35em;margin-top:.75rem;font-size:.78rem;font-weight:600;color:#7A5C00;text-decoration:none;background:#F2C133;border:1px solid #E6B520;border-radius:99px;padding:.3em .9em;transition:background .15s,color .15s}.pbd-guide-link:hover{background:#E6B520;color:#5A3E00}.pbd-card{background:var(--card-bg);border:1.5px solid var(--border);border-radius:24px;box-shadow:0 8px 42px rgba(93,200,204,0.14);padding:1.6rem 2rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:400px}.pbd-scene{position:relative;width:290px;height:400px;background:var(--cream);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.09);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pbd-lilo{width:185px;height:auto;display:block;position:relative;z-index:1;-webkit-user-select:none;user-select:none;transform:translate(-40px,45px);transition:opacity .5s ease}.pbd-video{display:none}.pbd-hand{position:absolute;width:216px;height:auto;top:50%;left:50%;transform:translate(-70%,-70%);z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;transition:transform 1.1s linear,opacity .5s ease}.pbd-face{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:3;display:none;pointer-events:none}@keyframes pbd-face-pop{0%{opacity:0;transform:scale(0.15)}20%{opacity:1;transform:scale(1.22)}35%{transform:scale(0.92)}50%{transform:scale(1.04)}62%{opacity:1;transform:scale(1.0)}82%{opacity:1;transform:scale(1.0)}100%{opacity:0;transform:scale(0.6)}}.pbd-face--show{display:block;animation:pbd-face-pop 2.2s ease-in-out forwards}.pbd-timer-wrap{text-align:center}.pbd-time{font-family:var(--font-brand);font-size:clamp(3rem,11vw,4rem);font-weight:800;color:var(--accent);letter-spacing:.03em;line-height:1;transition:color .4s}.pbd-mode-label{font-size:.88rem;color:var(--text-muted);font-style:italic}.pbd-rounds{display:flex;gap:.55rem}.pbd-dot{width:11px;height:11px;border-radius:50%;background:rgba(93,200,204,0.15);border:1.5px solid rgba(93,200,204,0.35);transition:background .3s,border-color .3s}.pbd-dot--filled{background:var(--teal);border-color:var(--teal)}.pbd-dot--active{background:var(--accent);border-color:var(--accent)}.pbd-controls{display:flex;gap:.65rem}.pbd-btn{font-family:var(--font-brand);font-size:.95rem;font-weight:700;border:none;border-radius:100px;padding:.6em 1.5em;cursor:pointer;display:inline-flex;align-items:center;gap:.35em;transition:opacity .15s,transform .1s,background .25s,color .25s}.pbd-btn:hover{opacity:.88;transform:translateY(-1px)}.pbd-btn:active{transform:translateY(0)}.pbd-btn--primary{background:var(--accent);color:#fff;min-width:126px;box-shadow:0 4px 18px rgba(204,64,48,0.28);transition:background .25s,box-shadow .25s,opacity .15s,transform .1s}.pbd-btn--primary:hover{opacity:.9}.pbd-btn--secondary{background:rgba(93,200,204,0.13);color:var(--text-muted);border:1.5px solid var(--border)}.pbd-btn--secondary:hover{background:rgba(93,200,204,0.24);opacity:1}.pbd-btn--peekaboo{background:#CC7A1A;border:1.5px solid #B36A10;color:#fff;font-size:1.02rem;border-radius:100px;padding:.6em 1.56em}.pbd-btn--peekaboo:hover{background:#B36A10;border-color:#9A5B08;color:#fff;opacity:1}.pbd-btn__icon-loop{position:relative;display:inline-flex;width:19px;height:19px;flex-shrink:0;vertical-align:-0.2em}.pbd-btn__loop-a,.pbd-btn__loop-b{position:absolute;top:0;left:0}.pbd-btn__loop-a{animation:pbd-icon-loop-a 4s ease-in-out infinite}.pbd-btn__loop-b{animation:pbd-icon-loop-b 4s ease-in-out infinite;opacity:0}@keyframes pbd-icon-loop-a{0%,35%{opacity:1}50%,85%{opacity:0}100%{opacity:1}}@keyframes pbd-icon-loop-b{0%,35%{opacity:0}50%,85%{opacity:1}100%{opacity:0}}.pbd-btn--cta{background:var(--accent);color:#fff;text-decoration:none;display:inline-block;box-shadow:0 4px 18px rgba(204,64,48,0.28);padding:.7em 1.8em;margin-top:.5rem;transition:background .25s,opacity .15s,transform .1s}.pbd-info{width:100%;display:flex;flex-direction:column;gap:.55rem}.pbd-details{background:var(--card-bg);border:1.5px solid var(--border);border-radius:14px;overflow:hidden}.pbd-details__summary{font-family:var(--font-brand);font-weight:700;font-size:.93rem;padding:.9rem 1.1rem;cursor:pointer;list-style:none;color:var(--text);transition:background .15s;-webkit-user-select:none;user-select:none;display:flex;justify-content:space-between;align-items:center}.pbd-details__summary:hover{background:rgba(93,200,204,0.08)}.pbd-details__summary::-webkit-details-marker{display:none}.pbd-details[open] .pbd-details__summary{border-bottom:1.5px solid var(--border)}.pbd-icon{display:inline-block;vertical-align:-0.2em;flex-shrink:0}.pbd-chevron{flex-shrink:0;opacity:.45;transition:transform .25s ease}.pbd-details[open] .pbd-chevron{transform:rotate(180deg)}.pbd-details__body{padding:1rem 1.1rem;font-size:.87rem;color:var(--text-muted);line-height:1.72}.pbd-details__body p + p{margin-top:.65rem}.pbd-details__body strong{color:var(--text)}.pbd-steps{padding-left:1.3em;margin:0}.pbd-steps li{margin-bottom:.55em;line-height:1.65}.pbd-steps li:last-child{margin-bottom:0}.pbd-steps a.pbd-open-settings{color:var(--accent);text-underline-offset:2px}.pbd-steps a.pbd-open-settings:hover{opacity:.8}.pbd-steps__tip{margin-top:.8em;font-size:.84em;color:var(--text-muted);opacity:.85}.pbd-lilo-story{width:100%;background:var(--card-bg);border:1.5px solid var(--border);border-radius:18px;padding:1.6rem}.pbd-lilo-story__inner{display:flex;gap:1.3rem;align-items:flex-start}.pbd-lilo-story__photo-col{display:flex;flex-direction:column;align-items:center;gap:.55rem;flex-shrink:0}.pbd-lilo-story__photo{width:110px;height:110px;object-fit:cover;border-radius:50%;border:3px solid var(--border);display:block}.pbd-lilo-story__insta{display:inline-flex;align-items:center;gap:.3em;font-size:.75rem;font-weight:600;color:var(--text-muted);text-decoration:none;transition:color .15s;margin-top:.25em}.pbd-lilo-story__insta:hover{color:var(--accent)}.pbd-lilo-story__text p a{color:var(--accent);text-decoration:underline;transition:color .15s}.pbd-lilo-story__text p a:hover{color:var(--accent-hover)}.pbd-lilo-story__text h2{font-family:var(--font-brand);font-size:1.05rem;font-weight:700;color:var(--text);margin-bottom:.55rem}.pbd-lilo-story__text p{font-size:.86rem;color:var(--text-muted);line-height:1.68}.pbd-lilo-story__text p + p{margin-top:.5rem}.pbd-lilo-story__rights{font-size:.73rem !important;margin-top:.8rem !important;padding-top:.8rem;border-top:1px solid var(--border);opacity:.65}.pbd-cta{text-align:center;padding:.5rem}.pbd-cta p{font-size:.92rem;color:var(--text-muted)}.pbd-footer{width:100%;text-align:center;padding:1rem 1.5rem 2rem;font-size:.74rem;color:var(--text-muted)}.pbd-footer a{color:var(--accent);text-decoration:none}.pbd-footer a:hover{text-decoration:underline}.pbd-settings-btn{background:none;border:none;cursor:pointer;opacity:.5;padding:.25rem;transition:opacity .15s;display:flex;align-items:center;color:var(--text)}.pbd-settings-btn:hover{opacity:1}#pbd-settings-modal{background:var(--bg);border:1.5px solid var(--border);border-radius:22px;box-shadow:0 16px 60px rgba(0,0,0,0.22);padding:0;max-width:460px;width:calc(100vw - 2.5rem);max-height:calc(100dvh - 3rem);overflow-y:auto;overscroll-behavior:contain}#pbd-settings-modal::backdrop{background:rgba(42,26,20,0.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pbd-settings-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.4rem 1rem;border-bottom:1.5px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:1;border-radius:22px 22px 0 0}.pbd-settings-modal__title{font-family:var(--font-brand);font-size:1.1rem;font-weight:800;color:var(--text);display:flex;align-items:center;gap:.45em}.pbd-settings-modal__close{background:none;border:none;font-size:1.3rem;cursor:pointer;color:var(--text-muted);opacity:.55;padding:.15rem .4rem;line-height:1;border-radius:6px;transition:opacity .15s,background .15s}.pbd-settings-modal__close:hover{opacity:1;background:rgba(0,0,0,0.06)}.pbd-settings-section{padding:1.1rem 1.4rem;border-bottom:1.5px solid var(--border)}.pbd-settings-section__heading{font-family:var(--font-brand);font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;display:flex;align-items:center;gap:.4em;margin-bottom:.9rem}.pbd-set-fieldset{border:none;padding:0;margin:0}.pbd-set-fieldset legend.pbd-settings-section__heading{float:left;width:100%}.pbd-set-fieldset legend.pbd-settings-section__heading + *{clear:both}.pbd-set-timers{display:flex;flex-direction:column;gap:.55rem;margin-bottom:.9rem}.pbd-set-timer-row{display:flex;align-items:center;justify-content:space-between;font-size:.9rem;color:var(--text);font-weight:600;cursor:default}.pbd-set-timer-input-wrap{display:flex;align-items:center;gap:.45rem;font-size:.85rem;color:var(--text-muted)}.pbd-set-timer-input-wrap input[type="number"]{width:58px;padding:.35em .5em;border:1.5px solid var(--border);border-radius:9px;background:#fff;font-family:var(--font-brand);font-size:1rem;font-weight:700;color:var(--text);text-align:center;transition:border-color .15s;-moz-appearance:textfield;appearance:textfield}.pbd-set-timer-input-wrap input[type="number"]::-webkit-inner-spin-button,.pbd-set-timer-input-wrap input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none}.pbd-set-timer-input-wrap input[type="number"]:focus{outline:none;border-color:var(--teal)}.pbd-set-reset-btn{background:none;border:1.5px solid var(--border);color:var(--text-muted);font-family:var(--font-body);font-size:.78rem;font-weight:600;border-radius:99px;padding:.35em 1em;cursor:pointer;transition:border-color .15s,color .15s}.pbd-set-reset-btn:hover{border-color:var(--teal);color:var(--text)}.pbd-set-sound-options{display:flex;flex-direction:column;gap:.2rem}.pbd-set-sound-row{display:flex;align-items:center;gap:.65rem;padding:.45em .6em;border-radius:10px;cursor:pointer;transition:background .12s;font-size:.9rem;color:var(--text);min-height:40px}.pbd-set-sound-row:hover{background:rgba(93,200,204,0.1)}.pbd-set-sound-row input[type="radio"]{accent-color:var(--teal);width:16px;height:16px;flex-shrink:0;cursor:pointer}.pbd-set-sound-row span{flex:1;font-weight:500}.pbd-set-preview-btn{background:rgba(93,200,204,0.15);border:1px solid rgba(93,200,204,0.4);color:#3EA8AD;font-size:.62rem;border-radius:50%;width:26px;height:26px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;line-height:1;transition:background .12s,border-color .12s}.pbd-set-preview-btn:hover{background:rgba(93,200,204,0.32);border-color:var(--teal)}.pbd-set-volume-row{display:flex;flex-direction:column;gap:.8rem}.pbd-set-mute-label{display:flex;align-items:center;gap:.55rem;font-size:.9rem;font-weight:600;color:var(--text);cursor:pointer}.pbd-set-mute-label input[type="checkbox"]{accent-color:var(--accent);width:16px;height:16px;cursor:pointer}.pbd-set-vol-slider-wrap{display:flex;align-items:center;gap:.85rem}.pbd-set-vol-slider-wrap input[type="range"]{flex:1;accent-color:var(--teal);cursor:pointer;height:6px}.pbd-set-vol-label{font-family:var(--font-brand);font-size:.88rem;font-weight:700;color:var(--text-muted);min-width:3.4ch;text-align:right}.pbd-set-notif-rows{display:flex;flex-direction:column;gap:.55rem}.pbd-set-notif-row{display:flex;align-items:center;gap:.6rem;cursor:pointer;font-size:.9rem;color:var(--text)}.pbd-set-notif-row input[type="checkbox"]{accent-color:var(--teal);width:1.1em;height:1.1em;flex-shrink:0;cursor:pointer}.pbd-set-notif-row input[type="checkbox"]:disabled{opacity:.4;cursor:not-allowed}.pbd-set-notif-row input[type="checkbox"]:disabled + span{opacity:.5}.pbd-set-notif-perm-btn{align-self:flex-start;padding:.28rem .8rem;background:var(--teal);color:#fff;border:none;border-radius:8px;font-family:var(--font-ui);font-size:.82rem;font-weight:600;cursor:pointer;transition:opacity .15s}.pbd-set-notif-perm-btn:hover{opacity:.82}.pbd-set-notif-status{font-size:.8rem;color:var(--text-muted);margin:0;min-height:1em}.pbd-settings-modal__footer{padding:1rem 1.4rem 1.3rem;display:flex;justify-content:flex-end;border-top:1.5px solid var(--border);position:sticky;bottom:0;background:var(--bg);border-radius:0 0 22px 22px}.pbd-steps__tip--settings{margin-top:.5em}.pbd-break-art{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;opacity:0;pointer-events:none;transition:opacity .6s ease}body[data-mode="shortBreak"] .pbd-break-art,body[data-mode="longBreak"] .pbd-break-art{opacity:1}body[data-mode="shortBreak"] .pbd-lilo,body[data-mode="longBreak"] .pbd-lilo,body[data-mode="shortBreak"] .pbd-hand,body[data-mode="longBreak"] .pbd-hand{opacity:0}.pbd-break-art__svg{animation:pbd-feather-float 4s ease-in-out infinite;filter:drop-shadow(0 6px 18px rgba(93,200,204,0.28))}.pbd-break-art__vane{fill:rgba(93,200,204,0.15);stroke:rgba(93,200,204,0.65);stroke-width:4;stroke-linejoin:round;stroke-linecap:round}@keyframes pbd-feather-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(-2deg)}}@media (max-width:520px){#pbd-settings-modal{width:calc(100vw - 1rem);max-height:calc(100dvh - 1.5rem);border-radius:18px}.pbd-settings-modal__header{border-radius:18px 18px 0 0}.pbd-settings-modal__footer{border-radius:0 0 18px 18px}}@media (max-width:420px){.pbd-card{padding:1.3rem 1.2rem 1.6rem;max-width:100%}.pbd-scene{width:260px;height:330px}.pbd-lilo{width:164px}.pbd-hand{width:192px}.pbd-lilo-story__inner{flex-direction:column;align-items:center;text-align:center}.pbd-lilo-story__photo{width:90px;height:90px}.pbd-lilo-story__rights{text-align:left}}