:root {
  --ynp-pomo-warm:245,242,235;
  --ynp-pomo-ink:#4a4235;
  --ynp-pomo-ink2:#6b5d48;
  --ynp-pomo-mute:#998e7d;
  --ynp-pomo-blue:#7fa8c9;
  --ynp-pomo-focus:#c98a7a;
  --ynp-pomo-break:#8fb4a0;
  --ynp-pomo-glass:rgba(255,253,248,.55);
  --ynp-pomo-border:rgba(255,255,255,.6);
  --ynp-pomo-serif:"Noto Serif SC","Source Han Serif SC","Songti SC",serif;
}
.ynp-pomo-dashboard { padding:18px 16px 34px!important;background:linear-gradient(145deg,#f1eee8,#e9e4dc);font-family:var(--ynp-pomo-serif);color:var(--ynp-pomo-ink); }
.ynp-pomo-card { box-sizing:border-box;position:relative;overflow:hidden;margin-bottom:14px;padding:20px;background:var(--ynp-pomo-glass);border:1px solid var(--ynp-pomo-border);border-radius:8px;backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);box-shadow:0 10px 35px rgba(150,140,120,.18),inset 0 1px 0 rgba(255,255,255,.7);opacity:0;transform:translateY(22px) scale(.98);transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1); }
.ynp-pomo-card::before { content:"";position:absolute;inset:0 0 auto;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.35),transparent);pointer-events:none; }
.ynp-pomo-card.is-visible { opacity:1;transform:none; }
.ynp-pomo-main-card { display:flex;flex-direction:column;align-items:center;padding-top:24px; }
.ynp-pomo-kicker { position:relative;margin-bottom:10px;color:var(--ynp-pomo-ink2);font-size:12px;font-weight:500;letter-spacing:3px; }
.ynp-pomo-ring-wrap { position:relative;width:min(64vw,280px);aspect-ratio:1;margin:0 auto; }
.ynp-pomo-ring { width:100%;height:100%;transform:rotate(-90deg); }
.ynp-pomo-ring-bg { fill:none;stroke:rgba(180,170,155,.25);stroke-width:14; }
.ynp-pomo-ring-fg { fill:none;stroke:var(--ynp-pomo-blue);stroke-width:14;stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .5s; }
.ynp-pomo-ring-fg[data-phase="focus"] { stroke:var(--ynp-pomo-focus); }
.ynp-pomo-ring-fg[data-phase="break"] { stroke:var(--ynp-pomo-break); }
.ynp-pomo-ring-center { position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center; }
.ynp-pomo-time { color:var(--ynp-pomo-ink);font-size:52px;font-weight:300;letter-spacing:3px;line-height:1;font-variant-numeric:tabular-nums; }
.ynp-pomo-phase { margin-top:10px;padding:4px 16px;border-radius:20px;background:rgba(255,255,255,.4);color:var(--ynp-pomo-mute);font-size:13px;letter-spacing:3px; }
.ynp-pomo-phase[data-phase="focus"] { color:var(--ynp-pomo-focus);background:rgba(201,138,122,.12); }
.ynp-pomo-phase[data-phase="break"] { color:var(--ynp-pomo-break);background:rgba(143,180,160,.14); }
.ynp-pomo-sub { position:relative;min-height:20px;margin-top:10px;color:var(--ynp-pomo-mute);font-size:13px;text-align:center; }
.ynp-pomo-actions { position:relative;display:flex;gap:12px;margin-top:14px; }
.ynp-pomo-actions button { min-width:96px;padding:10px 20px;border:1px solid rgba(153,142,125,.4);border-radius:30px;background:rgba(255,255,255,.5);color:var(--ynp-pomo-ink2);font:14px var(--ynp-pomo-serif); }
.ynp-pomo-actions button.primary { border-color:transparent;background:rgba(227,208,167,.82);color:var(--ynp-pomo-ink);box-shadow:0 5px 15px rgba(150,130,90,.18); }
.ynp-pomo-actions button:active { transform:scale(.96); }
.ynp-pomo-settings label { position:relative;display:flex;align-items:center;gap:9px;min-height:46px;border-bottom:1px solid rgba(153,142,125,.14);color:var(--ynp-pomo-ink2);font-size:14px; }
.ynp-pomo-settings label:last-child { border-bottom:0; }
.ynp-pomo-settings input { width:60px;padding:7px;border:1px solid rgba(153,142,125,.3);border-radius:8px;background:rgba(255,255,255,.52);color:var(--ynp-pomo-ink);font:inherit;text-align:center; }
.ynp-pomo-summary { display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:0; }
.ynp-pomo-summary>div { position:relative;padding:18px; }
.ynp-pomo-summary>div+div { border-left:1px solid rgba(153,142,125,.14); }
.ynp-pomo-summary span { display:block;color:var(--ynp-pomo-mute);font-size:12px; }
.ynp-pomo-summary b { display:block;margin-top:7px;font-size:26px;font-weight:400; }
.ynp-pomo-summary small { margin-left:5px;font-size:11px;font-weight:400; }
.ynp-pomo-message-card { min-height:220px;padding:0; }
.ynp-pomo-message-card header,.ynp-pomo-focus-messages header { position:relative;display:flex;align-items:center;gap:11px;padding:16px 18px;border-bottom:1px solid rgba(153,142,125,.14); }
.ynp-pomo-message-card header img,.ynp-pomo-focus-messages header img { width:42px;height:42px;border:2px solid rgba(255,255,255,.8);border-radius:50%;background:#ddd5ca;object-fit:cover; }
.ynp-pomo-message-card header b,.ynp-pomo-focus-messages header b { display:block;font-size:15px;font-weight:500; }
.ynp-pomo-message-card header span,.ynp-pomo-focus-messages header span { display:block;margin-top:3px;color:var(--ynp-pomo-break);font-size:12px; }
.ynp-pomo-messages { position:relative;box-sizing:border-box;max-height:300px;overflow:auto;padding:16px; }
.ynp-pomo-empty { padding:42px 10px;color:var(--ynp-pomo-mute);font-size:13px;line-height:1.8;text-align:center; }
.ynp-pomo-msg { display:flex;align-items:flex-start;gap:9px;margin-bottom:14px; }
.ynp-pomo-msg.is-latest { animation:ynp-pomo-message-in .48s cubic-bezier(.22,1,.36,1); }
.ynp-pomo-msg>img { width:32px;height:32px;border-radius:50%;background:#ddd5ca;object-fit:cover; }
.ynp-pomo-msg>div { max-width:78%;padding:10px 12px;border:1px solid rgba(255,255,255,.68);border-radius:5px 16px 16px;background:rgba(255,255,255,.5);box-shadow:0 4px 14px rgba(145,130,105,.1); }
.ynp-pomo-msg p { margin:0;color:var(--ynp-pomo-ink2);font-size:13px;line-height:1.55; }
.ynp-pomo-msg time { display:block;margin-top:5px;color:var(--ynp-pomo-mute);font-size:10px;text-align:right; }
.ynp-pomo-status { margin:10px;color:var(--ynp-pomo-mute);font-size:11px;text-align:center; }

body.ynp-pomo-open { overflow:hidden!important; }
.ynp-pomo-focus { position:fixed;inset:0;z-index:250000;overflow:hidden;color:var(--ynp-pomo-ink);font-family:var(--ynp-pomo-serif);animation:ynp-pomo-fade-in .32s ease both; }
.ynp-pomo-focus.is-closing { animation:ynp-pomo-fade-out .26s ease both; }
.ynp-pomo-focus-bg { position:absolute;inset:-8%;background-position:center 22%;background-size:cover;filter:blur(48px) saturate(1.15) brightness(1.05);transform:scale(1.25);animation:ynp-pomo-bg-drift 40s ease-in-out infinite alternate; }
.ynp-pomo-focus-veil { position:absolute;inset:0;background:radial-gradient(120% 90% at 20% 10%,rgba(var(--ynp-pomo-warm),.25),transparent 60%),radial-gradient(120% 100% at 90% 90%,rgba(255,240,230,.3),transparent 55%),rgba(var(--ynp-pomo-warm),.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px); }
.ynp-pomo-close { position:absolute;z-index:5;top:14px;right:16px;width:38px;height:38px;border:1px solid var(--ynp-pomo-border);border-radius:50%;background:var(--ynp-pomo-glass);box-shadow:0 4px 18px rgba(150,140,120,.18);color:var(--ynp-pomo-ink2);font-size:18px;transition:transform .18s cubic-bezier(.34,1.56,.64,1); }
.ynp-pomo-close:active { transform:scale(.9) rotate(90deg); }
.ynp-pomo-focus-grid { position:relative;z-index:3;box-sizing:border-box;display:grid;grid-template-areas:"main msg" "set msg";grid-template-columns:1.35fr 1fr;grid-template-rows:minmax(0,1fr) auto;gap:14px;width:100%;height:100%;padding:14px; }
.ynp-pomo-focus-grid .ynp-pomo-card { margin:0;padding:18px; }
.ynp-pomo-focus-main { grid-area:main;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0; }
.ynp-pomo-focus-main .ynp-pomo-ring-wrap { width:min(46vh,300px); }
.ynp-pomo-focus-settings { grid-area:set;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--ynp-pomo-ink2);font-size:12px; }
.ynp-pomo-focus-settings .ynp-pomo-kicker { margin:0; }
.ynp-pomo-focus-messages { grid-area:msg;display:flex;flex-direction:column;min-height:0;padding:0!important; }
.ynp-pomo-focus-messages .ynp-pomo-messages { flex:1;max-height:none; }
.ynp-pomo-rotate { display:none;position:absolute;z-index:20;inset:0;align-items:center;justify-content:center;background:rgba(245,242,235,.92);color:var(--ynp-pomo-ink2);font-size:16px;letter-spacing:2px; }

@keyframes ynp-pomo-fade-in { from{opacity:0} to{opacity:1} }
@keyframes ynp-pomo-fade-out { from{opacity:1} to{opacity:0} }
@keyframes ynp-pomo-bg-drift { from{transform:scale(1.25)} to{transform:scale(1.32) translate(-2%,-2%)} }
@keyframes ynp-pomo-message-in { from{opacity:0;transform:translateY(14px) scale(.97)} to{opacity:1;transform:none} }

@media (orientation:portrait) and (max-width:700px) {
  .ynp-pomo-focus.needs-rotate .ynp-pomo-rotate { display:flex; }
  .ynp-pomo-focus-grid { grid-template-areas:"main" "msg";grid-template-columns:1fr;grid-template-rows:1fr 1fr; }
  .ynp-pomo-focus-settings { display:none; }
}
@media (orientation:landscape) and (max-height:520px) {
  .ynp-pomo-focus-grid { gap:10px;padding:10px; }
  .ynp-pomo-focus-grid .ynp-pomo-card { padding:12px; }
  .ynp-pomo-focus-main .ynp-pomo-kicker { margin-bottom:2px;font-size:10px; }
  .ynp-pomo-focus-main .ynp-pomo-ring-wrap { width:min(44vh,210px); }
  .ynp-pomo-focus-main .ynp-pomo-time { font-size:38px; }
  .ynp-pomo-focus-main .ynp-pomo-sub { margin-top:2px;font-size:10px; }
  .ynp-pomo-focus-main .ynp-pomo-actions { margin-top:6px; }
  .ynp-pomo-focus-main .ynp-pomo-actions button { min-width:78px;padding:7px 14px;font-size:11px; }
  .ynp-pomo-focus-settings { padding:9px 14px!important;font-size:10px; }
  .ynp-pomo-focus-messages header { padding:8px 12px; }
  .ynp-pomo-focus-messages header img { width:32px;height:32px; }
  .ynp-pomo-focus-messages .ynp-pomo-messages { padding:10px; }
  .ynp-pomo-msg { margin-bottom:8px; }
  .ynp-pomo-msg>img { width:25px;height:25px; }
  .ynp-pomo-msg>div { padding:7px 9px; }
  .ynp-pomo-msg p { font-size:10px; }
}
@media (prefers-reduced-motion:reduce) {
  .ynp-pomo-focus-bg,.ynp-pomo-card,.ynp-pomo-msg { animation:none!important;transition:none!important; }
}